Bonjour, mon script ne marche pas sur IE 9,
Résolu
almontacer
Messages postés
42
Date d'inscription
Statut
Membre
Dernière intervention
-
almontacer Messages postés 42 Date d'inscription Statut Membre Dernière intervention -
almontacer Messages postés 42 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je suis un débutant en programmation web, je connais les base PHP HTML CSS MYSQL, mais pas le javascript mais je conte l'apprendre tôt ou tard.
là je doit faire un site qui présente les caractéristique des machine d'emballage, avec des infobulle, mon site est presque prêt et il marche parfaitement sur google chroom, je voulais l'essayer sur IE9 supriiiiiiiiiiiise les infobule ne s'affiche pas, j'ai passé des joures a construire ce site en vain :'( .
SVP pouvez vous m'aider?
voila le script java je l'ai trouvé dans un site et merci d'avance :)
<script language="javascript" type="text/javascript">
<!--
var xOffset=6
var yOffset=5
var affiche=false; // La variable i nous dit si le bloc est visible ou non
var w3c=document.getElementById&&!document.all;
var ie=document.all;
if (ie||w3c) {
var laBulle
}
function ietruebody(){ // retourne le bon corps...
return (document.compatMode && document.compatMode!="BackCompat" )? document.documentElement:document.body
}
function deplacer(e) {
if(affiche){
var curX=(w3c)?e.pageX:event.x+ietruebody().scrollLeft;
var curY=(w3c)?e.pageY:event.y+ietruebody().scrollTop;
var winwidth=ie&&!window.opera?ietruebody().clientWidth:window.innerWidth-20;
var winheight=ie&&!window.opera?ietruebody().clientHeight:window.innerHeight-20;
var rightedge=ie&&!window.opera?winwidth-event.clientX-xOffset:winwidth-e.clientX-xOffset;
var bottomedge=ie&&!window.opera?winheight-event.clientY-yOffset:winheight-e.clientY-yOffset;
var leftedge=(xOffset<0)?xOffset*(-1):-1000
// modifier la largeur de l'objet s'il est trop grand...
if(laBulle.offsetWidth>winwidth/3){
laBulle.style.width=winwidth/3
}
// si la largeur horizontale n'est pas assez grande pour l'info bulle
if(rightedge<laBulle.offsetWidth){
// bouge la position horizontale de sa largeur à gauche
laBulle.style.left=curX-laBulle.offsetWidth+"px"
}
else {
if(curX<leftedge){
laBulle.style.left="5px"
}
else{
// la position horizontale de la souris
laBulle.style.left=curX+xOffset+"px"
}
}
// même chose avec la verticale
if(bottomedge<laBulle.offsetHeight){
laBulle.style.top=curY-laBulle.offsetHeight-yOffset+"px"
}
else {
laBulle.style.top=curY+yOffset+"px"
}
}
}
function showTooltip(text){
if(w3c||ie){
laBulle=document.all?document.all["bulle"]:document.getElementById ? document.getElementById("bulle"):""
laBulle.innerHTML=text; // fixe le texte dans l'infobulle
laBulle.style.visibility="visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
affiche = true;
}
}
function hideTooltip(){
if (w3c||ie){
affiche=false
laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
laBulle.style.top='-100000px'
laBulle.style.backgroundColor=''
laBulle.style.width=''
}
}
document.onmousemove=deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
//-->
</script>
je suis un débutant en programmation web, je connais les base PHP HTML CSS MYSQL, mais pas le javascript mais je conte l'apprendre tôt ou tard.
là je doit faire un site qui présente les caractéristique des machine d'emballage, avec des infobulle, mon site est presque prêt et il marche parfaitement sur google chroom, je voulais l'essayer sur IE9 supriiiiiiiiiiiise les infobule ne s'affiche pas, j'ai passé des joures a construire ce site en vain :'( .
SVP pouvez vous m'aider?
voila le script java je l'ai trouvé dans un site et merci d'avance :)
<script language="javascript" type="text/javascript">
<!--
var xOffset=6
var yOffset=5
var affiche=false; // La variable i nous dit si le bloc est visible ou non
var w3c=document.getElementById&&!document.all;
var ie=document.all;
if (ie||w3c) {
var laBulle
}
function ietruebody(){ // retourne le bon corps...
return (document.compatMode && document.compatMode!="BackCompat" )? document.documentElement:document.body
}
function deplacer(e) {
if(affiche){
var curX=(w3c)?e.pageX:event.x+ietruebody().scrollLeft;
var curY=(w3c)?e.pageY:event.y+ietruebody().scrollTop;
var winwidth=ie&&!window.opera?ietruebody().clientWidth:window.innerWidth-20;
var winheight=ie&&!window.opera?ietruebody().clientHeight:window.innerHeight-20;
var rightedge=ie&&!window.opera?winwidth-event.clientX-xOffset:winwidth-e.clientX-xOffset;
var bottomedge=ie&&!window.opera?winheight-event.clientY-yOffset:winheight-e.clientY-yOffset;
var leftedge=(xOffset<0)?xOffset*(-1):-1000
// modifier la largeur de l'objet s'il est trop grand...
if(laBulle.offsetWidth>winwidth/3){
laBulle.style.width=winwidth/3
}
// si la largeur horizontale n'est pas assez grande pour l'info bulle
if(rightedge<laBulle.offsetWidth){
// bouge la position horizontale de sa largeur à gauche
laBulle.style.left=curX-laBulle.offsetWidth+"px"
}
else {
if(curX<leftedge){
laBulle.style.left="5px"
}
else{
// la position horizontale de la souris
laBulle.style.left=curX+xOffset+"px"
}
}
// même chose avec la verticale
if(bottomedge<laBulle.offsetHeight){
laBulle.style.top=curY-laBulle.offsetHeight-yOffset+"px"
}
else {
laBulle.style.top=curY+yOffset+"px"
}
}
}
function showTooltip(text){
if(w3c||ie){
laBulle=document.all?document.all["bulle"]:document.getElementById ? document.getElementById("bulle"):""
laBulle.innerHTML=text; // fixe le texte dans l'infobulle
laBulle.style.visibility="visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
affiche = true;
}
}
function hideTooltip(){
if (w3c||ie){
affiche=false
laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
laBulle.style.top='-100000px'
laBulle.style.backgroundColor=''
laBulle.style.width=''
}
}
document.onmousemove=deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
//-->
</script>
A voir également:
- Bonjour, mon script ne marche pas sur IE 9,
- Script vidéo youtube - Guide
- Mas script - Accueil - Windows
- Ghost script - Télécharger - Polices de caractères
- Ie tab - Télécharger - Outils pour navigateurs
- Ie 9 - Télécharger - Navigateurs