Pb d'actualisation
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
-
26 sept. 2005 à 17:12
feuh7 Messages postés 13 Date d'inscription mercredi 14 septembre 2005 Statut Membre Dernière intervention 30 septembre 2005 - 30 sept. 2005 à 22:08
feuh7 Messages postés 13 Date d'inscription mercredi 14 septembre 2005 Statut Membre Dernière intervention 30 septembre 2005 - 30 sept. 2005 à 22:08
17 réponses
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
29 sept. 2005 à 10:57
29 sept. 2005 à 10:57
document.ejs_banpub.src=ejs_infobulle[numimage];
Là, tu changes l'attribut src de l'image, et seulement celui là, donc c'est normal que l'infobulle reste le même. Il faut que tu change aussi l'attribut title de l'image:
document.ejs_banpub.title = "cssbody=[dvbdy1] cssheader=[dvhdr1] header=[' + ejs_infobulle[numimage] + '] body=[' + ejs_infobulle2[numimage] + ']"
Je pense que ca devrait marcher avec ca.
Ordinastie.
PS: merci grace à toi, j'ai appris qu'on pouvait formatter l'attribut title, je savais pas .
Là, tu changes l'attribut src de l'image, et seulement celui là, donc c'est normal que l'infobulle reste le même. Il faut que tu change aussi l'attribut title de l'image:
document.ejs_banpub.title = "cssbody=[dvbdy1] cssheader=[dvhdr1] header=[' + ejs_infobulle[numimage] + '] body=[' + ejs_infobulle2[numimage] + ']"
Je pense que ca devrait marcher avec ca.
Ordinastie.
PS: merci grace à toi, j'ai appris qu'on pouvait formatter l'attribut title, je savais pas .
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
29 sept. 2005 à 12:17
29 sept. 2005 à 12:17
Merci Oridnastie... mais ça ne marche pas (d'ailleurs j'y étais déjà venu à cette solution) !
Cette actualisation de l'infobulle pose des pb, personne ne sait comment faire, d'ailleurs je commence à me demander si c'est possible.
Je ne vois + comment faire..
Cette actualisation de l'infobulle pose des pb, personne ne sait comment faire, d'ailleurs je commence à me demander si c'est possible.
Je ne vois + comment faire..
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
29 sept. 2005 à 15:00
29 sept. 2005 à 15:00
Par contre, je ne vois pas à quel endroit dans ton code tu demandes d'afficher/cacher la tool tip pour la pub?
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
29 sept. 2005 à 15:08
29 sept. 2005 à 15:08
Aussi, je comprends pas le "title" et sa syntaxe en fait. Si tu pouvais m'éclairer sur ce point là?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
29 sept. 2005 à 19:58
29 sept. 2005 à 19:58
Euh...ok, je ne sais pas si je captes tout mais j'essaye de t'éclairer :
il y un bout de code en Javascript inséré à l'endroit ou tu vois la TV (les news en fait) là les images tournent & pointent vers un lien. Le truc complexe c'est que cela combine un 2ème script qui lui s'occupe des infobulles.
Si tu veux tout le code tu n'as qu'à te rendre sur la page en question :
http://www.laprod.fr
et là tu affiches la source de la page.
Merci qd-même !
il y un bout de code en Javascript inséré à l'endroit ou tu vois la TV (les news en fait) là les images tournent & pointent vers un lien. Le truc complexe c'est que cela combine un 2ème script qui lui s'occupe des infobulles.
Si tu veux tout le code tu n'as qu'à te rendre sur la page en question :
http://www.laprod.fr
et là tu affiches la source de la page.
Merci qd-même !
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
29 sept. 2005 à 22:33
29 sept. 2005 à 22:33
C'est là que je décroche, je vois nulle part un onmouseover/onmouseout pour l'infobulle de la pub. Il est défini pour les autres éléments de la page, mais pas pour celui là. Ou alors, je sais pas ou.
De meme, le code qu'il y a dans le title qui permet de faire la mise en forme, j'ai jamais vu ca et j'ai essayé de tester un truc dans le genre, mais ca marche pas.
Donc si t'es capable de me dire où est appelée l'affichage de la div pour la pub, je pourrai ptet plus t'aider =)
Ordinastie
De meme, le code qu'il y a dans le title qui permet de faire la mise en forme, j'ai jamais vu ca et j'ai essayé de tester un truc dans le genre, mais ca marche pas.
Donc si t'es capable de me dire où est appelée l'affichage de la div pour la pub, je pourrai ptet plus t'aider =)
Ordinastie
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 10:12
30 sept. 2005 à 10:12
OK !
Rentrons dans le détail des choses, ça va p'tet finir par marcher !! (encore merci en tout cas)
Voilà la partie STYLE dans le <HEAD> (ce que les DIV appellent):
<style>
.thdrcell {
background:#F3F0E7;font-family:arial;font-size:10px;font-weight:bold;padding:5px;border-bottom:1px solid #C8BA92;}
.tdatacell {font-family:arial;font-size:12px;padding:5px;background:#FFFFFF}
.dvhdr1 {background:#F3F0E7;font-family:arial;font-size:12px;font-weight:bold;border:1px solid #C8BA92;padding:5px;width:150px;}
.dvbdy1 {background:#FFFFFF;font-family:arial;font-size:12px;border-left:1px solid #C8BA92;border-right:1px solid #C8BA92;border-bottom:1px solid #C8BA92;padding:5px;width:150px;}
p {margin-top:20px;}
h1 {font-size:13px;}
.dogvdvhdr {width:300;background:#C4D5E3;border:1px solid #C4D5E3;font-weight:bold;padding:10px;}
.dogvdvbdy {width:300;background:#FFFFFF;border-left:1px solid #C4D5E3;border-right:1px solid #C4D5E3;border-bottom:1px solid #C4D5E3;padding:10px;}
.pgdiv {width:160;height:145;background:#E9EFF4;border:0px solid #C4D5E3;padding:10px;margin-bottom:20;font-family:arial;font-size:12px;}
</style>
Mais ce n'est pas tout, il y a un fichier Javascript en src :
<script src= "news/boxover.js"></script> (ICI MAINTENANT)
<SCRIPT language="javascript">
ejs_banurl = new Array;
ejs_banimageUrl=new Array;
ejs_infobulle=new Array;
ejs_infobulle2=new Array;
ejs_banimageUrl[0] = "news/PreVaUnan.gif";
ejs_banurl[0] = "http://www.laprod.fr/francais/desfougeres/vaunan/3_1-vaunan.htm";
ejs_infobulle[0] = "<CENTER> 12 SEPTEMBRE 2005 </CENTER>
";
ejs_infobulle2[0] = "<CENTER>DESFOUGERES
Vidéo de Va Unan</CENTER>
";
ejs_banimageUrl[1] = "news/BleRoy.gif";
ejs_banurl[1] = "http://www.laprod.fr/francais/tourisme/restauration/creperie/LeBleDuRoy.htm";
ejs_infobulle[1] = "<CENTER> 20 AOUT 2005 </CENTER>
";
ejs_infobulle2[1] = "<CENTER>RESTAURANT-CREPERIE
Le Blé du Roy</CENTER>
";
ejs_banimageUrl[2] = "news/Passeport.gif";
ejs_banurl[2] = "http://www.laprod.fr/francais/laprod/production/passeport.htm";
ejs_infobulle[2] = "<CENTER> 04 AOUT 2005 </CENTER>
";
ejs_infobulle2[2] = "<CENTER>PRODUCTION
l´Orchestre Passeport</CENTER>
";
ejs_banimageUrl[3] = "news/GLG.gif";
ejs_banurl[3] = "http://www.laprod.fr/francais/arts/photographie/glg.htm";
ejs_infobulle[3] = "<CENTER>28 JUILLET 2005</CENTER>
";
ejs_infobulle2[3] = "<CENTER>PHOTOGRAPHIE
G. Le Gallo </CENTER>
";
affiche = false;
function AffichePub()
{
if(!affiche)
{
numimage= Math.round(Math.random()*(ejs_banurl.length-1));
document.write ('[# ]')
affiche = true;
}
else
{
if(numimage == (ejs_banurl.length-1))
numimage = 0;
else
numimage++;
document.ejs_banpub.src=ejs_banimageUrl[numimage];
}
setTimeout("AffichePub()",5000);
}
AffichePub();
</SCRIPT>
Voiçi le fameux .js en question :
if (typeof document.attachEvent!='undefined') { window.attachEvent('onload',init); document.attachEvent('onmousemove',moveMouse); document.attachEvent('onclick',checkMove);}
else { window.addEventListener('load',init,false); document.addEventListener('mousemove',moveMouse,false); document.addEventListener('click',checkMove,false);}
var oDv=document.createElement("div"); var dvHdr=document.createElement("div"); var dvBdy=document.createElement("div"); var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mouseX,mouseY,boxOpen,totalScrollTop,totalScrollLeft; boxOpen=false; ox=10; oy=10; lockX=0; lockY=0; function init() { oDv.appendChild(dvHdr); oDv.appendChild(dvBdy); oDv.style.position="absolute"; oDv.style.visibility='hidden'; document.body.appendChild(oDv);}
function defHdrStyle() { dvHdr.innerHTML=' '+dvHdr.innerHTML; dvHdr.style.fontWeight='bold'; dvHdr.style.width='150px'; dvHdr.style.fontFamily='arial'; dvHdr.style.border='1px solid #A5CFE9'; dvHdr.style.padding='3'; dvHdr.style.fontSize='11'; dvHdr.style.color='#4B7A98'; dvHdr.style.background='#D5EBF9'; dvHdr.style.filter='alpha(opacity=85)'; dvHdr.style.opacity='0.85';}
function defBdyStyle() { dvBdy.style.borderBottom='1px solid #A5CFE9'; dvBdy.style.borderLeft='1px solid #A5CFE9'; dvBdy.style.borderRight='1px solid #A5CFE9'; dvBdy.style.width='150px'; dvBdy.style.fontFamily='arial'; dvBdy.style.fontSize='11'; dvBdy.style.padding='3'; dvBdy.style.color='#1B4966'; dvBdy.style.background='#FFFFFF'; dvBdy.style.filter='alpha(opacity=85)'; dvBdy.style.opacity='0.85';}
var cnt=0; function checkElemBO(txt) { if ((txt.indexOf('header')>-1)&(txt.indexOf('body')>-1)&(txt.indexOf('[')>-1)&(txt.indexOf('[')>-1))
return true; else
return false;}
function scanDOM(curNode) { cnt++; while(curNode) { if (curNode.title) { if (checkElemBO(curNode.title)) { curNode.boHDR=getParam('(?:[^a-zA-Z]header|^header)',curNode.title); curNode.boBDY=getParam('(?:[^a-zA-Z]body|^body)',curNode.title); curNode.boCSSBDY=getParam('cssbody',curNode.title); curNode.boCSSHDR=getParam('cssheader',curNode.title); curNode.IEbugfix=(getParam('hideselects',curNode.title)=='on')?true:false; curNode.fixX=parseInt(getParam('fixedrelx',curNode.title)); curNode.fixY=parseInt(getParam('fixedrely',curNode.title)); curNode.absX=parseInt(getParam('fixedabsx',curNode.title)); curNode.absY=parseInt(getParam('fixedabsy',curNode.title)); curNode.offY=(getParam('offsety',curNode.title)!='')?parseInt(getParam('offsety',curNode.title)):10; curNode.offX=(getParam('offsetx',curNode.title)!='')?parseInt(getParam('offsetx',curNode.title)):10; if (getParam('doubleclickstop',curNode.title)!='off') { document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false);}
if (getParam('singleclickstop',curNode.title)=='on') { document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false);}
curNode.windowLock=getParam('windowlock',curNode.title).toLowerCase()=='off'?false:true; curNode.title=''; curNode.hasbox='true';}}
scanDOM(curNode.firstChild); curNode=curNode.nextSibling;}}
function getParam(param,list) { var reg = new RegExp(param+'\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]'); var res = reg.exec(list); var returnvar; if(res)
return res[1].replace('[[','[').replace(']]',']'); else
return '';}
function Left(elem){ var x=0; if (elem.calcLeft)
return elem.calcLeft; var oElem=elem; while(elem){ if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderLeftWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderLeftWidth); x+=elem.offsetLeft; elem=elem.offsetParent;}
oElem.calcLeft=x; return x;}
function Top(elem){ var x=0; if (elem.calcTop)
return elem.calcTop; var oElem=elem; while(elem){ if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderTopWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderTopWidth); x+=elem.offsetTop; elem=elem.offsetParent;}
oElem.calcTop=x; return x;}
var ah,ab; function applyStyles() { if(ab)
oDv.removeChild(dvBdy); if (ah)
oDv.removeChild(dvHdr); dvHdr=document.createElement("div"); dvBdy=document.createElement("div"); curBoxElem.boCSSBDY?dvBdy.className=curBoxElem.boCSSBDY:defBdyStyle(); curBoxElem.boCSSHDR?dvHdr.className=curBoxElem.boCSSHDR:defHdrStyle(); dvHdr.innerHTML=curBoxElem.boHDR; dvBdy.innerHTML=curBoxElem.boBDY; ah=false; ab=false; if (curBoxElem.boHDR!='') { oDv.appendChild(dvHdr); ah=true;}
if (curBoxElem.boBDY!=''){ oDv.appendChild(dvBdy); ab=true;}}
var curSrcElem,iterElem,lastSrcElem,curBoxElem,lastBoxElem, totalScrollLeft, totalScrollTop, width, height ; var ini=false; function SHW() { if (document.body && (document.body.clientWidth !=0)) { width=document.body.clientWidth; height=document.body.clientHeight;}
if (document.documentElement && (document.documentElement.clientWidth!=0) && (document.body.clientWidth + 20 >= document.documentElement.clientWidth)) { width=document.documentElement.clientWidth; height=document.documentElement.clientHeight;}
return [width,height];}
function moveMouse(e) { if (!ini) { scanDOM(document.body.firstChild); ini=true;}
e?evt=e:evt=event; curSrcElem=evt.target?evt.target:evt.srcElement; if ((curSrcElem!=lastSrcElem)&&(!isChild(curSrcElem,dvHdr))&&(!isChild(curSrcElem,dvBdy))){ if (!curSrcElem.boxItem) { iterElem=curSrcElem; while ((!iterElem.hasbox)&&(iterElem.parentNode))
iterElem=iterElem.parentNode; curSrcElem.boxItem=iterElem;}
iterElem=curSrcElem.boxItem; if (curSrcElem.boxItem.title)
if (checkElemBO(curSrcElem.boxItem.title)) { ini=false;}
if (curSrcElem.boxItem&&curSrcElem.boxItem.hasbox) { lastBoxElem=curBoxElem; curBoxElem=iterElem; if (curBoxElem!=lastBoxElem) { applyStyles(); oDv.style.visibility='visible'; if (curBoxElem.IEbugfix) {hideSelects();}
fixposx=!isNaN(curBoxElem.fixX)?Left(curBoxElem)+curBoxElem.fixX:curBoxElem.absX; fixposy=!isNaN(curBoxElem.fixY)?Top(curBoxElem)+curBoxElem.fixY:curBoxElem.absY; lockX=0; lockY=0; boxMove=true; ox=curBoxElem.offX?curBoxElem.offX:10; oy=curBoxElem.offY?curBoxElem.offY:10;}}
else if (!isChild(curSrcElem,dvHdr) && !isChild(curSrcElem,dvBdy) && (boxMove)) { if ((!isChild(curBoxElem,curSrcElem)) || (curSrcElem.tagName!='TABLE')) { curBoxElem=null; oDv.style.visibility='hidden'; showSelects();}}lastSrcElem=curSrcElem;}
else if (((isChild(curSrcElem,dvHdr) || isChild(curSrcElem,dvBdy))&&(boxMove))) { totalScrollLeft=0; totalScrollTop=0; iterElem=curSrcElem; while(iterElem) { if(!isNaN(parseInt(iterElem.scrollTop)))
totalScrollTop+=parseInt(iterElem.scrollTop); if(!isNaN(parseInt(iterElem.scrollLeft)))
totalScrollLeft+=parseInt(iterElem.scrollLeft); iterElem=iterElem.parentNode;}
boxLeft=Left(curBoxElem)-totalScrollLeft; boxRight=parseInt(Left(curBoxElem)+curBoxElem.offsetWidth)-totalScrollLeft; boxTop=Top(curBoxElem)-totalScrollTop; boxBottom=parseInt(Top(curBoxElem)+curBoxElem.offsetHeight)-totalScrollTop; doCheck();}
if (boxMove&&curBoxElem) { bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop; bodyScrollLet=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft; mouseX=evt.pageX?evt.pageX-bodyScrollLet:evt.clientX-document.body.clientLeft; mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop; if ((curBoxElem)&&(curBoxElem.windowLock)) { mouseY < -oy?lockY=-mouseY-oy:lockY=0; mouseX < -ox?lockX=-mouseX-ox:lockX=0; mouseY > (SHW()[1]-oDv.offsetHeight-oy)?lockY=-mouseY+SHW()[1]-oDv.offsetHeight-oy:lockY=lockY; mouseX > (SHW()[0]-dvBdy.offsetWidth-ox)?lockX=-mouseX-ox+SHW()[0]-dvBdy.offsetWidth:lockX=lockX;}
oDv.style.left=((fixposx)||(fixposx==0))?fixposx:bodyScrollLet+mouseX+ox+lockX+"px"; oDv.style.top=((fixposy)||(fixposy==0))?fixposy:bodyScrollTop+mouseY+oy+lockY+"px";}}
function doCheck() { if ( (mouseX < boxLeft) || (mouseX >boxRight) || (mouseY < boxTop) || (mouseY > boxBottom)) { oDv.style.visibility='hidden'; if (curBoxElem.IEbugfix) {showSelects();}
curBoxElem=null;}}
function pauseBox(e) { e?evt=e:evt=event; boxMove=false; evt.cancelBubble=true;}
function isChild(s,d) { while(s) { if (s==d)
return true; s=s.parentNode;}
return false;}
var cSrc; function checkMove(e) { e?evt=e:evt=event; cSrc=evt.target?evt.target:evt.srcElement; if ((!boxMove)&&(!isChild(cSrc,oDv))) { oDv.style.visibility='hidden'; if (curBoxElem&&curBoxElem.IEbugfix) {showSelects();}
boxMove=true; curBoxElem=null;}}
function showSelects(){ var elements = document.getElementsByTagName("select"); for (i=0;i< elements.length;i++){ elements[i].style.visibility='visible';}}
function hideSelects(){ var elements = document.getElementsByTagName("select"); for (i=0;i< elements.length;i++){ elements[i].style.visibility='hidden';}}
OUF !!
Rentrons dans le détail des choses, ça va p'tet finir par marcher !! (encore merci en tout cas)
Voilà la partie STYLE dans le <HEAD> (ce que les DIV appellent):
<style>
.thdrcell {
background:#F3F0E7;font-family:arial;font-size:10px;font-weight:bold;padding:5px;border-bottom:1px solid #C8BA92;}
.tdatacell {font-family:arial;font-size:12px;padding:5px;background:#FFFFFF}
.dvhdr1 {background:#F3F0E7;font-family:arial;font-size:12px;font-weight:bold;border:1px solid #C8BA92;padding:5px;width:150px;}
.dvbdy1 {background:#FFFFFF;font-family:arial;font-size:12px;border-left:1px solid #C8BA92;border-right:1px solid #C8BA92;border-bottom:1px solid #C8BA92;padding:5px;width:150px;}
p {margin-top:20px;}
h1 {font-size:13px;}
.dogvdvhdr {width:300;background:#C4D5E3;border:1px solid #C4D5E3;font-weight:bold;padding:10px;}
.dogvdvbdy {width:300;background:#FFFFFF;border-left:1px solid #C4D5E3;border-right:1px solid #C4D5E3;border-bottom:1px solid #C4D5E3;padding:10px;}
.pgdiv {width:160;height:145;background:#E9EFF4;border:0px solid #C4D5E3;padding:10px;margin-bottom:20;font-family:arial;font-size:12px;}
</style>
Mais ce n'est pas tout, il y a un fichier Javascript en src :
<script src= "news/boxover.js"></script> (ICI MAINTENANT)
<SCRIPT language="javascript">
ejs_banurl = new Array;
ejs_banimageUrl=new Array;
ejs_infobulle=new Array;
ejs_infobulle2=new Array;
ejs_banimageUrl[0] = "news/PreVaUnan.gif";
ejs_banurl[0] = "http://www.laprod.fr/francais/desfougeres/vaunan/3_1-vaunan.htm";
ejs_infobulle[0] = "<CENTER> 12 SEPTEMBRE 2005 </CENTER>
";
ejs_infobulle2[0] = "<CENTER>DESFOUGERES
Vidéo de Va Unan</CENTER>
";
ejs_banimageUrl[1] = "news/BleRoy.gif";
ejs_banurl[1] = "http://www.laprod.fr/francais/tourisme/restauration/creperie/LeBleDuRoy.htm";
ejs_infobulle[1] = "<CENTER> 20 AOUT 2005 </CENTER>
";
ejs_infobulle2[1] = "<CENTER>RESTAURANT-CREPERIE
Le Blé du Roy</CENTER>
";
ejs_banimageUrl[2] = "news/Passeport.gif";
ejs_banurl[2] = "http://www.laprod.fr/francais/laprod/production/passeport.htm";
ejs_infobulle[2] = "<CENTER> 04 AOUT 2005 </CENTER>
";
ejs_infobulle2[2] = "<CENTER>PRODUCTION
l´Orchestre Passeport</CENTER>
";
ejs_banimageUrl[3] = "news/GLG.gif";
ejs_banurl[3] = "http://www.laprod.fr/francais/arts/photographie/glg.htm";
ejs_infobulle[3] = "<CENTER>28 JUILLET 2005</CENTER>
";
ejs_infobulle2[3] = "<CENTER>PHOTOGRAPHIE
G. Le Gallo </CENTER>
";
affiche = false;
function AffichePub()
{
if(!affiche)
{
numimage= Math.round(Math.random()*(ejs_banurl.length-1));
document.write ('[# ]')
affiche = true;
}
else
{
if(numimage == (ejs_banurl.length-1))
numimage = 0;
else
numimage++;
document.ejs_banpub.src=ejs_banimageUrl[numimage];
}
setTimeout("AffichePub()",5000);
}
AffichePub();
</SCRIPT>
Voiçi le fameux .js en question :
if (typeof document.attachEvent!='undefined') { window.attachEvent('onload',init); document.attachEvent('onmousemove',moveMouse); document.attachEvent('onclick',checkMove);}
else { window.addEventListener('load',init,false); document.addEventListener('mousemove',moveMouse,false); document.addEventListener('click',checkMove,false);}
var oDv=document.createElement("div"); var dvHdr=document.createElement("div"); var dvBdy=document.createElement("div"); var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mouseX,mouseY,boxOpen,totalScrollTop,totalScrollLeft; boxOpen=false; ox=10; oy=10; lockX=0; lockY=0; function init() { oDv.appendChild(dvHdr); oDv.appendChild(dvBdy); oDv.style.position="absolute"; oDv.style.visibility='hidden'; document.body.appendChild(oDv);}
function defHdrStyle() { dvHdr.innerHTML=' '+dvHdr.innerHTML; dvHdr.style.fontWeight='bold'; dvHdr.style.width='150px'; dvHdr.style.fontFamily='arial'; dvHdr.style.border='1px solid #A5CFE9'; dvHdr.style.padding='3'; dvHdr.style.fontSize='11'; dvHdr.style.color='#4B7A98'; dvHdr.style.background='#D5EBF9'; dvHdr.style.filter='alpha(opacity=85)'; dvHdr.style.opacity='0.85';}
function defBdyStyle() { dvBdy.style.borderBottom='1px solid #A5CFE9'; dvBdy.style.borderLeft='1px solid #A5CFE9'; dvBdy.style.borderRight='1px solid #A5CFE9'; dvBdy.style.width='150px'; dvBdy.style.fontFamily='arial'; dvBdy.style.fontSize='11'; dvBdy.style.padding='3'; dvBdy.style.color='#1B4966'; dvBdy.style.background='#FFFFFF'; dvBdy.style.filter='alpha(opacity=85)'; dvBdy.style.opacity='0.85';}
var cnt=0; function checkElemBO(txt) { if ((txt.indexOf('header')>-1)&(txt.indexOf('body')>-1)&(txt.indexOf('[')>-1)&(txt.indexOf('[')>-1))
return true; else
return false;}
function scanDOM(curNode) { cnt++; while(curNode) { if (curNode.title) { if (checkElemBO(curNode.title)) { curNode.boHDR=getParam('(?:[^a-zA-Z]header|^header)',curNode.title); curNode.boBDY=getParam('(?:[^a-zA-Z]body|^body)',curNode.title); curNode.boCSSBDY=getParam('cssbody',curNode.title); curNode.boCSSHDR=getParam('cssheader',curNode.title); curNode.IEbugfix=(getParam('hideselects',curNode.title)=='on')?true:false; curNode.fixX=parseInt(getParam('fixedrelx',curNode.title)); curNode.fixY=parseInt(getParam('fixedrely',curNode.title)); curNode.absX=parseInt(getParam('fixedabsx',curNode.title)); curNode.absY=parseInt(getParam('fixedabsy',curNode.title)); curNode.offY=(getParam('offsety',curNode.title)!='')?parseInt(getParam('offsety',curNode.title)):10; curNode.offX=(getParam('offsetx',curNode.title)!='')?parseInt(getParam('offsetx',curNode.title)):10; if (getParam('doubleclickstop',curNode.title)!='off') { document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false);}
if (getParam('singleclickstop',curNode.title)=='on') { document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false);}
curNode.windowLock=getParam('windowlock',curNode.title).toLowerCase()=='off'?false:true; curNode.title=''; curNode.hasbox='true';}}
scanDOM(curNode.firstChild); curNode=curNode.nextSibling;}}
function getParam(param,list) { var reg = new RegExp(param+'\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]'); var res = reg.exec(list); var returnvar; if(res)
return res[1].replace('[[','[').replace(']]',']'); else
return '';}
function Left(elem){ var x=0; if (elem.calcLeft)
return elem.calcLeft; var oElem=elem; while(elem){ if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderLeftWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderLeftWidth); x+=elem.offsetLeft; elem=elem.offsetParent;}
oElem.calcLeft=x; return x;}
function Top(elem){ var x=0; if (elem.calcTop)
return elem.calcTop; var oElem=elem; while(elem){ if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderTopWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderTopWidth); x+=elem.offsetTop; elem=elem.offsetParent;}
oElem.calcTop=x; return x;}
var ah,ab; function applyStyles() { if(ab)
oDv.removeChild(dvBdy); if (ah)
oDv.removeChild(dvHdr); dvHdr=document.createElement("div"); dvBdy=document.createElement("div"); curBoxElem.boCSSBDY?dvBdy.className=curBoxElem.boCSSBDY:defBdyStyle(); curBoxElem.boCSSHDR?dvHdr.className=curBoxElem.boCSSHDR:defHdrStyle(); dvHdr.innerHTML=curBoxElem.boHDR; dvBdy.innerHTML=curBoxElem.boBDY; ah=false; ab=false; if (curBoxElem.boHDR!='') { oDv.appendChild(dvHdr); ah=true;}
if (curBoxElem.boBDY!=''){ oDv.appendChild(dvBdy); ab=true;}}
var curSrcElem,iterElem,lastSrcElem,curBoxElem,lastBoxElem, totalScrollLeft, totalScrollTop, width, height ; var ini=false; function SHW() { if (document.body && (document.body.clientWidth !=0)) { width=document.body.clientWidth; height=document.body.clientHeight;}
if (document.documentElement && (document.documentElement.clientWidth!=0) && (document.body.clientWidth + 20 >= document.documentElement.clientWidth)) { width=document.documentElement.clientWidth; height=document.documentElement.clientHeight;}
return [width,height];}
function moveMouse(e) { if (!ini) { scanDOM(document.body.firstChild); ini=true;}
e?evt=e:evt=event; curSrcElem=evt.target?evt.target:evt.srcElement; if ((curSrcElem!=lastSrcElem)&&(!isChild(curSrcElem,dvHdr))&&(!isChild(curSrcElem,dvBdy))){ if (!curSrcElem.boxItem) { iterElem=curSrcElem; while ((!iterElem.hasbox)&&(iterElem.parentNode))
iterElem=iterElem.parentNode; curSrcElem.boxItem=iterElem;}
iterElem=curSrcElem.boxItem; if (curSrcElem.boxItem.title)
if (checkElemBO(curSrcElem.boxItem.title)) { ini=false;}
if (curSrcElem.boxItem&&curSrcElem.boxItem.hasbox) { lastBoxElem=curBoxElem; curBoxElem=iterElem; if (curBoxElem!=lastBoxElem) { applyStyles(); oDv.style.visibility='visible'; if (curBoxElem.IEbugfix) {hideSelects();}
fixposx=!isNaN(curBoxElem.fixX)?Left(curBoxElem)+curBoxElem.fixX:curBoxElem.absX; fixposy=!isNaN(curBoxElem.fixY)?Top(curBoxElem)+curBoxElem.fixY:curBoxElem.absY; lockX=0; lockY=0; boxMove=true; ox=curBoxElem.offX?curBoxElem.offX:10; oy=curBoxElem.offY?curBoxElem.offY:10;}}
else if (!isChild(curSrcElem,dvHdr) && !isChild(curSrcElem,dvBdy) && (boxMove)) { if ((!isChild(curBoxElem,curSrcElem)) || (curSrcElem.tagName!='TABLE')) { curBoxElem=null; oDv.style.visibility='hidden'; showSelects();}}lastSrcElem=curSrcElem;}
else if (((isChild(curSrcElem,dvHdr) || isChild(curSrcElem,dvBdy))&&(boxMove))) { totalScrollLeft=0; totalScrollTop=0; iterElem=curSrcElem; while(iterElem) { if(!isNaN(parseInt(iterElem.scrollTop)))
totalScrollTop+=parseInt(iterElem.scrollTop); if(!isNaN(parseInt(iterElem.scrollLeft)))
totalScrollLeft+=parseInt(iterElem.scrollLeft); iterElem=iterElem.parentNode;}
boxLeft=Left(curBoxElem)-totalScrollLeft; boxRight=parseInt(Left(curBoxElem)+curBoxElem.offsetWidth)-totalScrollLeft; boxTop=Top(curBoxElem)-totalScrollTop; boxBottom=parseInt(Top(curBoxElem)+curBoxElem.offsetHeight)-totalScrollTop; doCheck();}
if (boxMove&&curBoxElem) { bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop; bodyScrollLet=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft; mouseX=evt.pageX?evt.pageX-bodyScrollLet:evt.clientX-document.body.clientLeft; mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop; if ((curBoxElem)&&(curBoxElem.windowLock)) { mouseY < -oy?lockY=-mouseY-oy:lockY=0; mouseX < -ox?lockX=-mouseX-ox:lockX=0; mouseY > (SHW()[1]-oDv.offsetHeight-oy)?lockY=-mouseY+SHW()[1]-oDv.offsetHeight-oy:lockY=lockY; mouseX > (SHW()[0]-dvBdy.offsetWidth-ox)?lockX=-mouseX-ox+SHW()[0]-dvBdy.offsetWidth:lockX=lockX;}
oDv.style.left=((fixposx)||(fixposx==0))?fixposx:bodyScrollLet+mouseX+ox+lockX+"px"; oDv.style.top=((fixposy)||(fixposy==0))?fixposy:bodyScrollTop+mouseY+oy+lockY+"px";}}
function doCheck() { if ( (mouseX < boxLeft) || (mouseX >boxRight) || (mouseY < boxTop) || (mouseY > boxBottom)) { oDv.style.visibility='hidden'; if (curBoxElem.IEbugfix) {showSelects();}
curBoxElem=null;}}
function pauseBox(e) { e?evt=e:evt=event; boxMove=false; evt.cancelBubble=true;}
function isChild(s,d) { while(s) { if (s==d)
return true; s=s.parentNode;}
return false;}
var cSrc; function checkMove(e) { e?evt=e:evt=event; cSrc=evt.target?evt.target:evt.srcElement; if ((!boxMove)&&(!isChild(cSrc,oDv))) { oDv.style.visibility='hidden'; if (curBoxElem&&curBoxElem.IEbugfix) {showSelects();}
boxMove=true; curBoxElem=null;}}
function showSelects(){ var elements = document.getElementsByTagName("select"); for (i=0;i< elements.length;i++){ elements[i].style.visibility='visible';}}
function hideSelects(){ var elements = document.getElementsByTagName("select"); for (i=0;i< elements.length;i++){ elements[i].style.visibility='hidden';}}
OUF !!
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
30 sept. 2005 à 10:54
30 sept. 2005 à 10:54
Moi je me demande comment ca se fait que ton js n'est pas formatté... pas évident pour le lire. Apres formattage de la fonction moveMouse, ca passe de 26 a 90 ligne =)
Enfin bon, c'est pas grave. Donc je crois avoir enfin compris quanb et comment la div était affichée. Donc si je recapitule (et surtout si j'ai compris =) ) ca donne:
les event de mouvements de la souris sont capturés, le script se debrouille pour savoir si l'element survolé a une info bulle à afficher, et si c'est le cas, affiche là div a la position de la souris.
La div etant créée lors du parsing de l'attribut 'title'.
Coupe moi si je me trompe :D
Donc ma premiere idée serait de ne pas prendre l'attribut 'title' mais d'en créer un autre genre 'infobulle' ou tu l'appelles comme tu veux. Pense a changé le nom de l'attribut parsé dans le JS (function scanDOM() je crois), et reprends ma premiere solution:
document.ejs_banpub.infobulle = "cssbody=[dvbdy1] cssheader=[dvhdr1] header=[' + ejs_infobulle[numimage] + '] body=[' + ejs_infobulle2[numimage] + ']"
Sinon, je trouve que c'est un code extrement compliqué sachant que apparement, tu t'en sers qu'une seule fois. (les autres infos bulles ne sont pas gérées comme ca)
Je sais pas si c'est toi qui a ecrit le code, mais ma question est: Pourquoi avoir mis un pseudo-code en attribut pour etre parsé plus loin plutot qu'une bete fonction appellée avec les parametres, et declenchée lors d'un onmouseover?
Enfin bon, c'est pas grave. Donc je crois avoir enfin compris quanb et comment la div était affichée. Donc si je recapitule (et surtout si j'ai compris =) ) ca donne:
les event de mouvements de la souris sont capturés, le script se debrouille pour savoir si l'element survolé a une info bulle à afficher, et si c'est le cas, affiche là div a la position de la souris.
La div etant créée lors du parsing de l'attribut 'title'.
Coupe moi si je me trompe :D
Donc ma premiere idée serait de ne pas prendre l'attribut 'title' mais d'en créer un autre genre 'infobulle' ou tu l'appelles comme tu veux. Pense a changé le nom de l'attribut parsé dans le JS (function scanDOM() je crois), et reprends ma premiere solution:
document.ejs_banpub.infobulle = "cssbody=[dvbdy1] cssheader=[dvhdr1] header=[' + ejs_infobulle[numimage] + '] body=[' + ejs_infobulle2[numimage] + ']"
Sinon, je trouve que c'est un code extrement compliqué sachant que apparement, tu t'en sers qu'une seule fois. (les autres infos bulles ne sont pas gérées comme ca)
Je sais pas si c'est toi qui a ecrit le code, mais ma question est: Pourquoi avoir mis un pseudo-code en attribut pour etre parsé plus loin plutot qu'une bete fonction appellée avec les parametres, et declenchée lors d'un onmouseover?
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 11:17
30 sept. 2005 à 11:17
[je teste ta soluce]
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
@+ Ordinastie
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
@+ Ordinastie
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 11:18
30 sept. 2005 à 11:18
[je teste ta soluce]
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
Pour répondre à ta question : pas de Onmouseover effectivement car sinon je reprend la fonction qui affiche les autres Infobulles et là : conflit.
Donc en fait, c'est la "meilleur" solution alternative, sachant que je veux mon site compatible IE + Firefox + Opera !! Voilà LA contrainte
@+ Ordinastie
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
Pour répondre à ta question : pas de Onmouseover effectivement car sinon je reprend la fonction qui affiche les autres Infobulles et là : conflit.
Donc en fait, c'est la "meilleur" solution alternative, sachant que je veux mon site compatible IE + Firefox + Opera !! Voilà LA contrainte
@+ Ordinastie
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 11:18
30 sept. 2005 à 11:18
[je teste ta soluce]
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
Pour répondre à ta question : pas de Onmouseover effectivement car sinon je reprend la fonction qui affiche les autres Infobulles et là : conflit.
Donc en fait, c'est la "meilleur" solution alternative, sachant que je veux mon site compatible IE + Firefox + Opera !! Voilà LA contrainte
@+ Ordinastie
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
Pour répondre à ta question : pas de Onmouseover effectivement car sinon je reprend la fonction qui affiche les autres Infobulles et là : conflit.
Donc en fait, c'est la "meilleur" solution alternative, sachant que je veux mon site compatible IE + Firefox + Opera !! Voilà LA contrainte
@+ Ordinastie
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 11:18
30 sept. 2005 à 11:18
[je teste ta soluce]
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
Pour répondre à ta question : pas de Onmouseover effectivement car sinon je reprend la fonction qui affiche les autres Infobulles et là : conflit.
Donc en fait, c'est la "meilleur" solution alternative, sachant que je veux mon site compatible IE + Firefox + Opera !! Voilà LA contrainte
@+ Ordinastie
Non, tu te doutes que ce n'est pas moi qui est pondu ça, c'est un gars sur un forum qui me l'a filé, il m'a dit que je pouvais le réutiliser comme je voulais... et maintenant je ne sais pas ce qu'il devient sinon je lui aurait demandé directement.
En fait je me débrouille un peu on va dire (ms toi un peu mx que moi en codage en tout cas!)
Pour répondre à ta question : pas de Onmouseover effectivement car sinon je reprend la fonction qui affiche les autres Infobulles et là : conflit.
Donc en fait, c'est la "meilleur" solution alternative, sachant que je veux mon site compatible IE + Firefox + Opera !! Voilà LA contrainte
@+ Ordinastie
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 11:51
30 sept. 2005 à 11:51
Re-hello :
J'ai essayé sans succés plusieurs choses en allant dans ton sens :
Dans la page principale le code devient donc :
<script src= "news/boxover.js"></script>
<SCRIPT language="javascript">
ejs_banurl = new Array;
ejs_banimageUrl=new Array;
ejs_infobulle=new Array;
ejs_infobulle2=new Array;
ejs_banimageUrl[0] = "news/PreVaUnan.gif";
ejs_banurl[0] = "http://www.laprod.fr/francais/desfougeres/vaunan/3_1-vaunan.htm";
ejs_infobulle[0] = "<CENTER> 12 SEPTEMBRE 2005 </CENTER>
";
ejs_infobulle2[0] = "<CENTER>DESFOUGERES
Vidéo de Va Unan</CENTER>
";
ejs_banimageUrl[1] = "news/BleRoy.gif";
ejs_banurl[1] = "http://www.laprod.fr/francais/tourisme/restauration/creperie/LeBleDuRoy.htm";
ejs_infobulle[1] = "<CENTER> 20 AOUT 2005 </CENTER>
";
ejs_infobulle2[1] = "<CENTER>RESTAURANT-CREPERIE
Le Blé du Roy</CENTER>
";
ejs_banimageUrl[2] = "news/Passeport.gif";
ejs_banurl[2] = "http://www.laprod.fr/francais/laprod/production/passeport.htm";
ejs_infobulle[2] = "<CENTER> 04 AOUT 2005 </CENTER>
";
ejs_infobulle2[2] = "<CENTER>PRODUCTION
l´Orchestre Passeport</CENTER>
";
ejs_banimageUrl[3] = "news/GLG.gif";
ejs_banurl[3] = "http://www.laprod.fr/francais/arts/photographie/glg.htm";
ejs_infobulle[3] = "<CENTER>28 JUILLET 2005</CENTER>
";
ejs_infobulle2[3] = "<CENTER>PHOTOGRAPHIE
G. Le Gallo </CENTER>
";
affiche = false;
function AffichePub()
{
if(!affiche)
{
numimage= Math.round(Math.random()*(ejs_banurl.length-1));
document.write ('[# ]')
affiche = true;
}
else
{
if(numimage == (ejs_banurl.length-1))
numimage = 0;
else
numimage++;
document.ejs_banpub.src=ejs_banimageUrl[numimage];
document.ejs_banpub.mesnews="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[' + ejs_infobulle[numimage] + '] body=[' + ejs_infobulle2[numimage] + ']";
}
setTimeout("AffichePub()",5000);
}
AffichePub();
</SCRIPT>
Comme tu le vois j'ai remplacé l'attribut "title" par "mesnews", que j'ai pris soin de remplacer également dans la fonction annexe :
function scanDOM(curNode) { cnt++; while(curNode) { if (curNode.mesnews) { if (checkElemBO(curNode.mesnews)) { curNode.boHDR=getParam('(?:[^a-zA-Z]header|^header)',curNode.mesnews); curNode.boBDY=getParam('(?:[^a-zA-Z]body|^body)',curNode.mesnews); curNode.boCSSBDY=getParam('cssbody',curNode.mesnews); curNode.boCSSHDR=getParam('cssheader',curNode.mesnews); curNode.IEbugfix=(getParam('hideselects',curNode.mesnews)=='on')?true:false; curNode.fixX=parseInt(getParam('fixedrelx',curNode.mesnews)); curNode.fixY=parseInt(getParam('fixedrely',curNode.mesnews)); curNode.absX=parseInt(getParam('fixedabsx',curNode.mesnews)); curNode.absY=parseInt(getParam('fixedabsy',curNode.mesnews)); curNode.offY=(getParam('offsety',curNode.mesnews)!='')?parseInt(getParam('offsety',curNode.mesnews)):10; curNode.offX=(getParam('offsetx',curNode.mesnews)!='')?parseInt(getParam('offsetx',curNode.mesnews)):10; if (getParam('doubleclickstop',curNode.mesnews)!='off') { document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false);}
if (getParam('singleclickstop',curNode.mesnews)=='on') { document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false);}
curNode.windowLock=getParam('windowlock',curNode.mesnews).toLowerCase()=='off'?false:true; curNode.mesnews=''; curNode.hasbox='true';}}
scanDOM(curNode.firstChild); curNode=curNode.nextSibling;}}
function getParam(param,list) { var reg = new RegExp(param+'\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]'); var res = reg.exec(list); var returnvar; if(res)
return res[1].replace('[[','[').replace(']]',']'); else
return '';}
mais en faisant une recherche j'ai aussi vu que l'attribut apparaissait dans une autre fonction (essayé avec et sans modif de celle-ci : NIET !!)
function moveMouse(e) { if (!ini) { scanDOM(document.body.firstChild); ini=true;}
e?evt=e:evt=event; curSrcElem=evt.target?evt.target:evt.srcElement; if ((curSrcElem!=lastSrcElem)&&(!isChild(curSrcElem,dvHdr))&&(!isChild(curSrcElem,dvBdy))){ if (!curSrcElem.boxItem) { iterElem=curSrcElem; while ((!iterElem.hasbox)&&(iterElem.parentNode))
iterElem=iterElem.parentNode; curSrcElem.boxItem=iterElem;}
iterElem=curSrcElem.boxItem; if (curSrcElem.boxItem.mesnews)
if (checkElemBO(curSrcElem.boxItem.mesnews)) { ini=false;}
if (curSrcElem.boxItem&&curSrcElem.boxItem.hasbox) { lastBoxElem=curBoxElem; curBoxElem=iterElem; if (curBoxElem!=lastBoxElem) { applyStyles(); oDv.style.visibility='visible'; if (curBoxElem.IEbugfix) {hideSelects();}
fixposx=!isNaN(curBoxElem.fixX)?Left(curBoxElem)+curBoxElem.fixX:curBoxElem.absX; fixposy=!isNaN(curBoxElem.fixY)?Top(curBoxElem)+curBoxElem.fixY:curBoxElem.absY; lockX=0; lockY=0; boxMove=true; ox=curBoxElem.offX?curBoxElem.offX:10; oy=curBoxElem.offY?curBoxElem.offY:10;}}
else if (!isChild(curSrcElem,dvHdr) && !isChild(curSrcElem,dvBdy) && (boxMove)) { if ((!isChild(curBoxElem,curSrcElem)) || (curSrcElem.tagName!='TABLE')) { curBoxElem=null; oDv.style.visibility='hidden'; showSelects();}}lastSrcElem=curSrcElem;}
else if (((isChild(curSrcElem,dvHdr) || isChild(curSrcElem,dvBdy))&&(boxMove))) { totalScrollLeft=0; totalScrollTop=0; iterElem=curSrcElem; while(iterElem) { if(!isNaN(parseInt(iterElem.scrollTop)))
totalScrollTop+=parseInt(iterElem.scrollTop); if(!isNaN(parseInt(iterElem.scrollLeft)))
totalScrollLeft+=parseInt(iterElem.scrollLeft); iterElem=iterElem.parentNode;}
boxLeft=Left(curBoxElem)-totalScrollLeft; boxRight=parseInt(Left(curBoxElem)+curBoxElem.offsetWidth)-totalScrollLeft; boxTop=Top(curBoxElem)-totalScrollTop; boxBottom=parseInt(Top(curBoxElem)+curBoxElem.offsetHeight)-totalScrollTop; doCheck();}
if (boxMove&&curBoxElem) { bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop; bodyScrollLet=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft; mouseX=evt.pageX?evt.pageX-bodyScrollLet:evt.clientX-document.body.clientLeft; mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop; if ((curBoxElem)&&(curBoxElem.windowLock)) { mouseY < -oy?lockY=-mouseY-oy:lockY=0; mouseX < -ox?lockX=-mouseX-ox:lockX=0; mouseY > (SHW()[1]-oDv.offsetHeight-oy)?lockY=-mouseY+SHW()[1]-oDv.offsetHeight-oy:lockY=lockY; mouseX > (SHW()[0]-dvBdy.offsetWidth-ox)?lockX=-mouseX-ox+SHW()[0]-dvBdy.offsetWidth:lockX=lockX;}
oDv.style.left=((fixposx)||(fixposx==0))?fixposx:bodyScrollLet+mouseX+ox+lockX+"px"; oDv.style.top=((fixposy)||(fixposy==0))?fixposy:bodyScrollTop+mouseY+oy+lockY+"px";}}
Hummmmmmmmmmmmmmm & Bouuuuuuuuuuh.... on est ptet sur la voie qd-même
Sache que j'apprécie ton aide, merci encore.
J'ai essayé sans succés plusieurs choses en allant dans ton sens :
Dans la page principale le code devient donc :
<script src= "news/boxover.js"></script>
<SCRIPT language="javascript">
ejs_banurl = new Array;
ejs_banimageUrl=new Array;
ejs_infobulle=new Array;
ejs_infobulle2=new Array;
ejs_banimageUrl[0] = "news/PreVaUnan.gif";
ejs_banurl[0] = "http://www.laprod.fr/francais/desfougeres/vaunan/3_1-vaunan.htm";
ejs_infobulle[0] = "<CENTER> 12 SEPTEMBRE 2005 </CENTER>
";
ejs_infobulle2[0] = "<CENTER>DESFOUGERES
Vidéo de Va Unan</CENTER>
";
ejs_banimageUrl[1] = "news/BleRoy.gif";
ejs_banurl[1] = "http://www.laprod.fr/francais/tourisme/restauration/creperie/LeBleDuRoy.htm";
ejs_infobulle[1] = "<CENTER> 20 AOUT 2005 </CENTER>
";
ejs_infobulle2[1] = "<CENTER>RESTAURANT-CREPERIE
Le Blé du Roy</CENTER>
";
ejs_banimageUrl[2] = "news/Passeport.gif";
ejs_banurl[2] = "http://www.laprod.fr/francais/laprod/production/passeport.htm";
ejs_infobulle[2] = "<CENTER> 04 AOUT 2005 </CENTER>
";
ejs_infobulle2[2] = "<CENTER>PRODUCTION
l´Orchestre Passeport</CENTER>
";
ejs_banimageUrl[3] = "news/GLG.gif";
ejs_banurl[3] = "http://www.laprod.fr/francais/arts/photographie/glg.htm";
ejs_infobulle[3] = "<CENTER>28 JUILLET 2005</CENTER>
";
ejs_infobulle2[3] = "<CENTER>PHOTOGRAPHIE
G. Le Gallo </CENTER>
";
affiche = false;
function AffichePub()
{
if(!affiche)
{
numimage= Math.round(Math.random()*(ejs_banurl.length-1));
document.write ('[# ]')
affiche = true;
}
else
{
if(numimage == (ejs_banurl.length-1))
numimage = 0;
else
numimage++;
document.ejs_banpub.src=ejs_banimageUrl[numimage];
document.ejs_banpub.mesnews="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[' + ejs_infobulle[numimage] + '] body=[' + ejs_infobulle2[numimage] + ']";
}
setTimeout("AffichePub()",5000);
}
AffichePub();
</SCRIPT>
Comme tu le vois j'ai remplacé l'attribut "title" par "mesnews", que j'ai pris soin de remplacer également dans la fonction annexe :
function scanDOM(curNode) { cnt++; while(curNode) { if (curNode.mesnews) { if (checkElemBO(curNode.mesnews)) { curNode.boHDR=getParam('(?:[^a-zA-Z]header|^header)',curNode.mesnews); curNode.boBDY=getParam('(?:[^a-zA-Z]body|^body)',curNode.mesnews); curNode.boCSSBDY=getParam('cssbody',curNode.mesnews); curNode.boCSSHDR=getParam('cssheader',curNode.mesnews); curNode.IEbugfix=(getParam('hideselects',curNode.mesnews)=='on')?true:false; curNode.fixX=parseInt(getParam('fixedrelx',curNode.mesnews)); curNode.fixY=parseInt(getParam('fixedrely',curNode.mesnews)); curNode.absX=parseInt(getParam('fixedabsx',curNode.mesnews)); curNode.absY=parseInt(getParam('fixedabsy',curNode.mesnews)); curNode.offY=(getParam('offsety',curNode.mesnews)!='')?parseInt(getParam('offsety',curNode.mesnews)):10; curNode.offX=(getParam('offsetx',curNode.mesnews)!='')?parseInt(getParam('offsetx',curNode.mesnews)):10; if (getParam('doubleclickstop',curNode.mesnews)!='off') { document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false);}
if (getParam('singleclickstop',curNode.mesnews)=='on') { document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false);}
curNode.windowLock=getParam('windowlock',curNode.mesnews).toLowerCase()=='off'?false:true; curNode.mesnews=''; curNode.hasbox='true';}}
scanDOM(curNode.firstChild); curNode=curNode.nextSibling;}}
function getParam(param,list) { var reg = new RegExp(param+'\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]'); var res = reg.exec(list); var returnvar; if(res)
return res[1].replace('[[','[').replace(']]',']'); else
return '';}
mais en faisant une recherche j'ai aussi vu que l'attribut apparaissait dans une autre fonction (essayé avec et sans modif de celle-ci : NIET !!)
function moveMouse(e) { if (!ini) { scanDOM(document.body.firstChild); ini=true;}
e?evt=e:evt=event; curSrcElem=evt.target?evt.target:evt.srcElement; if ((curSrcElem!=lastSrcElem)&&(!isChild(curSrcElem,dvHdr))&&(!isChild(curSrcElem,dvBdy))){ if (!curSrcElem.boxItem) { iterElem=curSrcElem; while ((!iterElem.hasbox)&&(iterElem.parentNode))
iterElem=iterElem.parentNode; curSrcElem.boxItem=iterElem;}
iterElem=curSrcElem.boxItem; if (curSrcElem.boxItem.mesnews)
if (checkElemBO(curSrcElem.boxItem.mesnews)) { ini=false;}
if (curSrcElem.boxItem&&curSrcElem.boxItem.hasbox) { lastBoxElem=curBoxElem; curBoxElem=iterElem; if (curBoxElem!=lastBoxElem) { applyStyles(); oDv.style.visibility='visible'; if (curBoxElem.IEbugfix) {hideSelects();}
fixposx=!isNaN(curBoxElem.fixX)?Left(curBoxElem)+curBoxElem.fixX:curBoxElem.absX; fixposy=!isNaN(curBoxElem.fixY)?Top(curBoxElem)+curBoxElem.fixY:curBoxElem.absY; lockX=0; lockY=0; boxMove=true; ox=curBoxElem.offX?curBoxElem.offX:10; oy=curBoxElem.offY?curBoxElem.offY:10;}}
else if (!isChild(curSrcElem,dvHdr) && !isChild(curSrcElem,dvBdy) && (boxMove)) { if ((!isChild(curBoxElem,curSrcElem)) || (curSrcElem.tagName!='TABLE')) { curBoxElem=null; oDv.style.visibility='hidden'; showSelects();}}lastSrcElem=curSrcElem;}
else if (((isChild(curSrcElem,dvHdr) || isChild(curSrcElem,dvBdy))&&(boxMove))) { totalScrollLeft=0; totalScrollTop=0; iterElem=curSrcElem; while(iterElem) { if(!isNaN(parseInt(iterElem.scrollTop)))
totalScrollTop+=parseInt(iterElem.scrollTop); if(!isNaN(parseInt(iterElem.scrollLeft)))
totalScrollLeft+=parseInt(iterElem.scrollLeft); iterElem=iterElem.parentNode;}
boxLeft=Left(curBoxElem)-totalScrollLeft; boxRight=parseInt(Left(curBoxElem)+curBoxElem.offsetWidth)-totalScrollLeft; boxTop=Top(curBoxElem)-totalScrollTop; boxBottom=parseInt(Top(curBoxElem)+curBoxElem.offsetHeight)-totalScrollTop; doCheck();}
if (boxMove&&curBoxElem) { bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop; bodyScrollLet=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft; mouseX=evt.pageX?evt.pageX-bodyScrollLet:evt.clientX-document.body.clientLeft; mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop; if ((curBoxElem)&&(curBoxElem.windowLock)) { mouseY < -oy?lockY=-mouseY-oy:lockY=0; mouseX < -ox?lockX=-mouseX-ox:lockX=0; mouseY > (SHW()[1]-oDv.offsetHeight-oy)?lockY=-mouseY+SHW()[1]-oDv.offsetHeight-oy:lockY=lockY; mouseX > (SHW()[0]-dvBdy.offsetWidth-ox)?lockX=-mouseX-ox+SHW()[0]-dvBdy.offsetWidth:lockX=lockX;}
oDv.style.left=((fixposx)||(fixposx==0))?fixposx:bodyScrollLet+mouseX+ox+lockX+"px"; oDv.style.top=((fixposy)||(fixposy==0))?fixposy:bodyScrollTop+mouseY+oy+lockY+"px";}}
Hummmmmmmmmmmmmmm & Bouuuuuuuuuuh.... on est ptet sur la voie qd-même
Sache que j'apprécie ton aide, merci encore.
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
30 sept. 2005 à 11:56
30 sept. 2005 à 11:56
Pense à changer ausse le 'title' en 'mesnews' dans le document.write au début et réessaye.
J'ai tapé le code plus simple que je voulais proposer mais j'ai perdu le post a cause du bouton précedent :/
Si ca marche toujours pas, je retaperai le code.
Ordinastie
J'ai tapé le code plus simple que je voulais proposer mais j'ai perdu le post a cause du bouton précedent :/
Si ca marche toujours pas, je retaperai le code.
Ordinastie
Ordinastie
Messages postés
93
Date d'inscription
samedi 29 janvier 2005
Statut
Membre
Dernière intervention
17 octobre 2008
2
30 sept. 2005 à 14:09
30 sept. 2005 à 14:09
Aller, cadeau = )
[# ]
<SCRIPT language="javascript">
ejs_banurl = new Array;
.....
ejs_infobulle2[3] = "<CENTER>PHOTOGRAPHIE
G. Le Gallo </CENTER>
";
numimage = Math.round(Math.random()*(ejs_banurl.length-1));
function headerToolTip(headerClass, bodyClass, width)
{
if (ns6||ie)
{
if (typeof width != "undefined")
tipobj.style.width = width + "px";
tipobj.innerHTML = "
";
tipobj.innerHTML += ejs_infobulle[numimage];
tipobj.innerHTML += "
";
tipobj.innerHTML += "
";
tipobj.innerHTML += ejs_infobulle2[numimage];
tipobj.innerHTML += "
";
enabletip=true;
return false;
}
}
function refreshPub()
{
if(numimage == (ejs_banurl.length-1))
numimage = 0;
else
numimage++;
document.ejs_banpub.src=ejs_banimageUrl[numimage];
setTimeout("refreshPub()",5000);
}
refreshPub();
</SCRIPT>
Voila, bon, ca decone un peu avec les styles, mais ca tu pourras voir par toi même.
Petites remarques: je crois que t'as mm plus besoin du fichier boxover.js, mais comme j'ai testé vite fait, j'en suis pas sur.
Ensuite, pour les texte de bulles, pas besoin de mettre les balises html font, center, b et u car le formattage de la police est censé etre fait par le style css.
Aussi, si tu t'en sers qu'une fois de ce type d'infobulle, t'as pas besoin de laisser les noms des styles en parametre de la fonction.
J'ai gardé le onmouseover parce que j'ai pas compris ce que t'as voulu dire. Si ca pose des probleme niveau compatibilité, tu l'utilise partout de toute facon.
Voila, bon courage pour la suite =)
Ordinastie.
[# ]
<SCRIPT language="javascript">
ejs_banurl = new Array;
.....
ejs_infobulle2[3] = "<CENTER>PHOTOGRAPHIE
G. Le Gallo </CENTER>
";
numimage = Math.round(Math.random()*(ejs_banurl.length-1));
function headerToolTip(headerClass, bodyClass, width)
{
if (ns6||ie)
{
if (typeof width != "undefined")
tipobj.style.width = width + "px";
tipobj.innerHTML = "
";
tipobj.innerHTML += ejs_infobulle[numimage];
tipobj.innerHTML += "
";
tipobj.innerHTML += "
";
tipobj.innerHTML += ejs_infobulle2[numimage];
tipobj.innerHTML += "
";
enabletip=true;
return false;
}
}
function refreshPub()
{
if(numimage == (ejs_banurl.length-1))
numimage = 0;
else
numimage++;
document.ejs_banpub.src=ejs_banimageUrl[numimage];
setTimeout("refreshPub()",5000);
}
refreshPub();
</SCRIPT>
Voila, bon, ca decone un peu avec les styles, mais ca tu pourras voir par toi même.
Petites remarques: je crois que t'as mm plus besoin du fichier boxover.js, mais comme j'ai testé vite fait, j'en suis pas sur.
Ensuite, pour les texte de bulles, pas besoin de mettre les balises html font, center, b et u car le formattage de la police est censé etre fait par le style css.
Aussi, si tu t'en sers qu'une fois de ce type d'infobulle, t'as pas besoin de laisser les noms des styles en parametre de la fonction.
J'ai gardé le onmouseover parce que j'ai pas compris ce que t'as voulu dire. Si ca pose des probleme niveau compatibilité, tu l'utilise partout de toute facon.
Voila, bon courage pour la suite =)
Ordinastie.
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 20:12
30 sept. 2005 à 20:12
Super merci !!
Je teste ça ce soir ou demain matin, et je tiens au courant : on va y arriver !!
(inutile de dire que le code sera Copyright de mon inconnu du net + moi + toi !)
@+ et bon w-end
Je teste ça ce soir ou demain matin, et je tiens au courant : on va y arriver !!
(inutile de dire que le code sera Copyright de mon inconnu du net + moi + toi !)
@+ et bon w-end
feuh7
Messages postés
13
Date d'inscription
mercredi 14 septembre 2005
Statut
Membre
Dernière intervention
30 septembre 2005
30 sept. 2005 à 22:08
30 sept. 2005 à 22:08
J'ai testé et... c'est pas mal !!
Sauf que, je ne sais pas pour toi, mais les infobulles ne s'actualisent tjs pas... le progrès, c'est que maintenant qdle pointeur sort de la TV-news et revient, les infos s'actualisent et ne restent pas figés à la 1ere valeur prise par défaut. C'est déjà ça de pris ! Sinon oui, il y des pb de style.
J'avous que tu me bluffes un peu qd-même, car là, ça allège en + le chargement de la page (- de code)
Thanks !
Sauf que, je ne sais pas pour toi, mais les infobulles ne s'actualisent tjs pas... le progrès, c'est que maintenant qdle pointeur sort de la TV-news et revient, les infos s'actualisent et ne restent pas figés à la 1ere valeur prise par défaut. C'est déjà ça de pris ! Sinon oui, il y des pb de style.
J'avous que tu me bluffes un peu qd-même, car là, ça allège en + le chargement de la page (- de code)
Thanks !
