[javascript] Help

Marsh Posté le 10-04-2002 à 14:42:27

Salut à tous,

Pourquoi cela ne fonctionne t-il pas:

Code :

<select name=series id='series'>
<option>[Sites]</option>
<option
onselect="javascript: document.all.montest.style.visibility='visible';">affiche </option>
<option>autre</option>
<option>autre2</option>
</select>
<div id="montest" style="visibility: hidden;">
<p>test</p>
</div>

Ce que je veux pouvoir faire:
1- lorsque affiche est sélectionné, le texte "test" de la balise div doit apparaitre.
2- Lorsqu'un autre champs est sélectionné, il doit disparaitre.

HELP

merci à vous

[jfdsdjhfuetppo]--Message édité par Djero--[/jfdsdjhfuetppo]

Reply

Marsh Posté le 10-04-2002 à 14:42:27

Reply

Marsh Posté le 10-04-2002 à 15:15:39

Il faut que tu regarde au niveau de la propriete selected [g].

Sinon, enfin peut etre tu l'as fait, mais un <select> et toujours dans un <form>

bonne chance !

Reply

Marsh Posté le 10-04-2002 à 15:24:23

effectivement je n'ai pas mis de form, c'est corrigé, mais hélas cela ne resoud pas le problème

Je ne connais pas le javascript, je sais juste le bidouiller, et encore.
Peux tu etre plus précis au sujet du selected?

ou mieux, me donner un exemple

Reply

Marsh Posté le 10-04-2002 à 15:45:28

Djero a écrit a écrit :

effectivement je n'ai pas mis de form, c'est corrigé, mais hélas cela ne resoud pas le problème

Je ne connais pas le javascript, je sais juste le bidouiller, et encore.
Peux tu etre plus précis au sujet du selected?

ou mieux, me donner un exemple

Bon , donc ça donne (en gros, j'ai aps verifié le code)
onselect="javascript: mafonction();">affiche </option>

Et ensuite, dans la focntion mafonction() :
tu regardes quel est l'element selectionné, si ça correspond au bon, tu rend visible, sinon invisible.
Donc : [CODE]
if (document.series.selectedIndex==1)
document.all.montest.style.visibility='visible';
else
document.all.montest.style.visibility='hidden';

et voila :hello:

Reply

Marsh Posté le 10-04-2002 à 15:45:43

Bon on va tenter une approche différente :

Code :

<script language="JavaScript">
function thefunc() {
if (document.forms[0].series.options.selectedIndex==1) {
document.all.montest.style.visibility='visible';
}
}
</script>
<form ... >
<select name=series id='series' onChange="thefunc()">
<option>[Sites]</option>
<option>affiche</option>
<option>autre</option>
<option>autre2</option>
</select>
</form>
<div id="montest" style="visibility: hidden;">
<p>test</p>
</div>

Je ne te garantis pas que ça fonctionne mais essaye.

Reply

Marsh Posté le 10-04-2002 à 15:46:48

Grillaid !

Reply

Marsh Posté le 10-04-2002 à 15:46:56

Dost67 a écrit a écrit :

Bon on va tenter une approche différente :

Code :

<script language="JavaScript">
function thefunc() {
if (document.forms[0].series.options.selectedIndex==1) {
document.all.montest.style.visibility='visible';
}
}
</script>
<form ... >
<select name=series id='series' onChange="thefunc()">
<option>[Sites]</option>
<option>affiche</option>
<option>autre</option>
<option>autre2</option>
</select>
</form>
<div id="montest" style="visibility: hidden;">
<p>test</p>
</div>

Je ne te garantis pas que ça fonctionne mais essaye.

Faut pas oublier de mettre invisible si c pas le bon, mais sinon :jap:

Reply

Marsh Posté le 11-04-2002 à 09:37:39

La deuxieme solution fonctionne.

Merci à vous deux

Djé

Reply

[javascript] Help

Sujets relatifs:

Leave a Replay