Problem with Code

celticking · Jun 23, 2001

I hope someone can please help with a problem i have. Here's my code....
<head>
<SCRIPT LANGUAGE="JavaScript">
function doPic(imgName) {

if (document.images) {

document.mainpic.src = imgName;

}

}

[inline: database='itc',layout='list',operator='eq','username'=(form_param:'user'),search][records]
[inline: database='itc',layout='list' ,recordid=(recordid_value),detailed=(math_add

field:'detailed'),1),update][/inline]
var img_one = new Image();

img_one.src = "pics/[field:'pic1']";

var img_two = new Image();

img_two.src = "pics/[field:'pic2']";

var img_three = new Image();

img_three.src = "pics/[field:'pic3']";

var img_four = new Image();

img_four.src = "pics/[field:'pic4']";

function openLarge(imgName)
{
newWindow = window.open("","", "menu=false,height=500,width=600,left=50,top=20&quot

;
newWindow.document.write("<center><img src='" + imgName + "' height='500'><br> <br><input type='button' value='Close' onclick='window.close()'></center>&quot

;
}
</script>
</head>
<body>
<table width=120 height=148 border="1" cellpadding="0" cellspacing="0" bordercolor="#A82820">
<tr>
<td height="161" valign="top" colspan=4 align=center> <a href="javascript

penLarge(document.mainpic.src);"><img name="mainpic" src="pics/[field:'pic1']" width=132 height=161 border=0 lowsrc="itc_current/Mainpic"></a>
</td>
<td width="4"></td>
</tr>
<tr>
<td width="32" height="42" valign="top"> <a href="javascript:doPic('pics/[field:'pic1']');">
<img src="pics/[field:'pic1']" width=30 height=40 border=1 lowsrc="itc_current/thumb1"></a></td>
<td width="32" valign="top"> <a href="javascript:doPic('pics/[field:'pic2']');"><img src="pics/[field:'pic2']" width=30 height=40 border=1 lowsrc="itc_current/thumb2"></a></td>
<td width="32" valign="top"> <a href="javascript:doPic('pics/[field:'pic3']');"><img src="pics/[field:'pic3']" width=30 height=40 border=1 lowsrc="itc_current/thumb3"></a></td>
<td width="32"valign="top"> <a href="javascript:doPic('pics/[field:'pic4']');"><img src="pics/[field:'pic4']" width=30 height=40 border=1 lowsrc="itc_current/thumb4"></a></td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

You can see the script running if you go to

http://www.inthecredits.com/itc_detail.lasso?user=marcus

In IE 5.5 it runs correct, though they're may be a script error with an earlier version? The big problem is viewing with Netscape, none of the pics show. Even the enlarge button won't show. If i click on the main broken image, the popup appears with the full size picture correctly. I'm really stuck with this.

Thanks.

tleish · Jun 25, 2001

There are a few problems:

1. Netscape doesn't support the "lowsrc" property of an img tag and for some reason doesn't render the image when lowsrc is used in the tag, so take this out.

2. Netscape doesn't support any type of form buttons that are not surrounded by the form tags <FORM></FORM>, even if it's just a button to open or close a window, it needs the form tags to show in NS.

Here's my version of your code:

<html>

<head>

<title>InTheCredits Details</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REL=STYLESHEET TYPE="text/css" HREF="itc_layout/itc-layout.css">
<SCRIPT LANGUAGE="JavaScript">

var winH = 480, winW = 320;

function doPic(imgName,width,height){
document.mainpic.src = imgName;
winW = width;
winH = height;
}

function openLarge(imgName){
var w = open('about:blank', 'windowName','width='+winW+',height='+winH+'');
var html = '';
html = '<HTML><BODY MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0" ONLOAD="window.focus()" ONBLUR="window.close();"><DIV ALIGN="center"><IMG SRC="'+imgName+'"></DIV><\/BODY><\/HTML>';
w.document.open();
w.document.write(html);
w.document.close();
}

</SCRIPT>

</head>

<body bgcolor="#FFFFFF" text="#000000" link="#FF0000" vlink="#CC00CC">

<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" height="644" width="760">
<tr>
<td width="1" height="91"></td>
<td width="9"></td>
<td width="19"></td>
<td valign="top" colspan="2" rowspan="2"><img src="itc_art/logo.gif" width="144" height="104"></td>
<td width="10"></td>
<td width="2"></td>
<td valign="top" colspan="9">
<div align="center"> <span style="font-size: medium">Scott
Drake</span> <br>
Hey, I helped with the site too!! </div>
</td>
<td width="1"></td>
<td width="5"></td>
<td width="7"></td>
<td width="40"></td>
<td width="41"></td>
</tr>
<tr>
<td height="13"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width="43"></td>
<td width="70"></td>
<td width="41"></td>
<td width="66"></td>
<td width="47"></td>
<td width="1"></td>
<td width="77"></td>
<td width="66"></td>
<td width="70"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
<td width="138"></td>
<td width="6"></td>
<td></td>
<td colspan="8" rowspan="2" valign="top">
<div align="left"><strong>Username: </strong>Marcus</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="11"></td>
<td></td>
<td></td>
<td colspan="2" rowspan="12" valign="top">
<table width=120 height=148 border="1" cellpadding="0" cellspacing="0" bordercolor="#A82820">
<tr>
<td height="161" valign="top" colspan=4 align=center> <a href="javascript

penLarge(document.mainpic.src);"><img name="mainpic" src="pics/Marcus1.jpg" width=132 height=161 border=0></a>
</td>
<td width="4"></td>
</tr>
<tr>
<td width="32" height="42" valign="top"> <a href="javascript:doPic('pics/Marcus1.jpg',320,480);">
<img src="pics/Marcus1.jpg" width=30 height=40 border=1></a></td>
<td width="32" valign="top"> <a href="javascript:doPic('pics/Marcus2.jpg',320,480);"><img src="pics/Marcus2.jpg" width=30 height=40 border=1></a></td>
<td width="32" valign="top"> <a href="javascript:doPic('pics/Marcus3.jpg',160,193);"><img src="pics/Marcus3.jpg" width=30 height=40 border=1></a></td>
<td width="32"valign="top"> <a href="javascript:doPic('pics/Marcus4.jpg',150,200);"><img src="pics/Marcus4.jpg" width=30 height=40 border=1></a></td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="21"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" valign="top"><strong>Age:</strong> 30</td>
<td></td>
<td></td>
<td colspan="8" rowspan="2" valign="top"><strong>Eyes:</strong> Hazel Brown</td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="25"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" valign="top"><strong>Sex:</strong> Male</td>
<td></td>
<td></td>
<td colspan="8" valign="top"><strong>Skin:</strong> White</td>
<td></td>
</tr>
<tr>
<td height="26"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td></td>
<td colspan="5" valign="top"><strong>Height:</strong> 67 inches</td>
<td></td>
<td colspan="8" valign="top"><strong>Build:</strong> Thin</td>
<td></td>
</tr>
<tr>
<td height="23"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td></td>
<td colspan="5" valign="top"><strong>Weight:</strong> 140 Lbs</td>
<td></td>
<td colspan="8" valign="top"><strong>Ethnicity:</strong> Caucasian</td>
<td></td>
</tr>
<tr>
<td height="23"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td></td>
<td colspan="6" valign="top"><strong>Hair Length:</strong> Short Straight</td>
<td></td>
<td colspan="7" valign="top"><strong>Hair Color:</strong> Brown</td>
<td></td>
</tr>
<tr>
<td height="35"></td>
<td colspan="3" rowspan="11" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="6" height="52"></td>
<td width="29"></td>
<td width="103" valign="top">
<FORM>
<div align="left">
<input type="button" value="Enlarge" onClick="openLarge(document.mainpic.src)"
name="button">
<br>
</div>
</FORM>
</td>
<td width="12"></td>
<td width="16"></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="131"></td>
<td colspan="3" valign="top">
<form method="post" action="itc_message_post.lasso?to=Marcus"
onSubmit="window.open('','results','width=600,height=300,left=5,top=0,status,scrollbars=no,resizable')" target="results">
<div align="center">
<input type="submit" name="Submit" value="Contact Me">
</div>
<br>
<div align="center"><font size="2">You must log in before sending
messages.<br>
<a href="itc_login.lasso" target="_blank">Click Here to Log In.</a></font></div>
</form>
</td>
<td></td>
</tr>
<tr>
<td height="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td colspan="11" valign="top">
<p><strong>Skills:<br>
</strong>Actor - 4
years<br>
Carpentry - 4
years<br>
Screenwriter - 6
years<br>
Prod. Assist. - 1
years </p>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="8" valign="top"> </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td colspan="11" valign="top"><strong>Guilds:</strong> </td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td colspan="11" valign="top"><strong>Languages:</strong> English,
some Spanish</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td></td>
<td></td>
<td colspan="11" valign="top"><strong>Accents:</strong> Mexican,
Scottish, British</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="16"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="193"></td>
<td></td>
<td colspan="7" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1" height="4"></td>
<td width="172"></td>
<td width="10"></td>
<td width="96"></td>
<td width="9"></td>
</tr>
<tr>
<td colspan="4" height="36" valign="top"><span style="font-size:medium"><strong>My
Location:</strong></span></td>
<td></td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" height="20" valign="top"><b>City:</b> El Paso</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td colspan="2" valign="top"><b>State:</b> Texas</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="24" colspan="3" valign="top"><b>Country:</b> USA</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="20" colspan="4" valign="top"><a href="

http://www.inthecredits.com"> My

WebSite</a></td>
<td></td>
</tr>
<tr>
<td height="17"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
<td></td>
<td></td>
<td colspan="4" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="191" height="11"></td>
</tr>
<tr>
<td valign="top" height="20"><b>Areas Willing to travel to:-</b></td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td height="20" valign="top">Arizona</td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td height="20" valign="top">New Mexico</td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td height="20" valign="top">Texas</td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td height="20" valign="top">New York</td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td height="20" valign="top">California</td>
</tr>
<tr>
<td height="12"></td>
</tr>
</table>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="18"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="219"></td>
<td colspan="18" valign="top">
<table width="100%" border="1" bordercolor="#000000">
<tr bgcolor="#A82820">
<td valign="top" height="40" colspan="5">
<div align="center"><b><font size="5" color="#FFFFFF">Experience</font></b></div>
</td>
</tr>
<tr bgcolor="#A82820">
<td height="23" width="145" valign="top"><font color="#FFFFFF">Production</font></td>
<td valign="top" width="140"><font color="#FFFFFF">Company</font></td>
<td valign="top" width="115"><font color="#FFFFFF">Part/Title</font></td>
<td width="145"><font color="#FFFFFF">Type of Production</font></td>
<td width="99"><font color="#FFFFFF">Year</font></td>
</tr>
<tr>
<td height="23" valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="23" valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="23" valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="23" valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="23" valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="21"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="69"></td>
<td colspan="13" valign="top">
<p><b>Special Skills: </b>juggle, gymnastics, martial arts</p>
<p> <b>Equipment: </b> </p>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="71"></td>
<td colspan="17" valign="top">
<form>
<div align="center">
<input type=button value="Close Window" onClick="javascript:window.close();" name="button2">
</div>
</form>
</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="325"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p></p>

<p></p>

</body>

</html>
- tleish

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Problem with Code

celticking

Technical User

tleish

Programmer

Similar threads

Part and Inventory Search

Sponsor