18041 sujets

Questions générales et questions de débutants

Petite aide de debutant pour une condition en javascript

Bonjour,
j ai crée un petit formulaire en html avec du php et un peu de javascript
mais je souhaiterais améliorer son contenu
je m explique a un moment la personne peux choisir entre différent pays
et je souhaiterais que suivant le pays sélectionner un morceau de code apparaisse

j ai essaye avec ce code mais cela ne fonctionne pas

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>



   <META content="text/html; charset=windows-1252" http-equiv="Content-Type">
</head>
   <BODY background="Bon de commande JAVASCRIPT (Copyright Crash Computing 2011)_fichiers/index.htm" bgcolor="#008000">

        <td width="250" height="24" bgcolor=#ffffff colspan="1"><font color="noir">Pays</font></td>
        <td width="550" height="24" bgcolor="#ffffff" colspan="4">
<select name="pays">
<option value="Afghanistan">Afghanistan</option>
<option value="Afrique du Sud">Afrique du Sud</option>
<option value="Albani">Albanie</option>
<option value="france">france</option>
<option selected="selected" value="be">Belgique</option>
  </select></td>
</tr>
		</TABLE >

<SCRIPT language = "JavaScript" >

 if( $_POST['pays'] == 'Belgique' ){
document.write("affiche la belgique  ");
}elseif( $_POST['pays'] == 'France' ){
document.write("affiche la france  ");
}
   </SCRIPT>
       
	
   </BODY>
   </HTML>

<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
j ai essaye avec ceci
sans succes non plus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>



   <META content="text/html; charset=windows-1252" http-equiv="Content-Type">
</head>
   <BODY background="Bon de commande JAVASCRIPT (Copyright Crash Computing 2011)_fichiers/index.htm" bgcolor="#008000">

        <td width="250" height="24" bgcolor=#ffffff colspan="1"><font color="noir">Pays</font></td>
        <td width="550" height="24" bgcolor="#ffffff" colspan="4">
<select name="pays" id="pays"> 
<option value="belgique">belgique</option>
<option value="Afrique du Sud">Afrique du Sud</option>
<option value="Albani">Albanie</option>
<option value="france">france</option>
<option selected="selected" value="be">Afghanistan</option>
  </select></td>
</tr>
		</TABLE >

<script>
document.getElementById("pays").onchange = function () {
 var pays = document.getElementById("pays").value;
 if( pays == 'belgique' ){
  document.write("affiche la belgique  ");
 }elseif( pays == 'france' ){
  document.write("affiche la france  ");
 }
}
</script>
       
	
   </BODY>
   </HTML>

<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
Salut !
Dans ton 1er code tu n'as pas ouvert les balises PHP, ton code PHP n'est donc pas interprété. Dans le second, c'est "else if", et non pas "elseif" il me semble.
bonjour oui tu avais raison c est donc bien "else if"
Mais lors du choix du pays la page s efface et indique le resultat
Par exemple si je choisit la france , tout s efface et j ai cette phrase
affiche la france
j aurais aime que le choix du pays reste et que a phrase s affiche aussi
merci de l aide
Une question qui n'a rien à voir avec ton problème ; mais qui concerne plus de l'optimisation et de l'amélioration d'une éventuelle maintenance :

Pourquoi tu fais çà : 
document.getElementById("pays").onchange = function () {
 var pays = document.getElementById("pays").value;
 if( pays == 'belgique' ){
  document.write("affiche la belgique  ");
 }elseif( pays == 'france' ){
  document.write("affiche la france  ");
 }
}


Et pas plutot çà ?
document.getElementById("pays").onchange = function () {
 var pays = document.getElementById("pays").value;
  document.write("affiche la "+pays);
 
}
Et j'ai pas bien saisi ce que tu souhaitais faire mais si c'est garder ta page et mettre à côté de ton SELECT le choix sélectionné pourquoi ne pas faire : 

<td id='choice_selected'></td>



document.getElementById("pays").onchange = function () {
 var pays = document.getElementById("pays").value;
  $('#choice_selected').text("affiche la "+pays);
 
}


Ensuite, où est le début de ta table ??? Et il vaudrait mieux que tu extrait le css dans un fichier plutôt qu'à l'intérieur des balises Smiley ohwell
merci pour la reponse

j ai fini par résoudre mon soucis avec ce code


<script type="text/javascript">
function visibilite (id)
{
	var xx = document.getElementById("receveur").getElementsByTagName("div");

	for (var i=0; i<xx.length; i++)
		xx.item(i).style.display = "none";

	document.getElementById(id).style.display = "block";
}
</script>



<select size="1"  onChange="location = this.options[this.selectedIndex].value;">
	  <option selected="" value="0" "">                                 </option>
	  
	<option value="javascript:visibilite('opt1');">Belgique</option>
	<option value="javascript:visibilite('opt2');" >France</option>
	<option value="javascript:visibilite('opt3');">Afghanistan</option>

	
</select>
Sujet clos
Aller à