Forum d'entraide PHPFrance

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.

gérer les éventuels ' contenus dans $commentaire

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.

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

Lol désolé je n'avais pas compris

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

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

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

Forum d'entraide PHPFrance

[RESOLU] affichage au survol

affichage au survol

Re: affichage au survol

Re: affichage au survol

Re: affichage au survol

Re: affichage au survol

Re: affichage au survol

Re: [RESOLU] affichage au survol