Xaramenu.js Issues

@DranowebJan 14.2008

I have searched high and low for a solution to my problems, but am yet to find one.

My problem as it stands:

I want to do a simple child to parent iframe redirect. (so my navigation menus are included.

I have working javascript to do this.

when using xaramenu.js based menus on the parent page, this code no longer works.

I have updated xaramenu.js to the latest version as per xara support suggestions.

Still the problem persists.

I have looked for open tags etc, but I don’t have much in the way of a compiler/debugger and there is so much to go through. That, and I am not that adept at javascript and I am not always sure what tags should end where.

I do however wonder if there is a way to pass a command from the child page, back to the menu on the parent page, to load that menu command, in turn resulting in the load of my desired page.

I have had all sorts of crazy ideas come up in my brain, but none any more practical than this.

I will post my code here for those with the time, energy and charitable nature to look at.

Hope it might be as simple as an open tag or something not quite right.

Or should I just got back to a simple redirect in 10 sec page, and give a short menu path description? (i’d rather not have to resort to that)

thanks in advance for any assistance, and the code I will post in two more entries as it exceeds the max character limit.

to post a comment

JavaScript

2 Comments(s) _↴

@DranowebauthorJan 14.2008 — #

[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 
 
 
 <script type="text/javascript">
 <!--
 
 function loadIframe(){
 if (location.search.length > 0){
 url = unescape(location.search.substring(1))
 
 window.frames["main"].location=url
 }
 }
 
 onload=loadIframe
 //-->
 </script>
 
 
 
 <link rel="icon" HREF="http://www.dranoweb.com/favicon.ico" type="image/x-icon">
 <title>Dranoweb V8</title>
 <!-- Information generated and read by Xara Webstyle. Do not edit this line. [Sabre (Theme);dranoweb8;Theme Color 1;10757407;themecolour1;Theme Color 2;463587;themecolour2;Background Color;0;themecolour3;Button Text;16777215;themecolour4;Button Text (over);15467532;themecolour5;Heading Text;228871;themecolour6;Sub-Heading & Logo Text ;509197;themecolour7] -->
 <!-- Template design (c) Xara Ltd 2003 -->
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta name="generator" content="Xara Webstyle 4. See  xara.com/webstyle"/>
 </head>
 <style type="text/css">
 <!--
 body {
 background-color: #000000;/*themecolour3;*/
 color: #ffffff;/*themecolour3%0;*/
 }
 table {
 font: 9pt "trebuchet ms", arial, sans-serif;
 
 }
 p {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 }
 blockquote {
 margin-top: 0px;
 margin-bottom: 0px;
 color: #ffffff;/*themecolour3%0;*/
 margin-right: 0px;
 }
 ol {
 margin-top: 0px;
 margin-bottom: 0px;
 color: #ffffff;/*themecolour3%0;*/
 }
 .rightcoltext ul {
 margin-top: 0px;
 margin-bottom: 0px;
 color: #ffffff;/*themecolour3%0;*/
 margin-left: 20px;
 list-style-image: url(index_files/index_bullet.gif);
 }
 
 .centercoltext ul {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 20px;
 color: #ffffff;/*themecolour3%0;*/
 list-style-image: url(index_files/index_bullet.gif);
 }
 
 h1 {
 font-weight: bold;
 color: #ffffff;/*themecolour3%0;*/
 font-size: 16px;
 margin-top: 0px;
 margin-bottom: 3px;
 white-space: nowrap;
 }
 h2 {
 font-size: 15px;
 color: #e31207;/*themecolour2;*/
 margin-top: 0px;
 margin-bottom: 3px;
 }
 h3 {
 font-size: 13px;
 color: #ffffff;
 margin-top: 0px;
 margin-bottom: 3px;
 padding-left: 5px;
 }
 
 .topstrip {
 background-image: url(index_files/Wings_topstrip.gif);
 background-repeat: repeat-x;
 }
 .centercoltext {
 color: #ffffff;/*themecolour3%0;*/
 padding-left: 20px;
 padding-right: 20px;
 background-image: url(index_files/index_corner.gif);
 background-repeat: no-repeat;
 background-position: right top;
 
 }
 
 .rightcoltext {
 padding: 10px;
 color: #333333;
 background-color: #6c70cf;/*themecolour1$ 41%,47%;*/
 padding-left: 10px;
 padding-right: 10px;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #000000;
 }
 
 .leftcoltext a:link {
 color: #666666;
 }
 .leftcoltext a:visited {
 color: #cccccc;
 }
 .leftcoltext a:link:hover {
 color: #e31207;/*themecolour2;*/
 }
 .centercoltext a:link {
 color: #ffffff;/*themecolour3%0;*/
 }
 .centercoltext a:visited {
 color: #cccccc;
 }
 .centercoltext a:link:hover {
 color: #e31207;/*themecolour2;*/
 }
 .leftpanel a:link {
 color: #333333;
 }
 .leftpanel a:visited {
 color: #cccccc;
 }
 .leftpanel a:link:hover {
 color: #e31207;/*themecolour2;*/
 }
 
 .rightcoltext a:link {
 color: #ffffff;/*themecolour3%0;*/
 }
 .rightcoltext a:visited {
 color: #cccccc;
 }
 .rightcoltext a:link:hover {
 color: #e31207;/*themecolour2;*/
 }
 
 
 .topstrip {
 background-image:   url(index_files/index_topstrip.gif);
 background-repeat: repeat-x;
 background-repeat: repeat-x;
 }
 .hnavbg {
 background-image:   url(index_files/index_hnav_bg.gif);
 background-repeat: repeat-x;
 background-repeat: repeat-x;
 }
 .leftcolbg {
 background-image:   url(index_files/index_leftcolumn_bg.gif);
 background-repeat: repeat-y;
 background-position: right;
 background-repeat: repeat-y;
 background-position: right;
 }
 .panelbg {
 background-image: url(index_files/index_panel_bg.gif);
 background-repeat: repeat-x;
 }
 .leftcoltext {
 font-size: 8pt;
 color: #333333;
 }
 .leftpanel {
 background-color: #6c70cf;/*themecolour1$ 41%,47%;*/
 color: #333333;
 padding: 10px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #000000;
 }
 .paraheadbg {
 background-image: url(index_files/index_parahead_bg.gif);
 background-repeat: repeat-x;
 }
 .paraheadbg2 {
 background-image: url(index_files/index_parahead_bottom.gif);
 background-repeat: repeat-x;
 }
 .paraborderleft {
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #1f25a4;/*themecolour1;*/
 }
 .paraborderright {
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #ffffff;/*themecolour3%0;*/
 }
 .footer {
 font-weight: bold;
 color: #ffffff;/*themecolour3%0;*/
 }
 .topbar {
 background-color: #1f25a4;/*themecolour1;*/
 }
 -->
 </style>
 [/code]

@DranowebauthorJan 14.2008 — #

[code]
 
 <body leftmargin="0" topmargin="10">
 <table width="98%" align="center" cellpadding="0" cellspacing="0">
 <tr>
 <td valign="top" class="topstrip">
 <table width="164" cellpadding="0" cellspacing="0">
 <tr>
 <td width="160" valign="top"><img src="index_files/index_logo.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_logo.xws" border="0" /></td>
 </tr>
 </table>
 </td>
 <td valign="top" class="topstrip">&nbsp;</td>
 <td align="right" valign="top" class="topstrip">
 <div align="right"> 
 <table width="350" border="0" cellspacing="0" cellpadding="0">
 <tr> 
 <td width="84" valign="top"><img src="index_files/index_heading.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_heading.xws" border="0" /></td>
 <td width="144" valign="bottom"><a href="http://www.vip.dranoweb.com/index.html" target="_blank"><img src="index_files/index_image1.jpg" editor="Webstyle4" moduleid="dranoweb8 (Project)index_image1.xws" border="0" /></a></td>
 <td valign="bottom"><a href="http://www.atfreeforum.com/dranoweb" target="_blank"><img src="index_files/index_image2.jpg" editor="Webstyle4" moduleid="dranoweb8 (Project)index_image2.xws" border="0" /></a></td>
 <td valign="bottom"><img src="index_files/index_topstrip_corner.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_topstrip_corner.xws" border="0" /></td>
 </tr>
 </table>
 </div></td>
 
 </tr>
 <tr valign="top">
 <td colspan="4"><table width="100%" cellspacing="0" cellpadding="0">
 <tr> 
 <td colspan="4" valign="top" class="topbar"><img src="index_files/index_head_leftcolumn.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_head_leftcolumn.xws" border="0" /><img src="index_files/index_subheading.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_subheading.xws" border="0" /></td>
 </tr>
 <tr> 
 <td width="160" valign="top" class="topbar"><img src="index_files/index_spacer.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_spacer.xws" border="0" /></td>
 <td width="31" valign="top"><img src="index_files/index_mid_left.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_mid_left.xws" border="0" /></td>
 <td width="100%" valign="bottom" class="hnavbg">
 <script type="text/javascript">document.write('<scr'+'ipt src="index_files/xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="index_files/index_hnavbar.js">'+'</scr'+'ipt>');/*img src="index_files/index_hnavbar.gif" moduleid="dranoweb8 (Project)index_hnavbar_off.xws"*/</script>
 </td>
 <td width="78" valign="top"><img src="index_files/index_mid_right.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_mid_right.xws" border="0" /></td>
 </tr>
 </table></td>
 </tr>
 <tr valign="top">
 <td colspan="4"> <table width="100%" cellpadding="0" cellspacing="0">
 <tr>
 <td width="142" height="100%" valign="top" class="leftcolbg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top">
 <script type="text/javascript">document.write('<scr'+'ipt src="index_files/xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="index_files/index_vnavbar.js">'+'</scr'+'ipt>');/*img src="index_files/index_vnavbar.gif" moduleid="dranoweb8 (Project)index_vnavbar_off.xws"*/</script>
 </td>
 </tr>
 <tr>
 <td class="leftcolbg">
 <p>&nbsp;</p>
 </td>
 </tr>
 <tr>
 <td valign="top" class="leftpanel">
 <!-- insert left column text here -->
 <p><strong>Recent News:</strong></p>
 <p>&nbsp;</p>
 <p><a href="guineapig.htm">TGP Project added</a></p></td>
 <!-- End left column text here -->
 </tr>
 </table></td>
 
   <td width="802" valign="top" bgcolor="#000000" class="centercoltext"> <p>&nbsp;</p>
   <!-- insert center column text here -->
 
 
 
 
   <iframe name="main" id="main" width="100%" height="1000" scrolling="auto" frameborder="0" src="Mainpage.htm"></iframe>
 
 <script language="javascript" type="text/javascript">if (top.location.search.substr(0,5)=="?url=") {
 self.frames["main"].location.href = top.location.search.substr(5);
 } else {
 self.frames["main"].location.href = "Mainpage.htm";
 }</script>
 
 
 
 
   <p>&nbsp;</p>
   <p>&nbsp;</p></td>
 
   <td width="179"  valign="top" class="rightcoltext">
 <div align="center">
 <table width="100%" border="2" cellspacing="2" cellpadding="2">
 <tr> 
 <td><div align="center">Local Time/Temp</div></td>
 </tr>
 <tr> 
 <td><div align="center"><a href="http://www.wunderground.com/global/stations/94907.html?bannertypeclick=gizmotimetemp24" target="Parent"><img src="http://banners.wunderground.com/weathersticker/gizmotimetemp_both24/language/www/global/stations/94907.gif" border=0
 alt="Click for East Sale, Victoria Forecast" height=49 width=152></a></div></td>
 </tr>
 <tr> 
 <td><div align="center">Sun/Moon Set/Rise</div></td>
 </tr>
 <tr> 
 <td><div align="center"><a href="http://www.wunderground.com/global/stations/94907.html?bannertypeclick=sunandmoon150" target="Parent"><img src="http://banners.wunderground.com/weathersticker/sunandmoon150_both/language/www/global/stations/94907.gif" border=0
 alt="Click for East Sale, Victoria Forecast" height=49 width=154></a></div></td>
 </tr>
 <tr> 
 <td><div align="center">Hits Since 13/1/2008</div></td>
 </tr>
 <tr> 
 <td bgcolor="#000000"><div align="center"><img src="/cgi-bin/BSCounter/bsimgcount.cgi?file=index.html&style=LED_g" border="0"></div></td>
 </tr>
 <tr>
 <td><div align="center"> 
 <!-- Google CSE code begins -->
 Search Dranoweb: 
 <form id="searchbox_011024104308123685127:29e0ssft2g4" onsubmit="return false;">
 <input type="text" name="q" size="20"/>
 <input type="submit" value="Search"/>
 </form>
 <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_011024104308123685127%3A29e0ssft2g4&lang=en"></script>
 
 <div id="results_011024104308123685127:29e0ssft2g4" style="display:none">
 <div class="cse-closeResults"> 
 <a>&times; close</a>
 </div>
 <div class="cse-resultsContainer"></div>
 </div>
 
 <style type="text/css">
 @import url(http://www.google.com/cse/api/overlay.css);
 </style>
 
 <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAA9ehGhEAsX-ui1ifgebU_eBTsVu0eM0QxZzmKgb6yRbfq_uVOsRRS1ehHYuFmrHF_riR9_h9L6IFmHw&hl=en" type="text/javascript"></script>
 <script src="http://www.google.com/cse/api/overlay.js"></script>
 <script type="text/javascript">
 function OnLoad() {
 new CSEOverlay("011024104308123685127:29e0ssft2g4",
 document.getElementById("searchbox_011024104308123685127:29e0ssft2g4"),
 document.getElementById("results_011024104308123685127:29e0ssft2g4"));
 }
 GSearch.setOnLoadCallback(OnLoad);
 </script>
 <!-- Google CSE Code ends -->
 
 </div></td>
 </tr>
 </table>
 </div>
 <h1 align="center">&nbsp;</h1>
 <h1 align="center">&nbsp;</h1>
 <p align="center">&nbsp;</p>
 <p align="center">&nbsp;</p>
 <p>&nbsp;</p>
 
   <p>&nbsp;</p></td>
   <td width="41"  valign="top">&nbsp;</td>
   </tr>
 
   <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr> 
   <td width="81"><img src="index_files/index_rightcolumn_bottom.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_rightcolumn_bottom.xws" border="0" /></td>
   <td width="100%" class="panelbg">&nbsp;</td>
   <td width="41"> <div align="right"><img src="index_files/index_rightcolumn_bottom2.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_rightcolumn_bottom2.xws" border="0" /></div></td>
   </tr>
   </table></td>
   <td align="center" valign="top" class="footer"> <h2>Dranoweb Version 
   8 </h2>
   <p>Enjoy!</p>
   <h1>&nbsp;</h1>
   </td>
   <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr> 
   <td width="81"><img src="index_files/index_rightcolumn_bottom.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_rightcolumn_bottom.xws" border="0" /></td>
   <td width="100%" class="panelbg">&nbsp;</td>
   <td width="41"> <div align="right"><img src="index_files/index_rightcolumn_bottom2.gif" editor="Webstyle4" moduleid="dranoweb8 (Project)index_rightcolumn_bottom2.xws" border="0" /></div></td>
   </tr>
   </table></td>
   <td valign="top">&nbsp;</td>
   </tr>
   </table></td>
 </tr>
 </table>
 
 
 </body>
 </html>
 [/CODE]

Also in #JavaScript _↴

Help??Getting returns through a mootools request Measuring the radius of a circle (HTML)

Success!

Help @Dranoweb spread the word by sharing this article on Twitter...

Tweet This

Xaramenu.js Issues

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