AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 19 14:43:47
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Menu déroulant [ JavaScript et le navigateur / Autre ] (lavm01)

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

Membre Club
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

Membre Club

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é 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 " 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 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 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 déroulant bug texte ou image défilante [ par lebeef ] Bonjour à toutes et à tous,J'ai créé un petit site (ce n'est pas de la pub www.univie.ch ). Comme vous pouvez le voir, j'ai fait un menu déroulant en


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,328 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.