Bonjour.
je me tourne vers vous suite à un problème apparut sur un java script. en effet, je souhaite afficher une bulle au dessus d'une image et changer le cadre la contenant lors du passage de la souris. le problème est que je n'obtient qu'un message d'erreur suivant (dans Firefox)
Erreur : unterminated string literal
Fichier Source : http://horslits.com/?p=galerie
Ligne : 1, Colonne : 39
Code Source :
this.className="Highlight"; affiche("","Incubus ...
---------------------------------------|
(une flèche au dessus du "tube" ou si vous préférez au niveau du doubleslash)
voici le code du javascript :
Code Javascript :
<script language="JavaScript" type="text/JavaScript">
function affiche(action,contenu){
var voir;
var display;
if (action == "cache"){
voir = "hidden";
display = "none";
}
else {
voir = "visible";
display = "block";
}
document.getElementById("bulle").innerHTML = contenu;
function init() {
document.onmousemove=mousemove;
}
function mousemove(e) {
if (navigator.appName.indexOf("Explorer") > -1) {
var mouseX=event.x; var mouseY=event.y;
}
else {var mouseX=e.pageX; var mouseY=e.pageY;}
document.getElementById("bulle").style.top = mouseY+20+"px";
document.getElementById("bulle").style.left = mouseX+20+"px";
document.getElementById("bulle").style.visibility = voir;
document.getElementById("bulle").style.display = display;
}
init();
function cache(){
document.getElementById("bulle").style.visibility = "hidden";
}
}
</script> et le code qui l'affiche :
le css:
Code css :
<style type="text/css">
<!--
#bulle {
background-color:#ccc;
text-align: center;
border: 1px solid #666;
position: absolute;
z-index:999;
display:none;
font-size:11px;
}
.Normal {background-image:url("./images/galeries/cadre_mouse_out.png");}
.Highlight {background-image:url("./images/galeries/cadre_mouse_over.png");}
-->
</style>
et le html :
Code HTML :
<td align="center" class="Normal" onmouseover='this.className="Highlight"; affiche("","<?php echo htmlentities(addslashes($message));?>");' onmouseout="this.className='Normal'; affiche('cache');">
zoilà, je pense avoir tout donné comme info, merci beaucoup de votre aide