Probleme simple JavaScript
Julien
-
Marden Messages postés 1075 Statut Membre -
Marden Messages postés 1075 Statut Membre -
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.
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:
- Probleme simple JavaScript
- Iphone 14 simple - Guide
- Simple pdf - Télécharger - PDF
- Simple ocr - Télécharger - Bureautique
- Simple file locker - Télécharger - Sécurité
- Simple comic - Télécharger - Vie quotidienne
