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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : select que l'on ouvre en cliquant sur une icone et qui modifi l'icone

Mulot

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

Publicité

Hermes le Messager

Breton Quiétiste

Mulot a écrit :

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:

Mulot

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

Hermes le Messager

Breton Quiétiste

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

Mulot

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

Hermes le Messager

Breton Quiétiste

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.

Mulot

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

Code :

<style type="text/css">
<!--
#choice-list { display: none }
-->
</style>
<script type="text/javascript">
function change_display(imageId, selectElement) {
document.getElementById(imageId).src = selectElement.value;
selectElement.style.display = "none";
}
function show_menu(menuId) {
document.getElementById(menuId).style.display = "inline";
}
</script>
</head>
<body>
<img src="gfx/info.gif" id="image-display" onclick="show_menu('choice-list')"/>
<form>
<div id="choice-list">
<select name="list" onchange="change_display('image-display', this)">
<option value="gfx/info.gif">Info</option>
<option value="gfx/shield.gif">Defence</option>
</select>
</div>
</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

Hermes le Messager

Breton Quiétiste

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 :

<style type="text/css">
<!--
#choice-list { visibility: hidden }
-->
</style>
<script type="text/javascript">
function change_display(imageId, selectElement) {
document.getElementById(imageId).src = selectElement.value;
document.getElementById('choice-list').style.visibility = "hidden";
}
function show_menu(menuId) {
document.getElementById(menuId).style.visibility = "visible";
}
</script>
</head>
<body>
<img src="carte.jpg" id="image-display" onclick="show_menu('choice-list')"/>
<form>
<div id="choice-list">
<select name="list" onchange="change_display('image-display', this)">
<option value="gfx/info.gif">Info</option>
<option value="gfx/shield.gif">Defence</option>
</select>
</div>
</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.

Mulot

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

Code :

<script type="text/javascript">
function show_target(status_id) {
document.getElementByID(status_id).src = 'gfx/target.gif';
}
</script>
</head>
<input name="" type="radio" onClick="show_target('france')" value="">
<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

Hermes le Messager

Breton Quiétiste

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

Publicité

Mulot

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

Lord II

PIB2000

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 .

Mulot

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[autorun] qui ouvre un html !!	[djgpp] mettre une icône à un .exe
[ExtractAssociatedIcon] Icône trop grand !?	Intégrer un TTimer a son propre component...et avoir une chtite icone
[PHP, MYSQL] [résolu]Comment optimiser ce code? (nombreux SELECT FROM)	tags HTML dans un textarea en cliquant sur un bouton (HFR style)
Select	[JS] onChange et select
[neuneu] Icone dans les boutons ?	[MySQL] Select qui ne sélectionne que la moitié d'une table,
Plus de sujets relatifs à : select que l'on ouvre en cliquant sur une icone et qui modifi l'icone

Page générée en 0.049 secondes