[RESOLU] affichage au survol

Eléphanteau du PHP | 32 Messages

17 août 2019, 14:04

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.

Mammouth du PHP | 1168 Messages

17 août 2019, 14:24

gérer les éventuels ' contenus dans $commentaire

Eléphanteau du PHP | 32 Messages

17 août 2019, 14:32

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.

Mammouth du PHP | 1168 Messages

17 août 2019, 14:35

je n'ai pas tapé "eventuels contenus" mais "éventuels ' contenus"

Eléphanteau du PHP | 32 Messages

17 août 2019, 14:41

Lol désolé je n'avais pas compris

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

Eléphanteau du PHP | 32 Messages

17 août 2019, 14:46

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

Eléphanteau du PHP | 32 Messages

18 août 2019, 16:58

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' } }