select que l'on ouvre en cliquant sur une icone et qui modifi l'icone

select que l'on ouvre en cliquant sur une icone et qui modifi l'icone - HTML/CSS - Programmation

Marsh Posté le 12-09-2003 à 17:19:25    

J'ai cherché partout et essayé de trifouiller quelque script mais je n'arrive pas a faire un select que l'on ouvre en cliquant sur une icone et qui modifi l'url de l'icone
 
alors si vous pouveez aidez moi plz
 
j'ai trouve ca http://dynamicdrive.com/dynamicind [...] lector.htm
mais le select n'est pas dynamique
 
et ca
http://www.dynamicdrive.com/dynamicindex1/popit.htm
mais je n'arrive pas a lui faire controler mon icone


Message édité par Mulot le 12-09-2003 à 17:23:29
Reply

Marsh Posté le 12-09-2003 à 17:19:25   

Reply

Marsh Posté le 12-09-2003 à 17:33:35    

Mulot a écrit :

J'ai cherché partout et essayé de trifouiller quelque script mais je n'arrive pas a faire un select que l'on ouvre en cliquant sur une icone et qui modifi l'url de l'icone
 
alors si vous pouveez aidez moi plz
 
j'ai trouve ca http://dynamicdrive.com/dynamicind [...] lector.htm
mais le select n'est pas dynamique
 


 
C'est quoi pour toi un select dynamique ?  
 

Citation :

et ca
http://www.dynamicdrive.com/dynamicindex1/popit.htm
mais je n'arrive pas a lui faire controler mon icone


 
C'est à dire ? Ta question est incompréhensible...  :heink:

Reply

Marsh Posté le 12-09-2003 à 17:35:30    

select dynamique :
je veu que mon select n'apparaisse que quand on clique sur l'icone
 
je n'arrive pas a lui faire controler mon icone :
je veu que le select change l'url de mon icone en temps reel

Reply

Marsh Posté le 12-09-2003 à 17:44:12    

Mulot a écrit :

select dynamique :
je veu que mon select n'apparaisse que quand on clique sur l'icone


 
Ben dans ce cas, tu fais un div invisible qui contient ton sélect, et tu le rends visible avec un onclick sur ton incone, je ne vois pas le problème.
 

Citation :

je n'arrive pas a lui faire controler mon icone :
je veu que le select change l'url de mon icone en temps reel


 
pareil, même genre de méthode, mais avec un onchange.
 
Tu ne serais pas un gros newbee en HTML/CSS/JS par hasard ? Parce que si la réponse est oui, ya d'abord du boulot avant de pouvoir réaliser ce que tu veux faire.
 
1) En premier lieu : maitriser le HTML correctement.
2) Maitriser un minimum les CSS (les propriétés applicables à un div par exemple).
3) Avoir quelques notions de javascript et d'objet javascript. Par exemple, savoir changer dynamiquement la visibility d'un div...
 
Où en es-tu clairement ?


Message édité par Hermes le Messager le 12-09-2003 à 17:44:33
Reply

Marsh Posté le 12-09-2003 à 17:52:44    

sur les 2 premiers points c'est bon
par contre le js c'est clair que je suis un newbie

Reply

Marsh Posté le 12-09-2003 à 17:58:42    

Mulot a écrit :

sur les 2 premiers points c'est bon
par contre le js c'est clair que je suis un newbie


 
1) Ok, sais-tu rendre un div invisible avec des CSS ?
2) Cherche avec google le moyen en JS d'appliquer telle ou telle propriété (style donc) à un div.
 
Une fois que tu auras réussi ça, réfléchi à ton problème et reviens poser les questions qui ne manqueront pas d'arriver. ;)
 

Reply

Marsh Posté le 12-09-2003 à 18:40:26    

Voila j'ai regardé des site de cours sur le js et j'ai fait ca :

