Page 1 sur 1

affichage au survol

Posté : 17 août 2019, 14:04
par rapha_d
Bonjour et merci pour l'aide que vous m'accorderez,

Donc, voici mon problème, j'ai une page en php, sur laquelle j' affiche une icone et un texte au survol de la souris, du moins ce que je voudrais.

Code : Tout sélectionner

<div class="meteo"> <!--<a href="#" onMouseOver="displayDivInfo('Je me nomme toto <br />essai');" onMouseOut="displayDivInfo()">--> <a href="#" onMouseOver="displayDivInfo('<?php echo($commentaire); ?>');" onMouseOut="displayDivInfo()"> Météo du jour : &nbsp; <img src=<?php echo($temps); ?> alt="Météo" /></a> </div>
Mon JS

Code : Tout sélectionner

function displayDivInfo(text){ alert(\''.$text.'\', \'Information !\'); if(text){ //Détection du navigateur is_ie = (navigator.userAgent.toLowerCase().indexOf("msie") != -1) && (navigator.userAgent.toLowerCase().indexOf("opera") == -1); //Création d'une div provisoire var divInfo = document.createElement('div'); divInfo.style.position = 'absolute'; document.onmousemove = function(e){ x = (!is_ie ? e.pageX-window.pageXOffset : +event.x+document.body.scrollLeft); y = (!is_ie ? e.pageY-window.pageYOffset : +event.y+document.body.scrollTop); // divInfo.style.left = x+15+'px'; // divInfo.style.top = y+15+'px'; divInfo.style.left = x+20+'px'; divInfo.style.top = y+30+'px'; } divInfo.id = 'divInfo'; divInfo.innerHTML = text; document.body.appendChild(divInfo); } else{ document.onmousemove = ''; document.body.removeChild(document?getElementById(divInfo)); } }
Si j'active le texte plutôt que la variable cela fonctionne, j en deduis que le navigateur n interprete pas mon php car j ai cette erreur
Uncaught SyntaxError: Invalid or unexpected token

mais voilà comment faire pour que cela fonctionne???

Merci de vos réponses.

Re: affichage au survol

Posté : 17 août 2019, 14:24
par or 1
gérer les éventuels ' contenus dans $commentaire

Re: affichage au survol

Posté : 17 août 2019, 14:32
par rapha_d
Bonjour Mammouth,

Merci de me répondre mais j'avoue ne pas comprendre ?
les eventuels contenus, c'est à dire? car ma variable récupère bien les infos de ma base ça c'est ok
mais rien ne s'affiche en survol.

Re: affichage au survol

Posté : 17 août 2019, 14:35
par or 1
je n'ai pas tapé "eventuels contenus" mais "éventuels ' contenus"

Re: affichage au survol

Posté : 17 août 2019, 14:41
par rapha_d
Lol désolé je n'avais pas compris

J ai essayé un peu tout des ' ou des " mais à priori pas concluant

Re: affichage au survol

Posté : 17 août 2019, 14:46
par rapha_d
ff ME donne cette erreur lorsque je passe la souris dessus

ReferenceError: displayDivInfo is not defined

Hum cela ne m aide vraiment pas si qq a une idée, je suis preneur

Re: [RESOLU] affichage au survol

Posté : 18 août 2019, 16:58
par rapha_d
Bonjour,

Un grand merci à @karamel, mon code JS était trop ancien.
Il m'a corrigé et maintenant cela fonctionne, encore merci

bonne journée à tous

Pour ceux que cela interesse
le js

Code : Tout sélectionner

function displayDivInfo(evt,text){ if(!document.getElementById('divInfo')){ var divInfo = document.createElement('div'); divInfo.id = 'divInfo'; divInfo.style.position = 'absolute'; document.body.appendChild(divInfo); } var el=document.getElementById('divInfo') if(text){ el.textContent=text; el.style.display='block' evt.currentTarget.onmousemove=function(evt){ var el=document.getElementById('divInfo') var dde=document.body.scrollTop ? document.body : document.documentElement; evt =(!evt) ? window.event : evt; var XX =evt.clientX + dde.scrollLeft; var YY =evt.clientY + dde.scrollTop; el.style.top=YY-15+'px' el.style.left=XX+15+'px' } } else{ el.onmousemove = ''; el.style.display='none' } }