Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Could use your help please...

    Could someone help me get my interactive menus to work?

    Thanks in advance..


    Code:
    <head>
    
    		
    
    		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    		<meta http-equiv="Content-Language" content="en-us" />
    		<link rel="stylesheet" href="style.css" type="text/css" />
    
    		<!-- Refering to a JavaScript source file -->
    				
    		<script type="text/javascript">
    					
    		<!-- HIDE FROM INCOMPATIBLE BROWSERS
    			// Begin Onclick Expansion
    			
    			function expand_OnClick()
    					{ 
    				  	if (document.getElementById("expand").src="Images/plus.gif")
    					{
    					  document.getElementById("expand").src="Images/minus.gif";
    					  document.getElementById("orgchart").style.display="block";
    					} 
    				  		else
    							if (document.getElementById("expand").src="Images/minus.gif")
    					 		{
    						 		document.getElementById("expand").src="Images/plus.gif";
    						 		document.getElementById("orgchart").style.display="none";
    					  		}
    					}
    				
    			function showPres_OnClick()
    					{ 
    				  	if (document.getElementById("pres").src="Images/plus.gif")
    					{
    					  document.getElementById("pres").src="Images/minus.gif";
    					  document.getElementById("presclosed").style.display="block";
    					} 
    				  		else
    							if (document.getElementById("pres").src="Images/minus.gif")
    					  		{
    							 	document.getElementById("pres").src="Images/plus.gif";
    							 	document.getElementById("presclosed").style.display="none";
    					  		}
    					}
    					
    			function showVPI_OnClick()
    					{ 
    				  	if (document.getElementById("vpi").src="Images/plus.gif")
    					{
    					  document.getElementById("vpi").src="Images/minus.gif";
    					  document.getElementById("vpiclosed").style.display="block";
    					} 
    				  		else
    							if (document.getElementById("vpi").src="Images/minus.gif")
    					  		{
    								document.getElementById("vpi").src="Images/plus.gif";
    								document.getElementById("vpiclosed").style.display="none";
    					  		}
    					}
    				
    			function showMan_OnClick()
    					{ 
    				  	if (document.getElementById("man").src="Images/plus.gif")
    					{
    					  document.getElementById("man").src="Images/minus.gif";
    					  document.getElementById("manclosed").style.display="block";
    					} 
    				  		else
    							if (document.getElementById("man").src="Images/minus.gif")
    					  		{
    						 		document.getElementById("man").src="Images/plus.gif";
    						 		document.getElementById("manclosed").style.display="none";
    					  		}
    					}
    				
    			function showEmp_OnClick()
    					{ 
    				  	if (document.getElementById("emp").src="Images/plus.gif")
    					{
    					  document.getElementById("emp").src="Images/minus.gif";
    					  document.getElementById("empclosed").style.display="block";
    					} 
    				  		else
    							if (document.getElementById("emp").src="Images/minus.gif")
    					  		{
    						 		document.getElementById("emp").src="Images/plus.gif";
    						 		document.getElementById("empclosed").style.display="none";
    					  		}
    					}
    		// STOP HIDING FROM INCOMAPTIBLE BROWSERS -->
    		</script>
    	</head>
    	
    	<!-- Refering to a Drop down Menu -->
    	<body>
    
    	
    		<div id="wrap">
    			<div id="header">
    				<table width=100%" border="10" align="center"> 
    				<tr>
    					<td onmouseover="document.getElementById('shop').style.visibility='visible';"
    						onmouseout="document.getElementById('shop').style.visibility='hidden';">
    					   <p align="center"><a href="">Shopping Sites</a><br/>
    						<table class="noShow" id="shop">
    							<tr><td><a href="(URL address blocked: See forum rules)">Ebay.com</a></td></tr>
    
    							<tr><td><a href="(URL address blocked: See forum rules)">Amazon.com</a></td></tr>
    							<tr><td><a href="(URL address blocked: See forum rules)">New Egg.com</a></td></tr>
    						</table>
    					</td>
    					<td onmouseover="document.getElementById('search').style.visibility='visible';"
    						onmouseout="document.getElementById('search').style.visibility='hidden';">
    					   <p align="center"><a href="">Search Engines</a><br/>
    						<table class="noShow" id="search">
    
    							<tr><td><a href="(URL address blocked: See forum rules)">Google</a></td></tr>
    							<tr><td><a href="(URL address blocked: See forum rules)">All The Web</a></td></tr>
    							<tr><td><a href="(URL address blocked: See forum rules)">Biz Rate</a></td></tr>
    						</table>
    					</td>
    					<td onmouseover="document.getElementById('news').style.visibility='visible';"
    						onmouseout="document.getElementById('news').style.visibility='hidden';">
    					   <p align="center"><a href="">News Sites</a><br/>
    
    						<table class="noShow" id="news">
    							<tr><td><a href="(URL address blocked: See forum rules)">Blink TV</a></td></tr>
    							<tr><td><a href="(URL address blocked: See forum rules)">Identity Theft</a></td></tr>
    							<tr><td><a href="(URL address blocked: See forum rules)">Oh My News</a></td></tr>
    						</table>
    					</td>
    				</tr>
    
    				</table>
    			</div>
    			<!-- Refering to Employees -->
    			<table width=100%" border="10" align=left">	
    			<tr>	
    			<td>
    			
    			
    				<h3>View Our Company</h3>
    				<p><img id="expand" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="expand_OnClick();"/> Our Organization Chart</p>
    
    				
    					
    						<p><img id="pres" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="showPres_OnClick();"/> President</p>
    						
    							<ul class ="circle">
    								<li>Elliott Sadler</li>
    							</ul>
    						
    				
    					
    						<p><img id="vpi" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="showVPI_OnClick();" /> Vice Presidents</p>
    						
    							<ul class="circle">
    
    								<li>Bob Saget</li>
    								<li>Katee Sackoff</li>
    								<li>Marat Safin</li>
    							</ul>
    						
    						<p><img id="man" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="showMan_OnClick();" /> Managers</p>
    						
    							<ul class="circle">
    
    								<li>Anwar Sadat</li>
    								<li>Vic Sarin</li>
    								<li>Carlos Saura</li>
    								<li>Peter Sarsgaard</li>
    								<li>Telly Savalas</li>
    								<li>Marc Savard</li>
    
    							</ul>
    						
    						<p><img id="emp" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="showEmp_OnClick();" /> Employees</p>
    						
    							<ul class="circle">
    								<li>George C. Scott</li>
    								<li>Lucas Scott</li>
    								<li>Dougray Scott</li>
    
    								<li>Lizabeth Scott</li>
    								<li>Ridley Scott</li>
    								<li>Seann William Scott</li>
    								<li>Tony Scott</li>
    								<li>Bob Scott</li>
    								<li>Stevie Scott</li>
    
    								<li>Nick Scott</li>
    								<li>Gordon Scott</li>
    								<li>Tom Everett Scott</li>
    							</ul>
    				</td>
    			</tr>	
    		</table>
    								
    	
    	</body>		
    </html>

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Something like this maybe?

    PHP Code:
    <HTML>
    <
    HEAD>
    <
    TITLE>Document Title</TITLE>
        
    <
    script type="text/javascript">
    <!-- 

    function 
    toggle(obj,el){

    if (
    obj.src.indexOf("Images/plus.gif")!=-1){
    obj.src="Images/minus.gif";
    document.getElementById(el).style.display="block";

    else{
    obj.src="Images/plus.gif";
    document.getElementById(el).style.display="none";
    }
    }

     -->
    </script>

    </HEAD>
    <BODY>

    <h3>View Our Company</h3>
    <p><img id="expand" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="toggle(this,'orgchart');"/> Our Organization Chart</p>

    <ul class ="circle" style="display:none" id="orgchart">
    <li>orgchart</li>
    </ul>

    <p><img id="pres" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="toggle(this,'presclosed');"/> President</p>

    <ul class ="circle" style="display:none" id="presclosed">
    <li>Elliott Sadler</li>
    </ul>

    <p><img id="vpi" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="toggle(this,'vpiclosed');" /> Vice Presidents</p>

    <ul class="circle" style="display:none" id="vpiclosed">

    <li>Bob Saget</li>
    <li>Katee Sackoff</li>
    <li>Marat Safin</li>
        </ul>

    <p><img id="man" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="toggle(this,'manclosed');" /> Managers</p>

    <ul class="circle" style="display:none" id="manclosed">
    <li>Anwar Sadat</li>
    <li>Vic Sarin</li>
    <li>Carlos Saura</li>
    <li>Peter Sarsgaard</li>
    <li>Telly Savalas</li>
    <li>Marc Savard</li>

    </ul>

    <p><img id="emp" src="Images/plus.gif" alt="Expand" height="11" width="11" onclick="toggle(this,'empclosed');" /> Employees</p>

    <ul class="circle" style="display:none" id="empclosed">
    <li>George C. Scott</li>
    <li>Lucas Scott</li>
    <li>Dougray Scott</li>

    <li>Lizabeth Scott</li>
    <li>Ridley Scott</li>
    <li>Seann William Scott</li>
    <li>Tony Scott</li>
    <li>Bob Scott</li>
    <li>Stevie Scott</li>

    <li>Nick Scott</li>
    <li>Gordon Scott</li>
    <li>Tom Everett Scott</li>
    </ul>

    </BODY>
    </HTML> 
    The silent one.

    The most dangerous thing in the world is an idea.
    The most dangerous person in the world is the one with an idea.

  • #3
    Senior Coder
    Join Date
    Jul 2005
    Location
    New York, NY
    Posts
    1,084
    Thanks
    4
    Thanked 19 Times in 19 Posts
    could you post the problem you're having so we can help?

  • #4
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thanks

    Thanks... Got it figured out...


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •