Discussion :

[Thewil]

Bonjour tout le monde,

J'ai un un petit soucis. j'ai un arbre qui contient plusieurs lignes. Sur chaque ligne j'ai un icône "I Gris". J'aimerais que quand je click dessus cette icone devienne "I Bleu" et qu'il ne soit possible de n'avoir qu'un seul "I Bleu" et tout les autres en "I Gris".

j'ai donc fais ça sur mes images :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img class="metadata" src="images/tree/iconeInfoGris.png" onclick="changeImage(this)" width=13 height=13></img>

Et ma fonction changeImage(image)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

image.src = (image.src=="./images/tree/iconeInfoBleu.png" ) ? "./images/tree/iconeInfoGris.png" : "./images/tree/iconeInfoBleu.png";

Mon problème est que le chemin source n'est pas bon il faudrait que je mette un truc du genre : http://localhost:8080/......../image...neInfoBleu.png pour que ça marche correctement.

Et deuxième problème comment faire pour que je n'ai qu'un seul "I Bleu" à la fois et tout les autres en "I Gris".

Merci

[SpaceFrog]

mets une seule image en collant tes deux images l'une au dessous de l'autre
ensuite soit tu joues du background-image et de son position
ou alors joues du clip sur l'image
comme ça l'image est déja chargée

[Thewil]

mets une seule image en collant tes deux images l'une au dessous de l'autre
ensuite soit tu joues du background-image et de son position
ou alors joues du clip sur l'image
comme ça l'image est déja chargée

Oui je vois un peu le système mais je n'ai jamais vraiment utilisé. Si t'as un petit exemple je suis preneur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

image.src = (image.src=="./images/tree/iconeInfoBleu.png" ) ? "./images/tree/iconeInfoGris.png" : "./images/tree/iconeInfoBleu.png";

Pour faire simple tu n'aurais pas plus vite fait de regarder si ta source comprend les mots "Bleu" ou "Gris" ?

ERE

Ca pourrait être une solution en effet mais comme ce produit est fait pour évolué je ne trouve pas ça forcément très pratique.

Et au niveau de la sélection d'une seule image vous avez une petite idée ?
J'utilise jQuery si jamais ça peut permettre de trouver une solution plus simplement.

Merci

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="height:50px; width:50px; background-image:url('onetwo.png'); background-position:top;" src="onetwo.png" onmouseover="this.style.backgroundPosition='bottom';" onmouseout="this.style.backgroundPosition='top';" />

le div fait 50px x 50px
et l'image le double verticalement

au depart on ne vois que l amoitié du haut
au survol on ne voit que la moitié du bas ..

[Thewil]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="height:50px; width:50px; background-image:url('onetwo.png'); background-position:top;" src="onetwo.png" onmouseover="this.style.backgroundPosition='bottom';" onmouseout="this.style.backgroundPosition='top';" />

le div fait 50px x 50px
et l'image le double verticalement

au depart on ne vois que l amoitié du haut
au survol on ne voit que la moitié du bas ..

Je pense qu'on s'est mal compris
En fait je voudrai faire comme un système de bouton à cocher. En gros j'ai une image, et quand je clique dessus j'ai une autre image mais qui reste une fois ma souris enlevée. Et si je reclique je reviens sur l'image initiale.

Je me suis mieux exprimé cette fois-ci ?

[SpaceFrog]

Tentative d'excitation de neurones échouée ...

je sais parfaitement ce que tu as demandé ...
mais je suis partisan du fait d'apprendre à pecher et pas de nourrir bêtement.

c'est exactement la même chose suffit passer par l'evenement onclick.
Tester éventuellement un flag (coché ou non coché) pour faire exactement la même opération sur la position du background...

[emmanuel.remy]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

image.src = (image.src=="./images/tree/iconeInfoBleu.png" ) ? "./images/tree/iconeInfoGris.png" : "./images/tree/iconeInfoBleu.png";

Pour faire simple tu n'aurais pas plus vite fait de regarder si ta source comprend les mots "Bleu" ou "Gris" ?

ERE

[SpaceFrog]

a mon avis plus simple de jouer sur le clipTop ou background position éventuellement avec un flag