Javascriptje

Status
Niet open voor verdere reacties.
R

rsjabber

Nieuwe gebruiker
Lid geworden
14 okt 2007
Berichten
2
Weet iemand hoe ik in mijn site meerdere van de volgende menuscriptjes tegelijk kan gebruiken.

PHP: 
<!-- Begin
var refer=true;
function combo() {
if (refer) {
  document.all.contents.style.visibility="visible";
  refer=false;
}
else {
  document.all.contents.style.visibility="hidden";
  refer=true;
}
}
//  End -->
</script>

</HEAD>

<!-- Dit zet u in de body van de pagina-->

<BODY>

<table align="center">
<tr><td>
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
  <tr>
    <td bgcolor="d8d8d8">
      <font face="verdana" size="2"> Kies een link uit</font>
    </td>
    <td align="right" width="21">
      <img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
  </tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
  <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
  <tr>
    <td bgcolor="d8d8d8">
      <font face="verdana" size="2">
      <a href="http://www.sentinelli.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sentinelli's Javascript</a><br>
      <a href="http://www.google.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ezup Europe</a><br>
      <a href="http://www.google.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sportvissers online</a><br></font>
    </td>
  </tr>
</table>
 
????

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
		<title>
			(Type a title for your page here)
		</title>
		<!--Pagina gemaakt op Tuesday, February 12, 2008 20:12:57 -->
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta name="description"  CONTENT="korte beschrijving van de pagina">
		<meta name="keywords"  CONTENT="trefwoorden, die, slaan, op, de, pagina">
		<meta name="publisher" CONTENT="Jan Jansen">
		<meta name="Author" content="Peter Vazed">
		<meta name="robots" content="index, follow">
		<meta name="revisit" content="7 days">
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<meta http-equiv="Content-Style-Type" content="text/css">
		
<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
		<LINK rel="stylesheet" type="text/css" href="zp.css">
		
<style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
</style>
		
<script type="text/javascript" >

<!-- Begin
var refer=true;
function combo() {
if (refer) {
  document.all.contents.style.visibility="visible";
  refer=false;
}
else {
  document.all.contents.style.visibility="hidden";
  refer=true;
}
}
//  End -->
</script>
		
		
<script type="text/javascript" >

<!-- Begin
var refer=true;
function combo2() {
if (refer) {
  document.all.contents2.style.visibility="visible";
  refer=false;
}
else {
  document.all.contents2.style.visibility="hidden";
  refer=true;
}
}
//  End -->
</script>
		
		
<script type="text/javascript" >

<!-- Begin
var refer=true;
function combo3() {
if (refer) {
  document.all.contents3.style.visibility="visible";
  refer=false;
}
else {
  document.all.contents3.style.visibility="hidden";
  refer=true;
}
}
//  End -->
</script>
		
		
	</HEAD>
	
	<!-- Dit zet u in de body van de pagina-->
	
	<BODY>
		
		<table width="800" align="center">
			<tr>
				<td>
					<!-- eerste tabel -->
					<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
						  
						<tr>
							    
							<td bgcolor="d8d8d8">
								      
								<font face="verdana" size="2">
									 Kies EEN link uit
								</font>
								    
							</td>
							    
							<td align="right" width="21">
								      
								<img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" >
							</td>
							  
						</tr>
					</table>
					<div id="contents" >
						  
						<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
							  
							<tr>
								    
								<td bgcolor="d8d8d8">
									      
									<font face="verdana" size="2">
										      
										<a href="http://www.zeepoort.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sen</a>
										<br>
										      
										<a href="http://www.minisevenclub.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ez</a>
										<br>
										      
										<a href="http://www.ns.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sp</a>
										<br>
									</font>
									    
								</td>
							</tr>
						</table>
					</div>
				</td>
				<td>
					
					<!-- tweede tabel -->
					<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
						  
						<tr>
							    
							<td bgcolor="d8d8d8">
								      
								<font face="verdana" size="2">
									 Kies TWEE link uit
								</font>
								    
							</td>
							    
							<td align="right" width="21">
								      
								<img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo2()" >
							</td>
							  
						</tr>
					</table>
					<div id="contents2" >
						  
						<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
							  
							<tr>
								    
								<td bgcolor="d8d8d8">
									      
									<font face="verdana" size="2">
										      
										<a href="http://www.ford-world.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  S2</a>
										<br>
										      
										<a href="http://www.helpmij.nl.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ez2</a>
										<br>
										      
										<a href="http://www.zeelandnet.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sp2</a>
										<br>
									</font>
									    
								</td>
							</tr>
						</table>
					</div>
				</td>
				<td>
					
					<!-- derde tabel -->
					<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
						  
						<tr>
							    
							<td bgcolor="d8d8d8">
								      
								<font face="verdana" size="2">
									 Kies DRIE link uit
								</font>
								    
							</td>
							    
							<td align="right" width="21">
								      
								<img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo3()" >
							</td>
							  
						</tr>
					</table>
					<div id="contents3" >
						  
						<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
							  
							<tr>
								    
								<td bgcolor="d8d8d8">
									      
									<font face="verdana" size="2">
										      
										<a href="http://www.sentinelli.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Se3</a>
										<br>
										      
										<a href="http://www.google.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ezu3</a>
										<br>
										      
										<a href="http://www.google.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Spor3</a>
										<br>
									</font>
									    
								</td>
							</tr>
						</table>
					</div>
				</td>
				  
			</tr>
		</table>
		  
		
	</body>
	
</html>

¿¿¿¿¿ :cool:
 
Super dankje wel hier kom ik alweer een heel stuk verder mee:thumb:
 
Het kan ook met 1 functie:
PHP: 
var refer = new Array();

function combo(n) {
 if (typeof(refer[n]) == 'undefined') refer[n] = true;
 refer[n] = !refer[n];
 document.getElementById('contents' + n).style.visibility = (refer[n] ? 'visible' : 'hidden');
 };
met onclick="combo(0)" zet je dan <div id="contents0"> aan en uit, enz... :)
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
		<title>
			(Type a title for your page here)
		</title>
		<!--Pagina gemaakt op Tuesday, February 12, 2008 20:12:57 -->
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta name="description"  CONTENT="korte beschrijving van de pagina">
		<meta name="keywords"  CONTENT="trefwoorden, die, slaan, op, de, pagina">
		<meta name="publisher" CONTENT="Jan Jansen">
		<meta name="Author" content="Peter Vazed">
		<meta name="robots" content="index, follow">
		<meta name="revisit" content="7 days">
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<meta http-equiv="Content-Style-Type" content="text/css">
		
<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
		<LINK rel="stylesheet" type="text/css" href="zp.css">
		
<style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
</style>
		
<script type="text/javascript" >

var refer = new Array();

function combo(n) {
 if (typeof(refer[n]) == 'undefined') refer[n] = true;
 refer[n] = !refer[n];
 document.getElementById('contents' + n).style.visibility = (refer[n] ? 'visible' : 'hidden');
 };

</script>

		
		
	</HEAD>
	
	<!-- Dit zet u in de body van de pagina-->
	
	<BODY>
		
		<table width="800" align="center">
			<tr>
				<td>
					<!-- eerste tabel -->
					<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
						  
						<tr>
							    
							<td bgcolor="d8d8d8">
								      
								<font face="verdana" size="2">
									 Kies EEN link uit
								</font>
								    
							</td>
							    
							<td align="right" width="21">
								      
								<img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo(0)" >
							</td>
							  
						</tr>
					</table>
					<div id="contents0" >
						  
						<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
							  
							<tr>
								    
								<td bgcolor="d8d8d8">
									      
									<font face="verdana" size="2">
										      
										<a href="http://www.zeepoort.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sen</a>
										<br>
										      
										<a href="http://www.minisevenclub.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ez</a>
										<br>
										      
										<a href="http://www.ns.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sp</a>
										<br>
									</font>
									    
								</td>
							</tr>
						</table>
					</div>
				</td>
				<td>
					
					<!-- tweede tabel -->
					<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
						  
						<tr>
							    
							<td bgcolor="d8d8d8">
								      
								<font face="verdana" size="2">
									 Kies TWEE link uit
								</font>
								    
							</td>
							    
							<td align="right" width="21">
								      
								<img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo(1)" >
							</td>
							  
						</tr>
					</table>
					<div id="contents1" >
						  
						<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
							  
							<tr>
								    
								<td bgcolor="d8d8d8">
									      
									<font face="verdana" size="2">
										      
										<a href="http://www.ford-world.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  S2</a>
										<br>
										      
										<a href="http://www.helpmij.nl.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ez2</a>
										<br>
										      
										<a href="http://www.zeelandnet.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Sp2</a>
										<br>
									</font>
									    
								</td>
							</tr>
						</table>
					</div>
				</td>
				<td>
					
					<!-- derde tabel -->
					<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
						  
						<tr>
							    
							<td bgcolor="d8d8d8">
								      
								<font face="verdana" size="2">
									 Kies DRIE link uit
								</font>
								    
							</td>
							    
							<td align="right" width="21">
								      
								<img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo(2)" >
							</td>
							  
						</tr>
					</table>
					<div id="contents2" >
						  
						<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
							  
							<tr>
								    
								<td bgcolor="d8d8d8">
									      
									<font face="verdana" size="2">
										      
										<a href="http://www.sentinelli.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Se3</a>
										<br>
										      
										<a href="http://www.google.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Ezu3</a>
										<br>
										      
										<a href="http://www.google.nl" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">  Spor3</a>
										<br>
									</font>
									    
								</td>
							</tr>
						</table>
					</div>
				</td>
				  
			</tr>
		</table>
		  
		
	</body>
	
</html>
Vr.Gr. Egel.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan