Marquee en FireFox
<tr>
<td>
<div align="left">
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=360 height=120>
<img src="images/newicon.gif" width="17" height="13" /> <a href="forum/forum.php">[07.02] Eerste trial-versie van forum online</a><br />
<img src="images/newicon.gif" width="17" height="13" /> [07.02] Nieuws online<br />
<img src="images/newicon.gif" width="17" height="13" /> [07.02] Layout toegevoegd<br />
<img src="images/newicon.gif" width="17" height="13" /> <a href="http://www.bandanaguild.pandela.net">[07.02] BandanaGuild Online!</a>
</marquee>
</div></td>
</tr>
</table>
Ik probeer dit stukje tekst van onderen naar boven te laten scrollen. Maar dit lukt alleen met IE. Wanneer ik mn site open met FireFox, dan gebeurt er niet.
URL: Http://bandanaguild.pandela.net
Edit:
Verplaatst naar Webdesign gezien het niet veel met php te maken heeft.
Verplaatst naar Webdesign gezien het niet veel met php te maken heeft.
Gewijzigd op 01/01/1970 01:00:00 door Rhynix
Firefox geeft geen ondersteuning aan <marquee>.
Hoe kan ik dit oplossen zodat dit toch zichtbaar is met FireFox?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<script language="JavaScript1.2">
// Distributed by http://www.hypergurl.com
// Scrollers width here (in pixels)
var scrollerwidth="350px"
// Scrollers height here
var scrollerheight="80px"
// Scrollers speed here (larger is faster 1-10)
var scrollerspeed=1
// Scrollers content goes here! Keep all of the message on the same line!
var scrollercontent
var scroller = new Array()
scroller[0]='<font face="Arial" color="#d7b929" size="2">Wij zoeken constant naar, goede Campers voor, verkoop en verhuur.</font><br /><br /><br />'
scroller[1]='<font face="Arial" color="#d7b929" size="3">Lees hier ook wanneer er speciale openingsdagen zijn!</font><br /><br /><br />'
scroller[2]='<font face="Arial" color="#d7b929" size="2">Wij zoeken constant naar, goede Campers voor, verkoop en verhuur.</font><br /><br /><br />'
scrollercontent = scroller[0] + scroller[1] + scroller[2];
var pauseit=1
// Change nothing below!
scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0
function populate()
{
if (iedom)
{
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
}
else if (document.layers)
{
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+8
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
}
lefttime=setInterval("scrollscroller()",50)
}
window.onload=populate
function scrollscroller(){
if (iedom)
{
if (parseInt(cross_scroller.style.top)>(actualheight*(-1)+8))
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px"
else
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
}
else if (document.layers)
{
if (ns_scroller.top>(actualheight*(-1)+8))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+8
}
}
if (iedom||document.layers)
{
with (document)
{
if (iedom)
{
write('<div style="position:absolute;top:37px;left:57px;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden; " onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:415px;width:100%;z-index:3">')
write('</div></div>')
}
}
}
</script>
// Distributed by http://www.hypergurl.com
// Scrollers width here (in pixels)
var scrollerwidth="350px"
// Scrollers height here
var scrollerheight="80px"
// Scrollers speed here (larger is faster 1-10)
var scrollerspeed=1
// Scrollers content goes here! Keep all of the message on the same line!
var scrollercontent
var scroller = new Array()
scroller[0]='<font face="Arial" color="#d7b929" size="2">Wij zoeken constant naar, goede Campers voor, verkoop en verhuur.</font><br /><br /><br />'
scroller[1]='<font face="Arial" color="#d7b929" size="3">Lees hier ook wanneer er speciale openingsdagen zijn!</font><br /><br /><br />'
scroller[2]='<font face="Arial" color="#d7b929" size="2">Wij zoeken constant naar, goede Campers voor, verkoop en verhuur.</font><br /><br /><br />'
scrollercontent = scroller[0] + scroller[1] + scroller[2];
var pauseit=1
// Change nothing below!
scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0
function populate()
{
if (iedom)
{
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
}
else if (document.layers)
{
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+8
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
}
lefttime=setInterval("scrollscroller()",50)
}
window.onload=populate
function scrollscroller(){
if (iedom)
{
if (parseInt(cross_scroller.style.top)>(actualheight*(-1)+8))
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px"
else
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
}
else if (document.layers)
{
if (ns_scroller.top>(actualheight*(-1)+8))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+8
}
}
if (iedom||document.layers)
{
with (document)
{
if (iedom)
{
write('<div style="position:absolute;top:37px;left:57px;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden; " onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:415px;width:100%;z-index:3">')
write('</div></div>')
}
}
}
</script>
Werkt in iedergeval met FF en IE6
Gewijzigd op 01/01/1970 01:00:00 door Danny Roelofs