Javascript werkt alleen in IE, bij andere browsers werkt ie niet......

Status
Niet open voor verdere reacties.
D

dolean

Gebruiker
Lid geworden
4 okt 2010
Berichten
11
Hoi allemaal,

Ook ik heb ergens een script vandaan geplukt. In IE doet hij het geweldig echter in andere browsers werkt hij gewoon niet. Ik kan er zelf niet achter komen wat er fout is. Misschien kunnen jullie eens een kijkje nemen en zien wat er mis is???

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<!--
..........
URL: http://www..........
E-mail: info@...........
Gehele of gedeeltelijke overname, plaatsing op andere sites, verveelvoudiging op welke andere wijze dan ook, particulier en/of
commercieel gebruik, alleen na toestemming van de auteur.
-->
<script language="JavaScript" type="text/JavaScript">
<!-- Beginning of JavaScript -
var textwidth=260
var textheight=60
var message=new Array()
message[0]="..... ........"
message[1]="..... ........."
message[2]="......"
message[3]="............."
var messageurl=new Array()
messageurl[0]="#"
messageurl[1]="#"
messageurl[2]="#"
messageurl[3]="#"
var messagebg=new Array()
messagebg[0]="#A0A0A4"
messagebg[1]="#808080"
messagebg[2]="#A0A0A4"
messagebg[3]="#808080"
var x_finalpos=780
var y_finalpos=95
var x_slices=1
var y_slices=1
var pause=2700
// Do not change the variables below
var xy_slices=x_slices*y_slices
var randomorder=new Array()
for (i=0;i<=xy_slices-1;i++) {
randomorder=i
}

var speed=10
var i_messages=0
var width_slice=Math.floor(textwidth/x_slices)
var height_slice=Math.floor(textheight/y_slices)

var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0
var x_random=new Array()
var y_random=new Array()

function checkbrowser() {
if (document.all) {
initiate()
}
if (document.layers) {
rotatenetscape()
}
}

function initiate() {
if (document.all) {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
thisspan.posLeft=x_finalpos
thisspan.posTop=y_finalpos
thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright+=width_slice
spancounter++
}
clipleft=0
clipright=width_slice
cliptop+=height_slice
clipbottom+=height_slice
}
for (i=0;i<=xy_slices-1;i++) {
var thisspan=eval("span"+i)
thisspan.innerHTML="<a href='"+messageurl[i_messages]+"' target='_blank'>"+message[i_messages]+"</a>"
}
var timer=setTimeout("changemessage()",pause)
}
}

function dissolvemessage() {
if (i_loop<=xy_slices-1) {
var thisspan=eval("span"+randomorder[i_loop])
thisspan.innerHTML="<a href='"+messageurl[i_messages]+"' target='_blank'>"+message[i_messages]+"</a>"
thisspan.style.backgroundColor=messagebg[i_messages]
i_loop++
var timer=setTimeout("dissolvemessage()",speed)
}
else {
clearTimeout(timer)
var timer=setTimeout("changemessage()",pause)
}
}

function changemessage() {
getrandomorder(xy_slices)
i_loop=0
i_messages++
if (i_messages>=message.length) {i_messages=0}
dissolvemessage()
}

function getrandomorder(range) {
for (i=0;i<=range;i++) {
var firstvalue= Math.floor(range*Math.random())
var secondvalue= Math.floor(range*Math.random())
var cachevalue=randomorder[firstvalue]
randomorder[firstvalue]=randomorder[secondvalue]
randomorder[secondvalue]=cachevalue
}
}

function rotatenetscape() {
document.imgcontainer1.document.write("<table width="+textwidth+" height="+textheight+"><tr><td bgcolor="+messagebg[i_messages]+" cellpadding=2 cellspacing=2 align=center><span id='imgcontainer2' class='messageboxNN'><a href='"+messageurl[i_messages]+"' target='_blank'>"+message[i_messages]+"</a></span></td></tr></table>")
document.imgcontainer1.document.close()
i_messages++
if (i_messages>message.length-1) {i_messages=0}
var timer=setTimeout("rotatenetscape()",pause)
}

