[RESOLU] affichage au survol

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.

17 août 2019, 14:24

gérer les éventuels ' contenus dans $commentaire

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.

17 août 2019, 14:35

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

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

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

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

[RESOLU] affichage au survol

Qui est en ligne