DHTML + Javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : DHTML + Javascript

Suri

Darksurious

bon, je me suis fais un pitit javascript qui scroll du text...
ca marche bien sous ie, mais le truc c qu'il faudrait que ca marche aussi sous NN6...

d'ou ma question:
ca sous IE ca donne quoi avec NN6 ??

Code :

document.all.text.style.pixelTop

ou text est un calque <DIV>
..

parce que j'ai essayé ca:

Code :

document.getElementById("text" ).style.top

mais ca marche pas

Publicité

youdontcare

ça marche chez moi

<div id='myDiv' style='position: absolute; left=-400;'>hello !</div>

<script>
document.getElementById('myDiv'.style.top = 100;
</script>

testé sous netscape 6 + une build récente de mozilla ... tu obtiens quoi avec un alert(document.getElementById('text') ? undefined ?

Suri

Darksurious

alert(document.getElementById('text')

j'obtient objet HtmlDivElement
et meme un alert (document.getElementById("text" ).style.top);
me donne la bonne valeur, le pb c que je vois pas pkoi ca marche pas...

je balance la page...

Suri

Darksurious

ca fait trop longtps que ca m'enerve ce truc!
j'ai juste remplacé le document.all de ie par le document.geteelementbyid de nn6 ... je vois pas pkoi ca marche po :-(

Code :

<HTML>
<HEAD>
<SCRIPT language="javascript">
// verification du navigateur:
function navig()
{
if (document.getElementById && !document.all )
return ('netscape5+');
else if (document.layers)
return ('netscape4');
else if (document.all)
return ('ie');
}
//SCROLLING:
var timedesc;
// aller en haut:
function move_up()
{
timedesc = setInterval("scroll_layer(0)", 100);
}
// aller en bas:
function move_down()
{
timedesc = setInterval("scroll_layer(1)", 100);
}
// arret scrolling
function scroll_stop()
{
clearInterval(timedesc);
}
function scroll_layer(flag, savetop, savebottom)
{
if (navig() == 'ie')
var tab = document.all.text.style.clip.split("rect(" )[1].split(" )" )[0].split("px" );
else if (navig() == 'netscape5+')
var tab = document.getElementById("text" ).style.clip.split("rect(" )[1].split(" )" )[0].split("px" );
var ct = tab[0];
var cr = tab[1];
var cb = tab[2];
var cl = tab[3];
var count;
if (flag == 1) //descendre
{
if (cb < 340)
{
if (navig() == 'ie')
document.all.text.style.pixelTop-=10;
else if (navig() == 'netscape5+')
document.getElementById("text" ).style.top-=10;
for (count=0; count<10; count++)
{
ct++;
cb++;
}
}
}
else // monter
{
if (navig() == 'ie')
{
if (document.all.text.style.pixelTop < ct+50)
{
document.all.text.style.pixelTop+=10;
for (count=0; count<10; count++)
{
ct--;
cb--;
}
}
}
else if (navig() == 'netscape5+')
{
if (document.getElementById("text" ).style.top < ct+50)
{
document.getElementById("text" ).style.top+=10;
for (count=0; count<10; count++)
{
ct--;
cb--;
}
}
}
}
eval("document.all.text.style.clip = 'rect(' + ct + ' ' + cr + ' ' + cb + ' ' + cl +')'" );
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#00ff00" leftmargin="5" topmargin="5" marginwidth="5" marginheight="5">
<a class="noir" onmouseover="move_down()" onmouseout="scroll_stop()">down</A><BR>
<a class="noir" onmouseover="move_up()" onmouseout="scroll_stop()">up</A>
<BR>
<DIV id="text" style="BACKGROUND-COLOR: #FFFFFF; POSITION: absolute; TOP: 50; LEFT: 132; WIDTH:600; HEIGHT:70; Z-INDEX:0; VISIBILITY:visible; clip: rect(0px 600px 100px 0px)">
<FONT class="noir_normal">1 depart<BR>2zobi c l'arrivée ici<BR>3 dqsdqsdsqdqsdqsdqsd ds qdsdqsd<br>4 fdfsdfdsfdsfdsfdsf
fdsfdsf<BR>5 fsdfsdf sdf ds fdsfdsfsgfjdsgf jhgdfj dgs jgdsjhgdsj hdsjfg jdsfgjds hgfjdshgf jhsgdfj h<BR><BR><p>gsfgfgdf
gdfgdfgdfgdfg<BR>6 fin<BR>
7 dfgdfg<BR>
8 fdgd<BR>
9 fgd<BR>
10fgfdgfgdfgdfgd<BR>
7 dfgdfg<BR>
8 fdgd<BR>
9 fgd<BR>
10fgfdgfgdfgdfgd<BR>
42!!!!end<BR> </P>
</DIV>
</BODY>
</HTML>

---------------
Suri.morkitu.org : Balades au coeur de la ville...

youdontcare

document.getElementById("text" ).style.top-=10;

ouep, c'est un des trucs que je ne pige pas des masses ... ce genre de variables CSS est stockée non pas sous forme d'entiers, mais sous forme de strings, ceci afin de permettre les '10px', '10pt', '10em', etc.

document.getElementById("text" ).style.top = parseInt(document.getElementById("text" ).style.top) - 10;

résoud le problème. j'ai testé ça rapidement, ça marche bien avec netscape 6.

Suri

Darksurious

merciiii! je vais essayer ca tout de suite...
enfin si tu dis que ca marche c cool! il me restera plus qeu NN4 !!

:bounce:

---------------
Suri.morkitu.org : Balades au coeur de la ville...

FORUM HardWare.fr

Programmation

DHTML + Javascript

Sujets relatifs
Ouvrir une fenêtre avec javascript	[PHP ou JAVASCRIPT] Raffraichir
Javascript	[Javascript] Position d'un élément sélectionné dans un TextArea
[javascript] probleme avec un cc dans un mailto	Faux popup DHTML en javascript venant d'un lien
JAVASCRIPT / DHTML : Scripts bidons SVP	[JavaScript/DHTML] Changement d'image
[DHTML-HTML-Javascript] A TOUT CEUX QUI PEUVENT M'AIDER ...	[HTML et DHTML et Javascript] pour ceux qui posent plein de questions
Plus de sujets relatifs à : DHTML + Javascript

Page générée en 0.066 secondes