// - End of JavaScript - -->
</script>
<style>
A {
color : white;
text-decoration : none
}
A:hover {
color : white;
text-decoration : none
}
.messagebox {
position: static;
font-size : 13pt;
font-family : Corbel;
font-weight : bold;
color : white;
border-width : 5px;
border-color:white;
background-color : #A0A0A4;
border-style : solid;
text-align : center;
padding : 5px;
height : 50px;
width : 300px;
}

.messageboxNN {
position:static;
font-size : 10pt;
font-family : Corbel;
font-weight : bold;
color : white;
border-color:white;

}
</style>
<title>....... contactgegevens</title>
<meta name="keywords" content="keyword 1, keyword 2, kewyord 3">
<meta name="description" content="Contactgegevens ..........">
<meta name="robots" content="All">
<meta name="language" content="Nederlands">
<meta name="Author" content=".........">
<meta name="Title" content="........">
<link rel="stylesheet" type="text/css" href="basis.css" />
</head>
<body bgcolor="#000000" text="#00FF00" link="#FF9933" alink="#000000" vlink="#FFFF00" onLoad="checkbrowser()">
<script>
<!-- Beginning of JavaScript -
if (document.all) {
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
document.write("<div id='span"+spancounter+"' class='messagebox'>")
document.write("</div>")
spancounter++
}
}
}

if (document.layers) {
document.write("<div id='imgcontainer1' class='messagebox'>")
document.write("</div>")
document.close()
document.imgcontainer1.left=x_finalpos
document.imgcontainer1.top=y_finalpos
}
// - End of JavaScript - -->
</script>
<div id="kader">
<div id="kop">
</div>
<div id="hulsrechts">
<div id="hoofdvak">
<h1>Contact</h1>
<p>..........<br>
..........<br>
...............<br>
................<br>
Tel: ............<br>
Gsm:............<br>
.......@...........nl<br>
<a href="mailto:info@.......nl">info@.........nl</a><br>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</div>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="wiezijnwij.html">Wie zijn wij</a></li>
<li><a href="projecten.html">Projecten</a></li>
<li><a href="fotos.html">Foto's</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

<div id="voet">
<a>&copy 2010 ........</a>
</div>
</div>
</body>
</html>
 
Wat er mis is? Nou, dat kan ik je wel vertellen: dit script is minstens 5 jaar oud, of is geschreven door iemand die er niet zoveel van af weet. Het gebruikt dingen als eval() en document.all.

De oplossing is simpel; zoek een nieuw script. Ik weet niet precies wat er moet gebeuren, maar voor een image rotator is dit nogal moeilijk doen (het script, niet het zoeken).
 
javascript werkt prima in IE, andere browsers niet

Hey,
Ik dacht al dat het aan het script lag alleen wist ik niet waar ik moest beginnen om hem werkend te krijgen! ik moet een banner hebben die iedere keer een andere boodschap weer geeft. heb je een idee waar ik die vandaan kan halen?
Thx voor de moeite. ik krijg inmiddels vierkante ogen!
Gr. Do
 
Je zoekt een banner roation script? Even uit een oud topic gehaald:
[JS]
var imgs = [
'./sponsors/hfdsponsors/combilogo_Gust.jpg',
'./sponsors/hfdsponsors/morgenzonneke.jpg',
'./sponsors/hfdsponsors/cofely.jpg',
'./sponsors/hfdsponsors/ccalcutta.jpg',
'./sponsors/hfdsponsors/optinuyt.jpg',
'./sponsors/hfdsponsors/eltic.jpg'
];

var index = 0;
var len = imgs.length;
var con = document.getElementById('banner');

function rotate()
{
index = (++index) % len;
con.src = imgs[index];
}

setInterval(rotate, 2500); // om de 2,5 seconde nieuw plaatje[/JS]
HTML: 
<img id='banner' src='eersteplaatje.jpg' alt='banner' />


:thumb:
 
javascript......

thx voor de moeite! ik ga aan de slag.
Gr. Do.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan