Accueil > Forum > > > > Menu déroulant
 Menu déroulant
lundi 22 janvier 2007 à 20:43:20 |
Menu déroulant
lavm01
|
Bonjour, Comment faire plusieurs menus déroulant en javascript qui ont tous la même choses dans le menu en Ex: menu 1 j'ai comme option A B C D E F G (7 choix dans mon menu) menu 2 idem menu 3 idem Donc au lieu de répéter des lignes de code, y a-t-il un moyen de le faire juste un fois en javascript mais de le faire afficher plusieurs fois dans ma page html (un en dessous de l'autre) Merci de me répondre. |
|
mardi 23 janvier 2007 à 01:24:02 |
Re : Menu déroulant
rubiks10
|
Salut
Oui tout est possible bien entendu... mais bon si tu donnes aucun code avec on pourra pas t'aider à par te répondre " Oui c'est faisable " ou " Non c'est pas faisable "
voilà @+
-- The Rubik's Man --
|
|
mardi 23 janvier 2007 à 02:45:42 |
Re : Menu déroulant
lavm01
|
Voici mon bout ce code html (voir explication en bas)
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body bgcolor="#4496e7">
<p align="center">
<font color="#FFFFFF">FORMULE UN</font></p>
</H1>
<form name="inscription" action=" [ Lien ]" method="post">
<input type="hidden" name="RECIPIENT" value="xxxx@xxxx.com">
<input type="hidden" name="SUBJECT" value="Inscription pool formule 1">
<input type="hidden" name="FROMADDRESS" value="xxxx@xxxx.com">
<P align="center">
<HR>
<table width="52%">
<tr>
<td>
<b>Nom du pilote: </b><font size="4"> </font>
<select id="pilote1" name="pilote1">
<option value="-1">????????????</option>
<option value="Fernando Alonso">Fernando Alonso</option>
<option value="Michael Schumacher">Michael Schumacher</option>
<option value="Felipe Massa">Felipe Massa</option>
<option value="Giancarlo Fisichella">Giancarlo Fisichella</option>
<option value="Kimi Räikkönen">Kimi Räikkönen</option>
<option value="Jenson Button">Jenson Button</option>
<option value="Etc...">Etc...</option>
</select>
<b>termine en position:</b><font size="4"> </font>
<select id="rang1" name="rang1">
<option value="-1">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
</select>
</td>
</tr>
</table>
<table width="52%">
<tr>
<td>
<b>Nom du pilote: </b><font size="4"> </font>
<select id="pilote1" name="pilote1">
<option value="-1">????????????</option>
<option value="Fernando Alonso">Fernando Alonso</option>
<option value="Michael Schumacher">Michael Schumacher</option>
<option value="Felipe Massa">Felipe Massa</option>
<option value="Giancarlo Fisichella">Giancarlo Fisichella</option>
<option value="Kimi Räikkönen">Kimi Räikkönen</option>
<option value="Jenson Button">Jenson Button</option>
<option value="Etc...">Etc...</option>
</select>
<b>termine en position:</b><font size="4"> </font>
<select id="rang1" name="rang1">
<option value="-1">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</td>
</tr>
</table>
</body>
</html>
Au lieu de répéter le nom des pilotes et la pisition a chaque fois est-il possible de mettre les nom des pilotes et le rang dans une fonction javascript et de caller la fonction javascript. Ça serait pratique car il faut que je répète le tout 8 fois car je dois choisir les 8 première position.
Merci !
|
|
mardi 23 janvier 2007 à 02:46:35 |
Re : Menu déroulant
lavm01
|
Voici mon bout ce code html (voir explication en bas)
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body bgcolor="#4496e7">
<p align="center">
<font color="#FFFFFF">FORMULE UN</font></p>
</H1>
<form name="inscription" action=" [ Lien ]" method="post">
<input type="hidden" name="RECIPIENT" value="xxxx@xxxx.com">
<input type="hidden" name="SUBJECT" value="Inscription pool formule 1">
<input type="hidden" name="FROMADDRESS" value="xxxx@xxxx.com">
<P align="center">
<HR>
<table width="52%">
<tr>
<td>
<b>Nom du pilote: </b><font size="4"> </font>
<select id="pilote1" name="pilote1">
<option value="-1">????????????</option>
<option value="Fernando Alonso">Fernando Alonso</option>
<option value="Michael Schumacher">Michael Schumacher</option>
<option value="Felipe Massa">Felipe Massa</option>
<option value="Giancarlo Fisichella">Giancarlo Fisichella</option>
<option value="Kimi Räikkönen">Kimi Räikkönen</option>
<option value="Jenson Button">Jenson Button</option>
<option value="Etc...">Etc...</option>
</select>
<b>termine en position:</b><font size="4"> </font>
<select id="rang1" name="rang1">
<option value="-1">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</td>
</tr>
</table>
<table width="52%">
<tr>
<td>
<b>Nom du pilote: </b><font size="4"> </font>
<select id="pilote1" name="pilote1">
<option value="-1">????????????</option>
<option value="Fernando Alonso">Fernando Alonso</option>
<option value="Michael Schumacher">Michael Schumacher</option>
<option value="Felipe Massa">Felipe Massa</option>
<option value="Giancarlo Fisichella">Giancarlo Fisichella</option>
<option value="Kimi Räikkönen">Kimi Räikkönen</option>
<option value="Jenson Button">Jenson Button</option>
<option value="Etc...">Etc...</option>
</select>
<b>termine en position:</b><font size="4"> </font>
<select id="rang1" name="rang1">
<option value="-1">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</td>
</tr>
</table>
</body>
</html>
Au lieu de répéter le nom des pilotes et la pisition a chaque fois est-il possible de mettre les nom des pilotes et le rang dans une fonction javascript et de caller la fonction javascript. Ça serait pratique car il faut que je répète le tout 8 fois car je dois choisir les 8 première position.
Merci !
|
|
mardi 23 janvier 2007 à 12:27:15 |
Re : Menu déroulant
PetoleTeam
|
B
onjour...
Rapidement en passant il te faut écrire une fonction qui écrit à ta place...
le fichier final pourrait ressembler à cela...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript">
var Num = 0;
// Index pour éviter les Même ID
//-------------------
function WriteChoix(){
Num++; // Incrémente l'index
var i=0;
var Html ="";
//-- Tableau des Pilotes
var T_Pilote = new Array( );
T_Pilote[i++] = "Fernando Alonso";
T_Pilote[i++] = "Michael Schumacher";
T_Pilote[i++] = "Felipe Massa";
T_Pilote[i++] = "Giancarlo Fisichella";
T_Pilote[i++] = "Kimi Räikkönen";
T_Pilote[i++] = "Jenson Button";
T_Pilote[i++] = "Etc...";
//-- Le Nom du Pilote
Html += '<b>Nom du pilote: <\/b><font size="4"><\/font>';
Html += ' <select id="pilote'+ Num +'" name="pilote'+ Num +'">';
Html += ' <option value="-1">????????????<\/option>';
for( var i = 0; i < T_Pilote.length; i++){
Html += '<option value="'+ T_Pilote[i] +'">' +T_Pilote[i] +'<\/option>';
}
Html += ' <\/select>';
//-- La position
Html += ' <b>termine en position:<\/b><font size="4"><\/font>';
Html += ' <select id="rang'+ Num +'" name="rang'+ Num +'">';
Html += ' <option value="-1">0<\/option>';
for( var i = 0; i < T_Pilote.length; i++){
Html += '<option value="'+ (i+1) +'">' +(i+1) +'<\/option>';
}
Html += ' <\/select>';
//-- On écrit le résultat
document.write( Html);
}
</script>
</head>
<body bgcolor="#4496e7">
<h1 align="center"><font color="#FFFFFF">FORMULE UN</font></h1>
<form name="inscription" action="http://www.xxxx.org/cgi-bin/mailto.cgi" method="post">
<input type="hidden" name="RECIPIENT" value="xxxx@xxxx.com">
<input type="hidden" name="SUBJECT" value="Inscription pool formule 1">
<input type="hidden" name="FROMADDRESS" value="xxxx@xxxx.com">
<p align="center">
<hr>
<table width="52%"><tr><td>
<script type="text/javascript">WriteChoix()</script>
</td></tr></table>
<table width="52%"><tr><td>
<script type="text/javascript">WriteChoix()</script>
</td></tr></table>
</form>
</body>
</html>
et cela autant de fois que tu le veux
Nota : tu peux même faire tourner la fonction autont de fois que tu le veux directement...
<script type="text/javascript">
for( var i = 0; i < 8; i++){
document.write('<table width="52%"><tr><td>');
WriteChoix()
document.write('
</td></tr></table>');
}
les lignes
document.write('<table width="52%"><tr><td>');
document.write('
</td></tr></table>');
peuvent donc être rajoutées dans la fonction en début et en fin ...
</script>
;0)
|
|
mardi 23 janvier 2007 à 14:00:12 |
Re : Menu déroulant
lavm01
|
C'est exactement ce que j'avais à faire.
Merci !
|
|
Cette discussion est classée dans : javascript, menu, déroulant
 Répondre à ce message
 Sujets en rapport avec ce message
Menu Déroulant avec Javascript [ par Tesnyme ]
Bonjour,j'ai un Probleme de menu déroulant crée par jacascript. le probleme se concerne quand on click sur le Menu Déroulant la liste sera affichée ma
problème menu déroulant [ par lebeef ]
Bonjour tout le monde,J'ai récemment créé un site internet (c'est pas pour faire de la pub si jamais... www.univie.ch )J'ai donc fait un menu déroulan
Problème avec effet lightbox + menu déroulant javascript [ par kevinbp ]
Bonjour,j'aurais aimé avoir de l'aide avec mon site internet. Je n'arrive pas à avoir sur la même page un effet de lightbox ajouté à une animation fla
Compatibilité menu déroulant avec IE versions 4 5 et 6 !! [ par sanghoria ]
Bonjour à tous,Je vous présente mon site actuel : http://www.annuaire-animaux.net/portail-animalier.php que j'ai décidé de relooker niveau design et d
Probléme compatibilité menu déroulant [ par cmaelc ]
Bonjour, voila le code source d'un menu déroulant, cépendant il n'est pas compatible internet explorer :( Je ne sait pas du tout comment faire, voici
Comment cacher menu déroulant automatiquement [ par leclanalucky ]
Salut,J'ai un petit problème avec le javascript, j'ai un menu déroulant vertical et j'aimerais qu'il se cache automatiquement lorsque la sourie quitte
" Menu déroulant avec images liens et agrandissement " [ par WinZapS ]
Bonjour à vous ,Le nom de mon sujet n'est pas trop explécite mais ce que je voudrais c'est comme ce qu'il y a sur ce site :http://www.lephoceen.fr , l
Menu Déroulant Ajax [ par Catalarem ]
Alors ben tout d'abord un grand merci à cette fabuleuse communauté qui je le sens (depuis que je me suis enfin convaincu moi même que le bon vieux HTM
Effet progressif lors du déployement d'un menu déroulant en CSS [ par qntoinOo ]
Bonjour,J'aimerais savoir comment il est possible de faire un effet progressif sur un menu déroulant en CSS (Je me sers balise toussa) dans le style
Menu horizontal et Javascript [ par Lucky062 ]
Bonjour à tous, Je suis débutant et peut être que la question est stupide, mais je me lance ! Voici un moment que je cherche et je ne trouve pas !
 Livres en rapport
|
Derniers Blogs
 L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
 Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|