Code :
  1. <style type="text/css">
  2. <!--
  3. #choice-list { display: none }
  4. -->
  5. </style>
  6. <script type="text/javascript">
  7. function change_display(imageId, selectElement) {
  8. document.getElementById(imageId).src = selectElement.value;
  9.     selectElement.style.display = "none";
  10. }
  11. function show_menu(menuId) {
  12.     document.getElementById(menuId).style.display = "inline";
  13.    }
  14. </script>
  15. </head>
  16. <body>
  18. <img src="gfx/info.gif" id="image-display" onclick="show_menu('choice-list')"/>
  20. <form>
  21. <div id="choice-list">
  22.  <select name="list" onchange="change_display('image-display', this)">
  23.    <option value="gfx/info.gif">Info</option>
  24.    <option value="gfx/shield.gif">Defence</option>
  25.   </select>
  26. </div>
  27. </form>


 
Le problème c'est que je peut changer modifier mon icone qu'une fois car après le select ne s'affiche plus.Et je voi franchement pas pourquoi

Reply

Marsh Posté le 12-09-2003 à 19:20:13    

Aller, comme tu y a mis du tiens et que tu as bossé (pas le cas de tout le monde qui vient pleurer ensuite ici parce que soi-disant on est "méchant" ), la correction :
 
 

Code :
  1. <style type="text/css">
  2.   <!--
  3.   #choice-list { visibility: hidden }
  4.   -->
  5.   </style>
  6.   <script type="text/javascript">
  7.   function change_display(imageId, selectElement) {
  8.      document.getElementById(imageId).src = selectElement.value;
  9.      document.getElementById('choice-list').style.visibility = "hidden";
  10.    }
  11.   function show_menu(menuId) {
  12.         document.getElementById(menuId).style.visibility = "visible";
  13.      }
  14.   </script>
  15.   </head>
  16.   <body>
  17.  
  18.   <img src="carte.jpg" id="image-display" onclick="show_menu('choice-list')"/>
  19.  
  20.   <form>
  21.    <div id="choice-list">
  22.     <select name="list" onchange="change_display('image-display', this)">
  23.       <option value="gfx/info.gif">Info</option>
  24.       <option value="gfx/shield.gif">Defence</option>
  25.      </select>
  26.    </div>
  27.   </form>


 
Comme tu peux le voir, j'ai utilisé visibility au lieu de display.
De plus, tu faisais un confusion au moment de masquer ton menu. ;)

Reply

Marsh Posté le 13-09-2003 à 15:00:13    

Merci ca marche c cool, et en plus je comprend bien mes erreur (je progresse)
mais par contre g fait ca  

Code :
  1. <script type="text/javascript">
  2. function show_target(status_id) {
  3.     document.getElementByID(status_id).src = 'gfx/target.gif';
  4.   }
  5. </script>
  6. </head>
  7. <input name="" type="radio" onClick="show_target('france')" value="">
  8. <img src="gfx/allemagne.gif" width="77" height="100" id="france">


et la je voi vraiment pas pourquoi ca ne marche pas


Message édité par Mulot le 13-09-2003 à 15:03:01
Reply

Marsh Posté le 13-09-2003 à 16:11:30    

c'est pas document.getElementByID, mais document.getElementById (pas de D majuscule).  :)  

Reply

Marsh Posté le 13-09-2003 à 16:11:30   

Reply

Marsh Posté le 13-09-2003 à 20:53:16    

Hermes le Messager a écrit :

c'est pas document.getElementByID, mais document.getElementById (pas de D majuscule).  :)  
 


arfffffffffffff!
lol je risquai pas de trouver :)
je dit fit un grand ( énorme meme ) merci :)

Reply

Marsh Posté le 13-09-2003 à 20:57:56    

Disons que si tu utilisais Mozilla ou meme netscape pour développer tes pages tu l'aurais vu de suite via la console de débogage ( pas le point fort d'ie )


---------------
La bave du crapaud n'empèche pas la caravane de passer .
Reply

Marsh Posté le 17-09-2003 à 01:21:54    

.


Message édité par Mulot le 17-09-2003 à 12:13:51
Reply

Sujets relatifs:

Leave a Replay

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