Bonjour,
encore en plein phase de débogage du site je me retrouve confronté à un nouveau problème ou plutôt deux !
Mon premier problème qui concernait le innerHTML sous IE a été résolu.
Merci !
Et mon deuxième problème est le suivant j'ai mes codes javascript pour mettre en place la galerie d'image défilante mais aussi le système de news pour la page d'accueil, et mon problème est le suivant. Si je mets le doctype en en-tête mes images de la galerie javascript n'aparaissent pas mais par contre le javascript doit surement être actif car en ouvrant Firebug et en plaçant mon curseur de la souris sur les DIV devant contenir les images je vois un cadre bleu qui se deplace, donc le défilement en lui même fonctionne je pense.
J'ai donc effectué quelques recherches et j'ai pu lire quelque chose comme MODE QUIRCKS ou quelque chose du genre.
Qu'est ce que c'est exactement ?
Comment résoudre ce problème de galerie qui disparait lorsque j'inscrit mes doctypes, car si j'enlève les doctypes, pas de problème, la galerie s'affiche correctement.
slide.js
imageslide_accueil.js
Merci d'avance.
Arnaud S.
Modifié par bibi-arnaud (23 Jul 2008 - 11:46)
encore en plein phase de débogage du site je me retrouve confronté à un nouveau problème ou plutôt deux !


Mon premier problème qui concernait le innerHTML sous IE a été résolu.

Et mon deuxième problème est le suivant j'ai mes codes javascript pour mettre en place la galerie d'image défilante mais aussi le système de news pour la page d'accueil, et mon problème est le suivant. Si je mets le doctype en en-tête mes images de la galerie javascript n'aparaissent pas mais par contre le javascript doit surement être actif car en ouvrant Firebug et en plaçant mon curseur de la souris sur les DIV devant contenir les images je vois un cadre bleu qui se deplace, donc le défilement en lui même fonctionne je pense.
J'ai donc effectué quelques recherches et j'ai pu lire quelque chose comme MODE QUIRCKS ou quelque chose du genre.
Qu'est ce que c'est exactement ?
Comment résoudre ce problème de galerie qui disparait lorsque j'inscrit mes doctypes, car si j'enlève les doctypes, pas de problème, la galerie s'affiche correctement.
slide.js
var sliderwidth="50px"
var sliderheight="120px"
var slidespeed=1
slidebgcolor="00OO00"
var finalslide=''
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup()
{
if (iedom)
{
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+4+"px"
}
else if (document.layers)
{
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+4
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
addLoadEvent(fillup);
function slideleft()
{
if (iedom)
{
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+0))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+4+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+0))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+4+"px"
}
else if (document.layers)
{
if (ns_slide.left>(actualwidth*(-1)+0))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+4
if (ns_slide2.left>(actualwidth*(-1)+0))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+4
}
}
if (iedom||document.layers)
{
with (document)
{
if (iedom)
{
write('<table width=680 align=center border=0 id="cinesearch"><tr><td>')
write('<div style="position:relative;top:1px;left:-1px;width:100%;height:1;" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div style="position:absolute;top:305px;left:-2px;width:100%;height:170;overflow:hidden;">')
write('<div id="test2" style="position:absolute;width:100%;left:-1px;top:1px"></div>')
write('<div id="test3" style="position:absolute;width:100%;left:-1000px;top:1px"></div></div></div>')
write('</td></tr></table>')
}
else if (document.layers)
{
}
}
}
imageslide_accueil.js
// JavaScript Document
var leftrightslide = new Array();
leftrightslide[0] ='<IMG src="images/diapo/accueil/1.png" border=1 alt="Accueil Agence Graphique Marquage Textile Objets pub Design"/>';
leftrightslide[1] ='<IMG src="images/diapo/accueil/2.png" border=1 alt="Accueil Agence Graphique Marquage Textile Objets pub Design"/>';
leftrightslide[2] ='<IMG src="images/diapo/accueil/3.png" border=1 alt="Accueil Agence Graphique Marquage Textile Objets pub Design"/>';
leftrightslide[3] ='<IMG src="images/diapo/accueil/4.png" border=1 alt="Accueil Agence Graphique Marquage Textile Objets pub Design"/>';
leftrightslide[4] ='<IMG src="images/diapo/accueil/5.png" border=1 alt="Accueil Agence Graphique Marquage Textile Objets pub Design"/>';
Merci d'avance.
Arnaud S.
Modifié par bibi-arnaud (23 Jul 2008 - 11:46)