Bonjour, je me suis référé a votrte site très souvent.
Très bien expliquer, documenter, j ai carrément appris le CSS sur votre site.Hélas, je tombe un HIC ( hé oui sa arriv )
j ai repris le script de raphael sur les info bulle, je lai un peu modifier pour me correspondre..
Hélas j ai souci sur le faite que le javascript ne pe pas manipuler les balise "classe" a la place de "id" ds le code
CSS :
le code PHP de creation d'une info-bulle correspondant :
ET pour FINIR le JAVASCRIPT
Le probleme est que lors ce que je n'ai que un mot correspondant a un calque sur la page , cela marche tres bien.. mai des lors que je ve mettre plusieurs mots ( avec chacun un info bulle different, sa marche plu.. ce qui est normal )
Si quelqu'un pouvai me donner une otre solution que de faire un "id" par mot de ma page ds mon CSS?????
Merci a tous ceux ki pourront me donner un coup de main...
Très bien expliquer, documenter, j ai carrément appris le CSS sur votre site.Hélas, je tombe un HIC ( hé oui sa arriv )
j ai repris le script de raphael sur les info bulle, je lai un peu modifier pour me correspondre..
Hélas j ai souci sur le faite que le javascript ne pe pas manipuler les balise "classe" a la place de "id" ds le code
CSS :
#pop1
{
position: absolute;
display:none;
width: 300px;
color:#4C4C4C;
z-index: 500;
}
div.pop_texte
{
background:white;
}
.haut
{
float:center;
height: 15px; width: 300px;
background-repeat: no-repeat;
font-size:0.82em;
font-weight:bold;
text-align:center;
background:url("../images/bande_arrondi_haut.gif");
}
.bas
{
float:center;
height: 15px; width: 300px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
background: url("../images/bande_arrondi_bas.gif");
}
le code PHP de creation d'une info-bulle correspondant :
//recherche de l'image
$ObjetCalque="
<div id=\pop1\" >
<div class=\"haut\">".ucfirst($data['Libelle_Keyword_Calque'])."</div>
<div class=\"pop_texte\">
".$ImageSpace."
".$Descriptif."
".$ImageBasTexte."
</div>
<div class=\"bas\"></div>
</div>
";
ET pour FINIR le JAVASCRIPT
<SCRIPT>
gk=window.Event?1:0; // navigateurs Gecko ou IE
D=document;popup=encours=0
function ctrl(e)
{
de=!D.documentElement.clientWidth?D.body:D.documentElement // IE6
sx=gk?pageXOffset:de.scrollLeft //scroll h
sy=gk?pageYOffset:de.scrollTop //scroll v
x=gk?e.pageX:event.clientX+sx; //curseur x
y=gk?e.pageY:event.clientY+sy; //curseur y
el=gk?e.target:event.srcElement;
if(!el.tagName)el=el.parentNode; // noeud #text
if(el.className == 'pop')
{
//popup = D.getElementById(el.href.substring(el.href.lastIndexOf('#') + 1)).style;
popup = D.getElementById('pop1').style;
if(popup!=encours) // seulement si changement
{
encours.display='none';
with(popup)
{
display="block";left=x+'px';top=y+10+'px';
}
encours=popup;
}
}
else
{
encours.display='none';encours=0
}
}
D.onmousemove=ctrl;
// charge la feuille de style des popups.
D.write('');
</SCRIPT>
Le probleme est que lors ce que je n'ai que un mot correspondant a un calque sur la page , cela marche tres bien.. mai des lors que je ve mettre plusieurs mots ( avec chacun un info bulle different, sa marche plu.. ce qui est normal )
Si quelqu'un pouvai me donner une otre solution que de faire un "id" par mot de ma page ds mon CSS?????
Merci a tous ceux ki pourront me donner un coup de main...
