Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1660 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu deroutant javascript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

menu deroutant javascript

n°954886
Bloody_Ang​el
Posté le 17-01-2005 à 17:45:26  profilanswer
 

Voila le probleme : j'ai un menu déroutant dans lequel j'entre des adresses de site et si je clique dessus, j'accede au site. Mais sa ne marche pas. Voila le code (ici un exemple avec google) :  
 
<html>  
<head>  
 
</head>  
 
 
 
 
 
<select size="1" name="url" onChange="navigation()">  
<option value="Vide">titre du menu deroutan</option>  
<option value="http://www.google.fr/">titre du site auquel on veut acceder</option>  
...

mood
Publicité
Posté le 17-01-2005 à 17:45:26  profilanswer
 

n°954894
sonikbuzz
echo &#034;Hello World!&#034;;
Posté le 17-01-2005 à 17:51:41  profilanswer
 

Salut,  
 
et dans navigation() y'a quoi ?
 
Sinon essaye :

Code :
  1. <SELECT NAME='url' onchange=\"location=this.options[this.selectedIndex].value\">
  2. <option value="Vide">titre du menu deroutan</option> 
  3. <option value="http://www.google.fr/">titre du site auquel on veut acceder</option>


Message édité par sonikbuzz le 17-01-2005 à 17:52:14
n°954925
Bloody_Ang​el
Posté le 17-01-2005 à 18:23:35  profilanswer
 

merci mais sa ne marche pas

n°954989
sonikbuzz
echo &#034;Hello World!&#034;;
Posté le 17-01-2005 à 20:03:21  profilanswer
 

Bloody_Angel a écrit :

merci mais sa ne marche pas


C'est peut etre un probleme avec les char comme "/".
 
Une autre solution : tu passe juste www.google.fr et dans une autre page tu fais une redir en ajoutant http://

n°955120
antp
Super Administrateur
Champion des excuses bidons
Posté le 17-01-2005 à 22:53:47  profilanswer
 

Bloody_Angel a écrit :

j'ai un menu déroutant


 
C'est un peu déroulant de voir les gens confondre les L et les T :o


Message édité par antp le 17-01-2005 à 22:54:05

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°955327
Bidem
Posté le 18-01-2005 à 10:56:54  profilanswer
 

sonikbuzz a écrit :

<SELECT NAME='url' onchange=\"location=this.options[this.selectedIndex].value\">


 
Je ne vois pas pourquoi tu veuw dé-spécialiser les " ...
 
Bloody_Angel : montre nous le code de ta fonction navigation()

n°955335
FlorentG
Unité de Masse
Posté le 18-01-2005 à 11:06:32  profilanswer
 

C'est pas bien ce genre de système  :o  Faut mettre la liste, avec juste à côté un petit bouton 'go'. Parce que genre si on choisi le truc au clavier, à chaque pression sur la touche "bas" fait que le site s'ouvre, alors bonjour. Aussi, sans javascript, impossible d'aller vers un site :/

n°956809
Bloody_Ang​el
Posté le 19-01-2005 à 19:12:30  profilanswer
 

Probleme reglé. J'ai trouvé un script sur un site
 
<html>
<head>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ChangeUrl(formulaire)
 {
 if (formulaire.ListeUrl.selectedIndex != 0)
  {
  location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
   }
 else  
  {
  alert('Veuillez choisir une destination.');
  }
 }
</script>
<!-- FIN DU SCRIPT -->
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-Selectionnez votre destination-
  <OPTION VALUE="http://www.google.fr/">liens
</SELECT>
</FORM>
<!-- FIN DU SCRIPT -->

n°957255
FlorentG
Unité de Masse
Posté le 20-01-2005 à 11:32:38  profilanswer
 

Il est pourri le script, il se fait sur le 'onchange', du coup, si je veux sélectionner un élément au clavier, à chaque changement, ça va aller sur le site, donc s'il-te-plaît, vire ce truc, et utilise un joli bouton 'go' ;)

n°965066
Bloody_Ang​el
Posté le 28-01-2005 à 22:18:11  profilanswer
 

voila avec un bouton "go"  
 
<form name="jump">
<select name="menu">
<option value="">Go</option>
<option value="http://">site 1</option>
<option value="http://">site 2</option>
<option value="http://">site 3</option>
<option value="http://">site 4</option>
<option value="http://">site 5</option>
<option value="http://">site 6</option>
<option value="http://">site 7</option>
<option value="http://">site 8</option>
<option value="http://">site 9</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
 
Malheureusement le script ne marche pas si je veux mettre plusieurs menus sur une page. Comment resoudre ce probleme?


Message édité par Bloody_Angel le 28-01-2005 à 22:35:05
mood
Publicité
Posté le 28-01-2005 à 22:18:11  profilanswer
 

n°965113
cerel
Posté le 28-01-2005 à 23:06:37  profilanswer
 

Attention code non teste :

Code :
  1. <scrip type="text/javascript">
  2. function jump(menuid) {
  3. var menu = document.getELementById(menuid);
  4. location.href = menu.options[menu.selectedIndex].value;
  5. }
  6. </script>
  7. <form>
  8. <select id="menujump1">
  9. <option value="">Go</option>
  10. <option value="http://">site 1</option>
  11. <option value="http://">site 2</option>
  12. <option value="http://">site 3</option>
  13. <option value="http://">site 4</option>
  14. <option value="http://">site 5</option>
  15. <option value="http://">site 6</option>
  16. <option value="http://">site 7</option>
  17. <option value="http://">site 8</option>
  18. <option value="http://">site 9</option>
  19. </select>
  20. <input type="button" onClick="jump('menujump1');" value="GO">
  21. </form>
  22. [...]
  23. <form>
  24. <select id="menujump2">
  25. <option value="">Go</option>
  26. <option value="http://">site 1</option>
  27. <option value="http://">site 2</option>
  28. <option value="http://">site 3</option>
  29. <option value="http://">site 4</option>
  30. <option value="http://">site 5</option>
  31. <option value="http://">site 6</option>
  32. <option value="http://">site 7</option>
  33. <option value="http://">site 8</option>
  34. <option value="http://">site 9</option>
  35. </select>
  36. <input type="button" onClick="jump('menujump2');" value="GO">
  37. </form>


Message édité par cerel le 28-01-2005 à 23:08:15
n°965284
FlorentG
Unité de Masse
Posté le 29-01-2005 à 09:02:47  profilanswer
 

Bloody_Angel a écrit :

voila avec un bouton "go"  
 
<form name="jump">
<select name="menu">
<option value="">Go</option>
<option value="http://">site 1</option>
<option value="http://">site 8</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
 
Malheureusement le script ne marche pas si je veux mettre plusieurs menus sur une page. Comment resoudre ce probleme?


 
Tu met plusieurs formulaires. L'un nommé par exemple "jumpliens", l'autre "jumpcopaing".


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu deroutant javascript

 

Sujets relatifs
Probleme compatibilité IE/FireFox sur un javascript[Javascript] Boutons submit + controles de validation
[Javascript] Recuperer la hauteur dun divjavascript pour menu déroulant vertical
[XSL][JAVASCRIPT] Document.write => Segfaultdeselction automatique menu deroulant
[CSS] Menu horizontal 1 ligne style www.macromedia.com ???Problème de menu dynamique
Api Win32 : je n'arrive pas à griser une option de menu 
Plus de sujets relatifs à : menu deroutant javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR