http://disqus.com/by/SyntaxNZ/enSat, 14 Feb 2009 19:47:02 -0000http://willworkforart.net/tutorials/unobtrusive-expand-and-collapse-navigation#comment-6266881<p>the script toggle.js is linked into the header already so thats what I dont understand? dont I just have to do something along the lines of...</p><p>&lt;li&gt;<a href="services.php" rel="nofollow noopener" target="_blank" title="services.php">Services</a></p><p>?</p>SyntaxNZSat, 14 Feb 2009 19:47:02 -0000http://willworkforart.net/tutorials/unobtrusive-expand-and-collapse-navigation#comment-6266357<p>Hi, so...</p><p>toggleImage.onclick = function() {<br> toggleNav(this);<br> }</p><p>i get now is where the onclick function is but im still confused, do I post ALL the java into my display_class.php ( where my nav menu is ) or what? Right now this is how my display head / nav looks...</p><p>title=$page_title;<br> $this-&gt;keywords=$page_keywords;<br> $this-&gt;description=$page_description;<br> $this-&gt;heading=$page_heading;</p><p> }<br> function display_header()<br> {<br>?&gt;</p><p> &lt;html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow noopener" target="_blank" title="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"&gt;<br> &lt;head&gt;<br> &lt;title&gt;title ?&gt;&lt;/title&gt;<br> &lt;meta name="description" content="&amp;lt;?php echo $this-&amp;gt;description ?&amp;gt;"/&gt; <br> &lt;meta name="keywords" content="&amp;lt;?php echo $this-&amp;gt;keywords ?&amp;gt;"/&gt; <br> &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/&gt;</p><p> &lt;link rel="stylesheet" type="text/css" href="css/main1.css"/&gt;</p><p>&lt;script type="text/javascript" src="js/toogle.js"&gt;&lt;/script&gt;</p><p>&lt;script type="text/javascript" src="js/navblock.js"&gt;&lt;/script&gt;</p><p> &lt;script src="js/AC_RunActiveContent.js" type="text/javascript"&gt;&lt;/script&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p> &lt;div id="container"&gt;</p><p>&lt;div id="space"&gt;</p><p> &lt;script type="text/javascript"&gt;<br>AC_FL_RunContent( 'codebase','<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','760','height','183','title','abc','src','calconheader','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','calconheader'" rel="nofollow noopener" target="_blank" title="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','760','height','183','title','abc','src','calconheader','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','calconheader'">http://download.macromedia....</a> ); //end AC code<br>&lt;/script&gt;&lt;noscript&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" rel="nofollow noopener" target="_blank" title="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0">http://download.macromedia....</a>" width="760" height="183" title="abc"&gt;<br> &lt;param name="movie" value="calconheader.swf"/&gt;<br> &lt;param name="quality" value="high"/&gt;<br> &lt;embed src="calconheader.swf" quality="high" pluginspage="<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" rel="nofollow noopener" target="_blank" title="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">http://www.adobe.com/shockw...</a>" type="application/x-shockwave-flash" width="760" height="183"&gt;&lt;/embed&gt;<br> &lt;/object&gt;&lt;/noscript&gt;<br> &lt;/div&gt;</p><p> &lt;ul id="nav"&gt;<br> &lt;li&gt;<a href="index.php" rel="nofollow noopener" target="_blank" title="index.php">Home</a>&lt;/li&gt;<br> &lt;li&gt;<a href="jobs.php" rel="nofollow noopener" target="_blank" title="jobs.php">Careers</a>&lt;/li&gt;<br> &lt;li&gt;<a href="services.php" rel="nofollow noopener" target="_blank" title="services.php">Services</a><br> &lt;ul&gt;<br> &lt;li&gt;<a href="siteworks.php" rel="nofollow noopener" target="_blank" title="siteworks.php">Site Works</a>&lt;/li&gt;<br> &lt;li&gt;<a href="roading.php" rel="nofollow noopener" target="_blank" title="roading.php">Roading</a>&lt;/li&gt;<br> &lt;li&gt;<a href="subdivisions.php" rel="nofollow noopener" target="_blank" title="subdivisions.php">Subdivisions</a>&lt;/li&gt;<br> &lt;li&gt;<a href="waterways.php" rel="nofollow noopener" target="_blank" title="waterways.php">Waterways</a>&lt;/li&gt;<br> &lt;li&gt;<a href="earthworks.php" rel="nofollow noopener" target="_blank" title="earthworks.php">Earthworks</a>&lt;/li&gt;<br> &lt;li&gt;<a href="drainage.php" rel="nofollow noopener" target="_blank" title="drainage.php">Drainage</a>&lt;/li&gt;<br> &lt;li&gt;<a href="landscaping.php" rel="nofollow noopener" target="_blank" title="landscaping.php">Landscaping</a>&lt;/li&gt;<br> &lt;li&gt;<a href="waterservices.php" rel="nofollow noopener" target="_blank" title="waterservices.php">Water Services</a>&lt;/li&gt;<br> &lt;li&gt;<a href="surfacing.php" rel="nofollow noopener" target="_blank" title="surfacing.php">Surfacing</a>&lt;/li&gt;<br> &lt;li&gt;<a href="civilconstruction.php" rel="nofollow noopener" target="_blank" title="civilconstruction.php">Civil Construction</a>&lt;/li&gt;<br> &lt;li&gt;<a href="kerbing.php" rel="nofollow noopener" target="_blank" title="kerbing.php">Kerbing</a>&lt;/li&gt;<br> &lt;li&gt;<a href="retainingstructures.php" rel="nofollow noopener" target="_blank" title="retainingstructures.php">Retaining Structures</a>&lt;/li&gt;<br> &lt;li&gt;<a href="bulkcartage.php" rel="nofollow noopener" target="_blank" title="bulkcartage.php">Bulk Cartage</a>&lt;/li&gt;<br> &lt;li&gt;<a href="projectmanagement.php" rel="nofollow noopener" target="_blank" title="projectmanagement.php">Project Management</a>&lt;/li&gt;<br> &lt;li&gt;<a href="trafficmanagement.php" rel="nofollow noopener" target="_blank" title="trafficmanagement.php">Traffic Management</a>&lt;/li&gt;<br> &lt;/ul&gt;&lt;/li&gt;<br> &lt;li&gt;<a href="projects.php" rel="nofollow noopener" target="_blank" title="projects.php">Projects</a>&lt;/li&gt;<br> &lt;li&gt;<a href="contact.php" rel="nofollow noopener" target="_blank" title="contact.php">Contact</a>&lt;/li&gt;<br> &lt;li&gt;<a href="about.php" rel="nofollow noopener" target="_blank" title="about.php">About</a>&lt;/li&gt;<br> &lt;li&gt;<a href="awards.php" rel="nofollow noopener" target="_blank" title="awards.php">Awards</a>&lt;/li&gt;<br> &lt;/ul&gt;</p><p> I dont understand how to make it actually link it into my own code but the arrows etc are all comming up in the css etc like they should.</p><p>Sorry for seeming amatuer :P, I might upload it now see if i can show you my problem...</p><p>so here toggle.js is the javascript that we have from the tutorial and services is what i want to expand / collapse.</p>SyntaxNZSat, 14 Feb 2009 19:02:13 -0000