Taz et xéna

puce Sommaire des articles de cette rubrique

puce Générateur de menu Déroulant (le 01/01/2006 à 06h24)

GENERATEUR DE MENU DEROULANT

Exemple:

Ecrivez ou insérez les mots des chapitres : Sélectionnez la largeur du menu déroulant.

Une fois le résultat obtenu, faites varier la largeur pour supprimer ou ajouter des saut de ligne.

Votre code : Exemple de résultat :

Code

<P align=center><FONT color=#ff0000 size=4><STRONG>Exemple:</STRONG></FONT> </P>
<P align=center>
<FORM name=f1 method=post>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top align=right></TD>
<TD>Ecrivez ou insérez les mots des chapitres :</TD>
<TD vAlign=top>Sélectionnez la largeur du menu déroulant. </TD></TR>
<TR>
<TD vAlign=top align=right></TD>
<TD><TEXTAREA name=S1 rows=7 cols=30></TEXTAREA></TD>
<TD vAlign=top>  <SELECT onchange=gen() size=1 name=D0> <OPTION value=10 selected>10</OPTION> <OPTION value=12>12</OPTION> <OPTION value=15>15</OPTION> <OPTION value=17>17</OPTION> <OPTION value=20>20</OPTION> <OPTION value=22>22</OPTION> <OPTION value=25>25</OPTION> <OPTION value=30>30</OPTION> <OPTION value=35>35</OPTION> <OPTION value=40>40</OPTION> <OPTION value=50>50</OPTION> <OPTION value=60>60</OPTION> <OPTION value=70>70</OPTION></SELECT><BR><STRONG><FONT color=#008000><EM>Une fois le résultat obtenu, faites varier la largeur pour supprimer ou ajouter des saut de ligne</EM></FONT>. </STRONG></TD></TR>
<TR>
<TD vAlign=top align=right></TD>
<TD><INPUT style="BACKGROUND-COLOR: #ffcc00" onclick=gen() type=button value="Générer le code" name=B1></TD>
<TD vAlign=top></TD></TR>
<TR>
<TD vAlign=top align=right>Votre code :</TD>
<TD><TEXTAREA name=S2 rows=7 cols=30></TEXTAREA></TD>
<TD vAlign=top>Exemple de résultat :
<P><SELECT size=1 name=helper></SELECT> </P></TD></TR></TBODY></TABLE></FORM>
<SCRIPT language=javascript>

function gen(){
t=document.forms.f1.S1.value
l=document.forms.f1.D0.value*1
t=t.replace(/\n/g," \n ")

n=new Array()
j=""
k=0
s=0
for (i=0; i<t.length-1;){
tt=t.substr(i,l)
e=tt.lastIndexOf(" ")

if(tt.length<l){e=tt.length}
e2=tt.indexOf("\n")
if(e2>0){e=e2}
if(e<=0){e=l}
n[k]=t.substring(i,i+e)
i+=e
//alert(n[k]+" "+e)
k++
}
tt="<select size=1 name=helper>"

for (i in n){
tt+="<option VALUE=\"http://www.XXX.com\">"+n[i]+"</option>"
}
tt+="</select>"
t=tt.replace(/ /g,"  ")
document.forms.f1.S2.value=t
document.forms.f1.helper.outerHTML=t

}
</SCRIPT>
</P>
<P align=center><FONT color=#ff0000 size=4><STRONG>Code</STRONG></FONT></P>

[ Ajouter un commentaire | 0 commentaire(s) | Imprimer | Permalien ]