What links a click/tap position to select an object on screen?

Help me fix javascript please

Hello, I am having problems fixing javascript conflicts. I have a number of javascripts on one page. Can you see where the conflict is and fix it for me? You will see below that there is HTML script for a page (page 1) that consists of: - a table - within one cell an "include page" function. This page is another HTML page that contains javascript for a pull down links menu. This is page 2. I will include the script for page 2 below as well. - in another cell on Page 1, is javascript for scrollable content. The script for the whole of page 1 is as follows: _______________________________________________________________________________ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body> <table border="1" width="100%"> <tr> <td width="100%">  </td> </tr> <tr> <td width="100%"> <script type="text/javascript"> /****************************************** * Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com) * Visit http://www.dynamicdrive.com/ for full source code * This notice must stay intact for use ******************************************/ iens6=document.all||document.getElementById ns4=document.layers //specify speed of scroll (greater=faster) var speed=5 if (iens6){ document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">') document.write('<div id="content" style="position:absolute;width:170px;left:0;top:0">') } </script> <ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160"> <layer name="nscontent" width=175 height=160 visibility=hidden>  <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the combination of HTML, JavaScript, and CSS</font></p> <p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p> <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows content on a page to change on the fly, without reloading the page</font></p> <p><font size="2" face="Arial">- CSS allows for the separation between content definition and formatting</font></p> <p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p> <p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic Drive</a> provides free, cut and paste DHTML scripts</font></p>  </layer> </ilayer> <script language="JavaScript1.2"> if (iens6) document.write('</div></div>') </script> <table width="175px"><td><p align="right"> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0 width="9" height="5"></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0 width="9" height="5"></a></p></td> </table> <script language="JavaScript1.2"> if (iens6){ var crossobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nscontent var contentheight=crossobj.clip.height } function movedown(){ if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed+"px" else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",20) } function moveup(){ if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+speed+"px" else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",20) } function getcontent_height(){ if (iens6) contentheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nscontent.visibility="show" } window.onload=getcontent_height </script></td> </tr> <tr> <td width="100%"> </td> </tr> </table> </body> </html> _______________________________________________________________________________ Script for Page 2 _______________________________________________________________________________ <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="menuBuilder"> <select name="Llist_1" onChange="load1(this.form)"> <option value="" SELECTED>Choose Menu <option value="://www.google.com">Google <option value="http://www.example1.com">Example 1 <option value="http://www.example2.com">Example 2 </select> </form> </body> </html>
Answer:

Hello Pinkhippo If you have any questions or queries please ask for clarification and I will do all I can to help. Javascript works on the client side so files cannot be dynamically included (as far as I am aware) from javascript. If you wish for the file to be dynamically included you will need to use a Server Side Include. In one page I believe this is what you are trying to do: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head> <body> <table border="1" width="100%"> <tr> <td width="100%">  </td> </tr> <tr> <td width="100%"> <script type="text/javascript"> /****************************************** * Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com) * Visit http://www.dynamicdrive.com/ for full source code * This notice must stay intact for use ******************************************/ iens6=document.all||document.getElementById ns4=document.layers //specify speed of scroll (greater=faster) var speed=5 if (iens6){ document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">') document.write('<div id="content" style="position:absolute;width:170px;left:0;top:0">') } </script> <ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160"> <layer name="nscontent" width=175 height=160 visibility=hidden>  <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the combination of HTML, JavaScript, and CSS</font></p> <p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p> <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows content on a page to change on the fly, without reloading the page</font></p> <p><font size="2" face="Arial">- CSS allows for the separation between content definition and formatting</font></p> <p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p> <p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic Drive</a> provides free, cut and paste DHTML scripts</font></p>  </layer> </ilayer> <script language="JavaScript1.2"> if (iens6) document.write('</div></div>') </script> <table width="175px"><td><p align="right"> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0></a></p></td> </table> <script language="JavaScript1.2"> if (iens6){ var crossobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nscontent var contentheight=crossobj.clip.height } function movedown(){ if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed+"px" else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",20) } function moveup(){ if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+speed+"px" else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",20) } function getcontent_height(){ if (iens6) contentheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nscontent.visibility="show" } window.onload=getcontent_height </script></td> </tr> <tr> <td width="100%"><form name="menuBuilder"> <select name="Llist_1" onChange="load1(this.form)"> <option value="" SELECTED>Choose Menu <option value="://www.google.com">Google <option value="http://www.example1.com">Example 1 <option value="http://www.example2.com">Example 2 </select> </form> </td> </tr> </table> </body> </html>

pinkhippo-ga at Google Answers Visit the source

Was this solution helpful to you?

Related Q & A:

Help me for Physics, please?Best solution by Yahoo! Answers
Help with TV show, please help?Best solution by Yahoo! Answers
Help with laptop problems, please?Best solution by Yahoo! Answers
Help with my projector please?Best solution by Yahoo! Answers
Need help debugging a javascript?Best solution by allwebdevhelp.com

Just Added Q & A:

How many active mobile subscribers are there in China?Best solution by Quora
How to find the right vacation?Best solution by bookit.com
How To Make Your Own Primer?Best solution by thekrazycouponlady.com
How do you get the domain & range?Best solution by ChaCha
How do you open pop up blockers?Best solution by Yahoo! Answers

For every problem there is a solution! Proved by Solucija.

Got an issue and looking for advice?
Ask Solucija to search every corner of the Web for help.
Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.