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!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE 8 Image swap Gallery 1

Status
Not open for further replies.

janeybad

IS-IT--Management
Sep 28, 2008
26
0
0
GB
The below code seems to work in all browsers, apart from IE. Please, please can anyone help.

Code:
<?php require_once('conn.php'); ?>
<?php 

$sqp="select * from data_tb where dbid='".$_REQUEST['id']."'";
$resp=mysql_query($sqp);
if(!$resp)
{
die('error in data');
}
$rwp=mysql_fetch_array($resp);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Adams Letting Agents | Homepage</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
}
.hdt_text {
	color: #FFF;
}
.hdt_text {
	font-size: 14px;
}
.hdt_text {
	font-size: 24px;
}
.ita {
	font-style: italic;
}
.ari {
	font-family: Arial, Helvetica, sans-serif;
	color: #6C1035;
	font-size: 14px;
	font-weight: bold;
}
.new_hea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #6C1035;
}
.pag {
	font-family: Arial, Helvetica, sans-serif;
}
.pag {
	font-size: 12px;
}
.pbl {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.pag .pag {
	color: #666;
}
.pag1 {	font-family: Arial, Helvetica, sans-serif;
}
.pag1 {	font-size: 12px;
	color: #666;
}
a:link {
	color: #6C1035;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C89094;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.hdt_text1 {	color: #FFF;
}
.hdt_text1 {	font-size: 16px;
}
.hdt_text1 {	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
-->
</style>
<script type="application/javascript" language="javascript">
function bigimg(value)
{
	document.getElementById("plswt").innerHTML="Please Wait...";
	document.getElementById("item_img").src=value;
	document.getElementById("plswt").style.display="none";
}
</script>
</head>

<body>
<table width="99%" height="1058" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="10%" height="92" align="center" bgcolor="#6c1035">&nbsp;</td>
    <td width="57%" nowrap="nowrap" bgcolor="#6c1035"><img src="pics/test_nav.jpg" width="238" height="65" /></td>
    <td width="28%" align="center" bgcolor="#6C1035" class="hdt_text"><span class="hdt_text1">Call us <span class="ita">now</span> on 01202 520600</span></td>
    <td width="5%" bgcolor="#6c1035">&nbsp;</td>
  </tr>
  <tr>
    <td height="19" bgcolor="#ede7e7">&nbsp;</td>
    <td nowrap="nowrap" bgcolor="#ede7e7" class="ari"><a href="index.php">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="landlords.php">LANDLORDS</a>&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="tenants.php">TENANTS</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="students.php">STUDENTS</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="properties.php">PROPERTIES</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="about.php">ABOUT US</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="contact_us.php">CONTACT US</a></td>
    <td align="center" bgcolor="#ede7e7" class="pbl"><u>LOGIN</u></td>
    <td bgcolor="#ede7e7">&nbsp;</td>
  </tr>
  <tr>
    <td height="19" bgcolor="#c89094">&nbsp;</td>
    <td nowrap="nowrap" bgcolor="#c89094">&nbsp;</td>
    <td bgcolor="#c89094">&nbsp;</td>
    <td bgcolor="#c89094">&nbsp;</td>
  </tr>
  <tr>
    <td height="23">&nbsp;</td>
    <div>
    <td class="pag"><p><span class="new_hea">Property Details</span></p></td></div>
    <td rowspan="3" valign="top"><table width="430" height="573" border="0">
      <tr>
        <td width="83" height="60">&nbsp;</td>
        <td width="337" class="ari">Resources for properties</td>
      </tr>
      <tr>
        <td height="28">&nbsp;</td>
        <td class="pag1">Flats in Bournemouth<br /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Flats in Poole</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Houses in Bournemouth</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Houses in Poole</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Student Accommodation</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Studios</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Rooms in Shared Accommodation</td>
      </tr>
      <tr>
        <td height="213">&nbsp;</td>
        <td class="pag1"><img src="pics/valuation.jpg" width="232" height="211" border="0" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">&nbsp;</td>
      </tr>
    </table></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="348">&nbsp;</td>
    <td valign="top"><table width="100%" height="341" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30%" height="341" align="left" valign="top"><table width="90%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <?php if ($rwp['MEDIA_IMAGE_00'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_00'];?>" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;"/></td>
        <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_01'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_01'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_02'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_02'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
      </tr>
      <tr>
      <td height="2" colspan="4"></td>
      </tr>
      <tr>
      <?php if ($rwp['MEDIA_IMAGE_03'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_03'];?>" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_04'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_04'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_05'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_05'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
      </tr>
      <tr>
      <td height="2" colspan="4"></td>
      </tr>
      <tr>
      <?php if ($rwp['MEDIA_IMAGE_06'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_06'];?>" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_07'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_07'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_08'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_08'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
      </tr>
      <tr>
      <td height="2" colspan="4"></td>
      </tr>
      <tr>
      <?php if ($rwp['MEDIA_IMAGE_60'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_60'];?>" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <?php if ($rwp['MEDIA_IMAGE_TEXT_60'] != ""){ ?>
        <td align="left" valign="top"><img src="images/<?php echo $rwp['MEDIA_IMAGE_TEXT_60'];?>" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
         <?php } ?>
        <td align="left" valign="top">&nbsp;</td>
      </tr>
    </table></td>
    <td align="left" valign="top">
     <div id="plswt"></div>
     <img id="item_img" src="images/<?php echo $rwp['MEDIA_IMAGE_00'];?>" width="386" height="318" /></td>
  </tr>
</table>
</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="557">&nbsp;</td>
    <td valign="top"><table width="719" height="447" border="0">
      <tr>
        <td colspan="2" valign="top"><p class="pag1">
		<?php echo $rwp['DESCRIPTION'];?>
		 <br />
           FEATURES:<br />
            <?php echo $rwp['FEATURE1'];?><br />
            <?php echo $rwp['FEATURE2'];?><br />
			<?php echo $rwp['FEATURE3'];?><br />
			<?php echo $rwp['FEATURE4'];?><br />
			<?php echo $rwp['FEATURE5'];?><br />
			<?php echo $rwp['FEATURE6'];?><br />
			<?php echo $rwp['FEATURE7'];?><br />
			<?php echo $rwp['FEATURE8'];?><br />
			<?php echo $rwp['FEATURE10'];?><br />
          <?php echo $rwp['AGENT_REF'];?></p></td>
        <td width="332" valign="top">&nbsp;</td>
      </tr>
    </table>      <p>&nbsp;</p></td>
    <td>&nbsp;</td>
  </tr>
</table>

<map name="Map" id="Map">
  <area shape="rect" coords="7,6,231,156" href="hometest/prop_information.php" />
</map>
</body>
</html>

Below is the HTML code produced by the code in IE 8, works in opera 10.0.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Adams Letting Agents | Homepage</title>
<style type="text/css"> 
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
}
.hdt_text {
	color: #FFF;
}
.hdt_text {
	font-size: 14px;
}
.hdt_text {
	font-size: 24px;
}
.ita {
	font-style: italic;
}
.ari {
	font-family: Arial, Helvetica, sans-serif;
	color: #6C1035;
	font-size: 14px;
	font-weight: bold;
}
.new_hea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #6C1035;
}
.pag {
	font-family: Arial, Helvetica, sans-serif;
}
.pag {
	font-size: 12px;
}
.pbl {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.pag .pag {
	color: #666;
}
.pag1 {	font-family: Arial, Helvetica, sans-serif;
}
.pag1 {	font-size: 12px;
	color: #666;
}
a:link {
	color: #6C1035;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C89094;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.hdt_text1 {	color: #FFF;
}
.hdt_text1 {	font-size: 16px;
}
.hdt_text1 {	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
-->
</style>
<script type="application/javascript" language="javascript"> 
function bigimg(value)
{
	document.getElementById("plswt").innerHTML="Please Wait...";
	document.getElementById("item_img").src=value;
	document.getElementById("plswt").style.display="none";
}
</script>
</head>
 
<body>
<table width="99%" height="1058" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="10%" height="92" align="center" bgcolor="#6c1035">&nbsp;</td>
    <td width="57%" nowrap="nowrap" bgcolor="#6c1035"><img src="pics/test_nav.jpg" width="238" height="65" /></td>
    <td width="28%" align="center" bgcolor="#6C1035" class="hdt_text"><span class="hdt_text1">Call us <span class="ita">now</span> on 01202 520600</span></td>
    <td width="5%" bgcolor="#6c1035">&nbsp;</td>
  </tr>
  <tr>
    <td height="19" bgcolor="#ede7e7">&nbsp;</td>
    <td nowrap="nowrap" bgcolor="#ede7e7" class="ari"><a href="index.php">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="landlords.php">LANDLORDS</a>&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="tenants.php">TENANTS</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="students.php">STUDENTS</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="properties.php">PROPERTIES</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="about.php">ABOUT US</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="contact_us.php">CONTACT US</a></td>
    <td align="center" bgcolor="#ede7e7" class="pbl"><u>LOGIN</u></td>
    <td bgcolor="#ede7e7">&nbsp;</td>
  </tr>
  <tr>
    <td height="19" bgcolor="#c89094">&nbsp;</td>
    <td nowrap="nowrap" bgcolor="#c89094">&nbsp;</td>
    <td bgcolor="#c89094">&nbsp;</td>
    <td bgcolor="#c89094">&nbsp;</td>
  </tr>
  <tr>
    <td height="23">&nbsp;</td>
    <div>
    <td class="pag"><p><span class="new_hea">Property Details</span></p></td></div>
    <td rowspan="3" valign="top"><table width="430" height="573" border="0">
      <tr>
        <td width="83" height="60">&nbsp;</td>
        <td width="337" class="ari">Resources for properties</td>
      </tr>
      <tr>
        <td height="28">&nbsp;</td>
        <td class="pag1">Flats in Bournemouth<br /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Flats in Poole</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Houses in Bournemouth</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Houses in Poole</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Student Accommodation</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Studios</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">Rooms in Shared Accommodation</td>
      </tr>
      <tr>
        <td height="213">&nbsp;</td>
        <td class="pag1"><img src="pics/valuation.jpg" width="232" height="211" border="0" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td class="pag1">&nbsp;</td>
      </tr>
    </table></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="348">&nbsp;</td>
    <td valign="top"><table width="100%" height="341" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30%" height="341" align="left" valign="top"><table width="90%" border="0" cellspacing="0" cellpadding="0">
      <tr>
              <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_00.JPG" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;"/></td>
                        <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_01.JPG" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
                         <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_02.JPG" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
               </tr>
      <tr>
      <td height="2" colspan="4"></td>
      </tr>
      <tr>
              <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_03.JPG" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
                         <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_04.JPG" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
                         <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_05.JPG" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
               </tr>
      <tr>
      <td height="2" colspan="4"></td>
      </tr>
      <tr>
              <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_06.JPG" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
                         <td align="left" valign="top"><img src="images/58222_B_P1250_IMG_07.JPG" alt="" width="63" height="78" onclick="bigimg(this.src)" style="cursor:pointer;" /></td>
                       </tr>
      <tr>
      <td height="2" colspan="4"></td>
      </tr>
      <tr>
                      <td align="left" valign="top">&nbsp;</td>
      </tr>
    </table></td>
    <td align="left" valign="top">
     <div id="plswt"></div>
     <img id="item_img" src="images/58222_B_P1250_IMG_00.JPG" width="386" height="318" /></td>
  </tr>
</table>
</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="557">&nbsp;</td>
    <td valign="top"><table width="719" height="447" border="0">
      <tr>
        <td colspan="2" valign="top"><p class="pag1">
		*LET SUBJECT TO REFERENCES*  A luxury three bed apartment, located in a quiet, sought-after road, offers a fantastic kitchen/diner/lounge, three double bedrooms, one with en-suite, and a separate family bathroom.  Can be either furnished or unfurnished.  Off road parking.  Would suit professional sharers.  Must be seen!  		 <br />
           FEATURES:<br />
            3 BED APARTMENT<br />
            MODERN INTERIOR<br />
			EN-SUITE<br />
			SUIT PROF SHRS<br />
			GREAT LOCATION<br />
			CLOSE TO TOWN<br />
			FURN/UNFURN<br />
			SECURE PARKING<br />
			<br />
          58222_B_P1250</p></td>
        <td width="332" valign="top">&nbsp;</td>
      </tr>
    </table>      <p>&nbsp;</p></td>
    <td>&nbsp;</td>
  </tr>
</table>
 
<map name="Map" id="Map">
  <area shape="rect" coords="7,6,231,156" href="hometest/prop_information.php" />
</map>
</body>
</html>

Also this is the error that IE 8.0 produced.

Code:
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C)
Timestamp: Fri, 6 Aug 2010 16:32:15 UTC


Message: Object expected
Line: 181
Char: 1
Code: 0
URI: /adams1/prop_information.php?id=346



Please help as I need some sleep.

JaneyBad

XXX
 
BillyRayPreachersSon your a life saver, thank you so much.

Janey Bad

XXX
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top