This might be difficult so I understand if no one can solve it!

[phpfreakjav]

I have included two attachments.

In firefox

http://www.hidrocultivosjc.com/csulaee/

the + and - sign works perfectly

 

In internet explorer 7 I have to click the "the image once" then it will start working normally.

Does it do the same in your browser? if it does why

 

on the head of the index.php document I have called the neccesary functions.

 

<?php include('include/testspinner.php'); ?>
<?php spinner_header( ) ?>

<?php start_section( "one", "Equipment Checkout" ) ?>

<ul>

<li><a target="_blank" href="http://www.cslaee.com/pdf/forms/210_locker_checkout.pdf">EE-210</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/pdf/forms/211_%20locker_checkout.pdf">EE-211</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/pdf/forms/317_locker_%20checkout.pdf">EE-317</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/pdf/forms/340_%20locker_checkout.pdf">EE-340</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/pdf/forms/346_locker_checkout.pdf">EE-346</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/srd.html">EE-496</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/pdf/forms/fpga.pdf">FPGA Board</a></li>
    <li><a target="_blank" href="http://www.cslaee.com/cardkey.html">Card Key Access</a></li>
</ul>

<?php end_section( ) ?>

 

There is an include file which basically states the following

<?php

function start_section( $id, $title )

{

?>
<div>


<a href="javascript: void twist('<?php echo($id); ?>');"><img style="border:none;" alt="click here to open menu" "src="images/up.jpg" id="img_<?php echo($id); ?>"/></a>

    <h3><?php echo( $title ); ?></h3>

<div style="visibility:hidden;position:absolute;"

  id="<?php echo($id); ?>" class="spin-content">

<?php

}

function end_section( )

{

?>

</div></div>



<?php

}

function spinner_header( )

{

?>

<style type="text/css">


h3 {border-bottom: 1px solid black;display:inline; }

.spin-content{font-size:small;padding:10px 0 10px 30px;}

</style>

<script language="Javascript">

function twist( sid )

{

  imgobj = document.getElementById( "img_"+sid );

  divobj = document.getElementById( sid );

  if ( imgobj.src.match( "images/up.jpg" ) )

  {

        imgobj.src = "images/down.jpg";

        divobj.style.position = "relative";

        divobj.style.visibility = "visible";

  }

  else

  {

        imgobj.src = "images/up.jpg";

        divobj.style.visibility = "hidden";

        divobj.style.position = "absolute";

  }

}

</script>

<?php

}

?>

 

[attachment deleted by admin]