Zend FR

xelfer13 · 15-06-2012 13:36:14

Bonjour,

J'ai une image du style google map avec plusieurs batiments.
Et mon but c'est d'afficher quand je passe ma souris sur un des bâtiments une infobulle avec l'image du bâtiment.
J'utilise pour ça un script javascript que j'ai trouvé sur internet (je n'y connais pas grand chose).

Code:

<script type="text/javascript"> 
function afficher(info)
{    
        var tooltip = document.getElementById(info);
        tooltip.style.visibility = "visible";
        run= true ;
        
}
function masquer(info)
{
        var tooltip = document.getElementById(info) ;
        tooltip.style.visibility = "hidden";
        run= false ;
            
}
</script>

Dans ma vue

Code:

<div>
          
          <img id="img_marquee" src="<?php echo $this->baseUrl();?>/<?php echo $this->site['photo']; ?>" alt="Photo Site" usemap="#map" />  
          <map name="map" id="map">  
          
            <?php foreach($this->batiments as $batiment) : ?>              
                <area  shape="rect"    coords="<?php echo $batiment['leftp1']; ?>, <?php echo $batiment['topp1']; ?>, <?php echo $batiment['leftp2']; ?>, <?php echo $batiment['topp2']; ?>" href="" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')"  />
                <div id="info"><p><?php echo $batiment['intitule']; ?></p><img  src="<?php echo $this->baseUrl();?>/<?php echo $batiment['photo']; ?>" alt="Photo Batiment"  /></div>
            <?php endforeach; ?>
          </map>
            
</div>

Le soucis c'est que l'id du bâtiment est fixe pour la page et je voudrais la rendre dynamique pour chaque bâtiment.
On m'a dit de changer la src dynamiquement via le script mais franchement je ne vois pas comment.
jsuis en stage en entreprise et Zend m'a été imposé j'ai pas une grande expérience de ce framework ni du webdev d'ailleurs.

Si vous pouvez m'aider ce serais cool . Après je ne savais pas trop dans quelle rubrique poser cette question poser cette question

Dernière modification par xelfer13 (15-06-2012 13:41:29)

Zend FR

#1 15-06-2012 13:36:14

Src dynamique avec javascript et zend

Code:

Code:

Pied de page des forums