menu deroutant javascript

menu deroutant javascript - HTML/CSS - Programmation

Marsh Posté le 17-01-2005 à 17:45:26    

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>  
...

Reply

Marsh Posté le 17-01-2005 à 17:45:26   

Reply

Marsh Posté le 17-01-2005 à 17:51:41    

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
Reply

Marsh Posté le 17-01-2005 à 18:23:35    

merci mais sa ne marche pas

Reply

Marsh Posté le 17-01-2005 à 20:03:21    

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://

Reply

Marsh Posté le 17-01-2005 à 22:53:47    

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
Reply

Marsh Posté le 18-01-2005 à 10:56:54    

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()

Reply

Marsh Posté le 18-01-2005 à 11:06:32    

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 :/

Reply

Marsh Posté le 19-01-2005 à 19:12:30    

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

Reply

Marsh Posté le 20-01-2005 à 11:32:38    

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' ;)

Reply

Marsh Posté le 28-01-2005 à 22:18:11    

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
Reply

Marsh Posté le 28-01-2005 à 22:18:11   

Reply

Marsh Posté le 28-01-2005 à 23:06:37    

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>
  23. [...]
  25. <form>
  26. <select id="menujump2">
  27. <option value="">Go</option>
  28. <option value="http://">site 1</option>
  29. <option value="http://">site 2</option>
  30. <option value="http://">site 3</option>
  31. <option value="http://">site 4</option>
  32. <option value="http://">site 5</option>
  33. <option value="http://">site 6</option>
  34. <option value="http://">site 7</option>
  35. <option value="http://">site 8</option>
  36. <option value="http://">site 9</option>
  37. </select>
  38. <input type="button" onClick="jump('menujump2');" value="GO">
  39. </form>


Message édité par cerel le 28-01-2005 à 23:08:15
Reply

Marsh Posté le 29-01-2005 à 09:02:47    

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".

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed