par
rapha_d » 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 : <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.
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]
<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 : <img src=<?php echo($temps); ?> alt="Météo" /></a>
</div>
[/code]
Mon JS
[code]
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));
}
}
[/code]
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.