Javascript that does not work on Mac

**danny1** · 09-17-2009, 03:08 PM

Hi everyone, I am coding an internet page where I want to scroll images with "prev" and "next" buttons. I use Javascript there and the scrolling functions well on PC but not on Mac. Can anyone help me to find out what is wrong with the code? Thanks. Here is the code:

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

<head>
<title>Gunilla Nadler, Läs poesibok</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<meta name="robots" content="all">
<meta name="keywords" content="Gunilla Nadler, poesi">

<link REL="stylesheet" href="docs/css/rules_ie.css" TYPE="text/css">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<base target="contents">

<script language="JavaScript" type="text/JavaScript">
var myImg= new Array(8)
myImg[0]= "poesi_sid1";
myImg[1]= "poesi_sid2";
myImg[2]= "poesi_sid3";
myImg[3]= "poesi_sid4";
myImg[4]= "poesi_sid5";
myImg[5]= "poesi_sid6";
myImg[6]= "poesi_sid7";
myImg[7]= "poesi_sid8";

myImgSrc = "docs/images/";
myImgEnd = ".jpg"
var i = 0;
function loadImg(){
document.imgSrc.src = myImgSrc + myImg[i] + myImgEnd;
}

function prev(){
if(i<1){
var l = i
} else {
var l = i-=1;
}
document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
}

function next(){

if(i>6){
var l = i
} else {
var l = i+=1;
}
document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
}

window.onload=loadImg;

</script>

</head>

<body bgColor="#FFFFFF" leftMargin="0" topMargin="0" marginheight="0" marginwidth="0">

<table width="100%" border="0" cellspacing=20 cellpadding=1">
<tr>
<td width=705 height="436">
<div style="width:400px; height:300px; margin: auto;">
<img name="Picture" id="imgSrc">

</div>
</td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000; width:710; margin: auto;">
<tr>
<td width="92" height="27"></td>
<td class="textmeny3" width="705" height="27" align=center >
<input type="button" value="föregående" onClick="prev();"> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 
<input type="button" value="nästa" onClick="next();">
</td>
</tr>
</table>

</body>
</html>

**scragar** · 09-17-2009, 06:33 PM

Please edit that to use [code] tags around your code like this [/code] which will make it much easier to read.

And your problem is that your code doesn't work with any valid browser, use document.getElementById('ID') to select an element based on it's ID, not the IE only not even close to standardised document.ID

And do you really need that many non-breaking spaces? Couldn't you just add some margins, or float an element, or(and I hate myself for suggesting it) use more than one table cell(Tables shouldn't be used for layouts BTW).

**danny1** · 09-18-2009, 02:37 AM

Hi scragar, thanks for your help. Please tell me how exactly you would code in my case - I have tried with:

document.getElementById("imgSrc").innerHTML = myImgSrc + myImg[i] + myImgEnd;

but it does not work.

Thanks in advance.

Thread: Javascript that does not work on Mac

Thread Tools

Display

Javascript that does not work on Mac

Thanks scragar

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions