Probleme simple JavaScript

Fermé
Julien - 22 févr. 2001 à 15:06
Marden Messages postés 1072 Date d'inscription dimanche 11 février 2001 Statut Membre Dernière intervention 29 janvier 2006 - 22 févr. 2001 à 16:35
Bonjour a tous, j'ai un petit probleme en JavaScript qui, je pense, est assez simple a regler mais je n'y arrive pas.
Je voudrais selectionner des informations a partir d'un menu deroulant dans une page appelee test.htm et diriger les info selectionnees dans une deuxieme page appelee text2.htm dans des champs prevus a cet effet.

Voici test.htm :

<html>
<head>
<title>test Javascript</title>

<script language="JavaScript" src="test.js"></script>
</head>

<body>

<form name="query">

<select name="selection1" id="choice" size="1" onchange=Write()>
<option value="null" selected="selected">Please select your color</option>
<option value="black">black</option>
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="purple">purple</option>
<option value="white">white</option>
<option value="orange">orange</option>
<option value="blue">blue</option>
<option value="green">green</option>
<option value="braun">braun</option>
<option value="pink">pink</option>
<option value="darkblue">darkblue</option>
</select>

<br><br>

<select name="selection2" id="choice2" size="1" onchange=Write2()>
<option value="null" selected="selected">Please select the

background</option>
<option value="black">black</option>
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="purple">purple</option>
<option value="white">white</option>
<option value="orange">orange</option>
<option value="blue">blue</option>
<option value="green">green</option>
<option value="braun">braun</option>
<option value="pink">pink</option>
</select>
<br><br>
<input type="button" value="go to results" onClick="Openresults( )">

</form>

</body>

</html>



Voici test2.htm :

<HTML>
<HEAD>
<TITLE>test Javascript 2</TITLE>
<SCRIPT language=JavaScript src="test.js">
</SCRIPT>
</HEAD>
<BODY>
<FORM name=results>


The color is : <INPUT name=color size=25></INPUT> <BR>

The background is : <INPUT name=background size=25></INPUT>
</FORM>
</BODY>
</HTML>


Voici test.js :

function Write() {

var selection ;
selection=document.query.selection1.selectedIndex;
if (document.query.selection1.options[selection].value!="null")
{
document.results.color.value=document2.query.selection1.options[selection].value;
}
}


function Write2() {

var selection ;
selection=document.query.selection2.selectedIndex;
if (document.query.selection2.options[selection].value!="null")
{

document.results.background.value=document2.query.selection2.options[selection].value;
}
}

function Openresults() {
document2=window.open("test2.htm","test2","height=210, width=250, left=350, top=200");
}

Ca ne marche pas! Pourquoi ?
En fait, le probleme semble venir de document et document2 qui ne doit pas etre la bonne syntaxe .
D'autre part, est-il possible dans test2.htm de visualiser le resultat sans creer de champ <input...> de telle sorte qu'on ne puisse pas changer la valeur du resultat dans test2.htm.

J'espere que je me suis fait bien comprendre.
Merci de votre aide.
Julien.

A voir également:

1 réponse

Marden Messages postés 1072 Date d'inscription dimanche 11 février 2001 Statut Membre Dernière intervention 29 janvier 2006 210
22 févr. 2001 à 16:35
Dans tes fonctions "write", tu as inversé "document..." et "document2...". Et "document2" n'est pas défini si la fenêtre n'est pas ouverte !
0