Discussion :

[xelfer13]

Bonjour,

Bon je ne savais pas trop quoi mettre comme titre.
J'explique mon problème. J'ai une photo du style google map qui contient des bâtiments, et je dois, quand je passe ma souris sur un bâtiment, afficher une photo de ce bâtiment (dans une infobulle par exemple).

J'utilise pour cela une map area. Jusque-là tout va bien. Et j'ai récupérer un script que j'ai trouvé dans un forum. Je vous préviens je n'y connais vraiment pas grand chose en JavaScript... Du coup j'utilise onmouseover(id) et onmouseout(id).

Voici le script :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript"> 
function afficher(info)
{
        var tooltip = document.getElementById(info);
        tooltip.style.visibility = "visible";
        run= true ;
}
function masquer(id)
{
        var tooltip = document.getElementById(id) ;
        tooltip.style.visibility = "hidden";
        run= false ;
}
</script>

Le problème c'est que comme je récupère un id quand je passe la souris sur d'autres bâtiments, j'aurai toujours la même photo. Or je voudrais que ça se fasse dynamiquement sur la même page. Je pensais à mettre un attribut class mais je ne sais pas comment modifier le script en fonction et si ça peut marcher.

En espérant que vous ayez compris mon soucis. :p

[SpaceFrog]

Ben modifie le src de l'image ?

[xelfer13]

Non mais les images sont déjà stockées dans le serveur mais je voudrais que ça se fasse dynamiquement car j'utilise tout ça dans un foreach en php.
Je met pas la source en brut mais un truc comme

Code :

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

<?php echo $batiment['photo']; ?>

[SpaceFrog]

quel est le rapport avec les images stockées sur le serveur ?
heureusement qu'elle y sont ^^

Code :

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

tooltip.style.visibility = "visible";

là tu modifie le style d'un element de la page ...

si tu as par ailleurs une balise image sur ta page, qu'est ce qui t'empêche d'en modifier son src ???

[Darkyl]

Salut,

Je comprend pas qu'on utilise encore

Code :

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

tooltip.style.visibility = "hidden";

alors qu'il y a des problemes de compatibilité, je trouve que c'est une mauvaise habitude, utilise plutôt:

Code :

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

tooltip.style.display="block"; ou tooltip.style.display="none";

Sinon, ben pareil que SpaceFrog:

si tu as par ailleurs une balise image sur ta page, qu'est ce qui t'empêche d'en modifier son src ???

Dans

Code :

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

1
2
3
4
5
6
function afficher(info)
{
        var tooltip = document.getElementById(info);
        tooltip.style.visibility = "visible";
        run= true ;
}

tu dois rajouter une ligne:

Code :

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

document.getElementById(Mon_objet_image).src=nouvel_src;

Maintenant reste à savoir comment tu récupère la nouvel source...

[vermine]

Code :

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

document.getElementById(Mon_objet_image).src=nouvel_src;

Le src vient de :

Code html :

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

<img src="la_source">

Qui est du HTML et donc nous sommes du côté client.

Mais comme l'a dit Darkyl, changer la source ne servira à rien ici.

[xelfer13]

Oui je sais jsais pas pourquoi j'ai dis ça ...bref

la src de mon image est la meme dans toute ma page.
En fait j'utilise le framework zend .

Code :

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

1
2
3
<?php foreach($this->batiments as $batiment) : ?>  
			<div id="id"><p><?php echo $batiment['intitule']; ?></p> <img src="<?php echo $this->baseUrl();?>/<?php echo $batiment['photo']; ?>" alt="Photo Batiment"  />  </div>
	 <?php endforeach; ?>

Donc jpeux pas changer ma source. Enfin si c'est bien ça que tu voulais me dire :/

[SpaceFrog]

c'est affligeant d'utiliser des frameworks sans savoir ce qu'ils font

zend est un framework php ... c'est coté serveur !!!!!!!!!!!!


un hover c'est coté client
tout se passe an javascript, la modification du src se fait en javascript, je ne vois pas pourquoi tu mèles zend à ça ?