0

Your coding skills are needed. my website Click Hereworks great in all browsers except internet explorer. On the tour book tab, the java script flips through my book. In internet explorer every other page of the book does not show up. Can you look at the code and help me figure out why? Please
Caige

<html>
<head>
<title>Preview Book</title>
<link rel="shortcut icon" href="KIDICON.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:210px;
    top:25px;
    width:581px;
    height:497px;
    z-index:0;

}
-->
</style>
</head>
<body bgcolor="#0033CC">
<!-- ImageReady Slices (1home.psd) -->
<div id="apDiv1">
<title>Kidztar Publishing</title>
<style type="text/css">
.buttons {
    font-family: arial;
    font-size: 8pt;
    border-bottom:1px solid #282828;
    border-right:1px solid #282828;
    border-top:1px solid #8794A0;
    border-left:1px solid #8794A0;
    background-color: #FFEA01;
}

</style>
<script type="text/javascript" src="bookflip.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<div align="right" style="position:fixed; width:700px; height:590px; margin:0;">

  <div id="myBook" style="display:none;">
        <div id="Home" style="background:#055123 url('btcover.gif');color:#ffffff;" name="Home">
          <div align=center>
            <h1></h1>
          </div>
        </div>
  <div name="Page 1" style="background:#256974 url('bt1.png');color:#ffffff;">     
            <div align=center>           </div>
      </div>
    <div name="Page 2" style="background:#785165 url('btp2.png');color:#ffffff;">
        <div align=center>       </div>
      </div>
    <div name="Page 3" style="background:#785165 url('bt3.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 4" style="background:#785165 url('bt4.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 5" style="background:#785165 url('bt5.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 6" style="background:#785165 url('bt6.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 7" style="background:#785165 url('p7.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 8" style="background:#785165 url('p8.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 9" style="background:#785165 url('p9.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 10" style="background:#785165 url('p10.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 11" style="background:#785165 url('p11.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 12" style="background:#785165 url('p12.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 13" style="background:#785165 url('p14.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
     <div name="Page 13" style="background:#785165 url('op.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
        <div name="Page 13" style="background:#785165 url('pq.png');color:#ffffff;">
        <div align=center>       </div>
     </div>
</style>
     <body leftmargin="20" topmargin="20" marginwidth="20" marginheight="20"><div id="apDiv1 name="Page Order Book">
  <iframe src='contactus.php' frameborder='0'width='100%' height='502' allowtransparency='true'></iframe></div>
        <div align=center>   </div>
<div id="apDiv1">    </div>
  </div>
  </div>


<br>
</div>
<script type="text/javascript">
//get querystring to obtain autoflip value
function autoflipFromUrl(){
    var pos;
    var searchStr = window.location.search;
    var searchArray = searchStr.substring(1,searchStr.length).split('&');
    var result = '';
    for (var i=0; i<searchArray.length; i++) {
        result = searchArray[i].split('=');
        if(result[0]=="autoflip"){
            result=result[1];
            break;
        }
    }
    return(result);
}

var myPageW=360; //page width
var myPageH=504; //page height
var pageBorderWidth=1; //adjust border width
var pageBorderColor="#000000"; //border color
var pageBorderStyle="solid"; //border style eg. solid, dashed or dotted.

var pSpeed=20; //page speed, 20 is best for Opera browser. Less is faster
var pSound=false; //change to true for flip sound effect, if true, install SoundManager from schillmania.com

var showBinder=false; //change to false for no binder
var binderImage = "parchmentring2.gif"; //location of center binder
var binderWidth = 20; //width of center binder image
var numPixelsToMove = 20;//number of pixels to move per frame, more is faster but less smooth

//You must create the place holder for the dropdown on this page with an id attribute, eg. <select id="flipSelect" style="display:none;"></select>
var selectNavigation=true; //this builds a drop down list of pages for auto navigation.
allowPageClick=true; //allow clicking page directly
doIncrementalAutoFlip = false; //set this to true if you want to flip to selected page incrementally(ie.see each page turn)
pageShadow=true; //true or false, display shadow along the length of inside right page
ini();
x=autoflipFromUrl(); //get querystring autoflip value
if( x ){autoFlip(x);};
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#0033CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (kcom.psd) -->
<table width="1024" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="2">
            <img src="images/zcom_01.png" width="1024" height="191" alt=""></td>
    </tr>
    <tr>
        <td><img src="images/home.png" width="102" height="29"></td>
<td rowspan="6"><img src="images/zcom_03.png" width="922" height="432" alt=""></td>
  </tr>
    <tr>
        <td><img src="images/cus.png" width="102" height="29"></td>
  </tr>
    <tr>
        <td><img src="images/aus.png" width="102" height="29"></td>
  </tr>
    <tr>
        <td>
            <img src="images/zcom_06.png" width="102" height="1" alt=""></td>
    </tr>
    <tr>
        <td><img src="images/prev.png" width="102" height="29"></td>
  </tr>
    <tr>
        <td>
            <img src="images/zcom_08.png" width="102" height="315" alt=""></td>
    </tr>
    <tr>
        <td colspan="2"><img src="images/zcom_09.png" width="1024" height="15"></td>
  </tr>
    <tr>
        <td colspan="2">
            <img src="images/pp.png" width="1024" height="130" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
2
Contributors
2
Replies
4
Views
4 Years
Discussion Span
Last Post by caige
0

pritaeas,
Thanks for the tip, However I am not sure how to do this..... Google here I come...

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.