waarom als pagina wel en niet in een php div?

Status
Niet open voor verdere reacties.
phobia

phobia

Terugkerende gebruiker
Lid geworden
4 sep 2006
Berichten
1.777
Ik ben met een site bezig. met mijn navigatie knoppen laat ik via ajax een div"main"
vullen met ....home...programma....deejay's....enz

de navigatie werkt prima. maar nu het probleem.

als ik programma kies opend in de div"main"
een keuzelijst maandag...dinsdag...woensdag...enz
als ik nu op maadag klik hoort er een verborgen div met een lijst te openen
maar ik krijg een javascript error

Als ik van mijn pagina de broncode opvraag, dan word de div"main" weergegeven met de gegevens van home, waar de pagina ook op opend.

als ik de code nu als een normale htmlpagina maak werkt het wel.

als HTML pagina:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
											<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('ma','di','wo','do','vr','za','zo');

function switchid(id){
	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id

	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
</script>

</head>

<body>
<div class="text">
<div class="prog_dag"><a href="javascript:switchid('ma');">&raquo;Maandag</a></div>
<div id='ma' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop<br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Interactive 40 (Martijn Dekker) <br>
		16:00 Interactive 40 (Martijn Dekker) <br>
		17:00 Interactive 40 (Martijn Dekker) <br>
		18:00 Bjorn open air <br>
		19:00 Bjorn open air <br>
		20:00 Showcees gaat laat! <br>
		21:00 Showcees gaat laat! <br>
		22:00 DNC Groove<br>
		23:00 DNC Groove <br> 
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('di');">&raquo;Dinsdag</a></div>
<div id='di' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop<br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop <br>
		18:00 Bjorn open air<br>
		19:00 Bjorn open air <br>
		20:00 DNC Groove <br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('wo');">&raquo;Woensdag</a></div>
<div id='wo' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop<br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop <br>
		18:00 Bjorn open air<br>
		19:00 Bjorn open air<br>
		20:00 DNC Groove <br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('do');">&raquo;Donderdag</a></div>
<div id='do' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop<br>
		18:00 Bjorn open air<br>
		19:00 Bjorn open air<br>
		20:00 DNC Groove <br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('vr');">&raquo;Vrijdag</a></div>
<div id='vr' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop <br>
		18:00 Dance Control(Selwyn Donia) <br>
		19:00 Dance Control(Selwyn Donia)<br>
		20:00 DNC Groove<br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('za');">&raquo;Zaterdag</a></div>
<div id='za' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 A12FM Weekend <br>
		16:00 A12FM Weekend<br>
		17:00 A12FM Weekend<br>
		18:00 A12FM Weekend<br>
		19:00 A12FM Weekend<br>
		20:00 A12FM Weekend<br>
		21:00 Non Stop <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('zo');">&raquo;Zondag</a></div>
<div id='zo' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 A12FM Weekend <br>
		16:00 A12FM Weekend<br>
		17:00 A12FM Weekend<br>
		18:00 A12FM Weekend<br>
		19:00 A12FM Weekend<br>
		20:00 A12FM Weekend<br>
		21:00 Non Stop <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
</body>

</html>
en als de php:

PHP: 
<?
if (!isset($_SESSION)) {
session_start();
}
?>
<script type="text/javascript">
//here you place the ids of every element you want.
var ids=new Array('ma','di','wo','do','vr','za','zo');

function switchid(id){
	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id

	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
</script>
<body style="margin-top: 7px">
	<div style=" height: 41px; width: 529px;" class="mainhead">
	<strong><span class="fonttab"><br>
	</span><span class="fonthead">Programmering</span></strong></div>

 <div class="mainbody" style="  width: 526px; width: 528px; left: 0px; top: 59px;">
<div class="text">
<div class="prog_dag"><a href="javascript:switchid('ma');">&raquo;Maandag</a></div>
<div id='ma' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop<br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Interactive 40 (Martijn Dekker) <br>
		16:00 Interactive 40 (Martijn Dekker) <br>
		17:00 Interactive 40 (Martijn Dekker) <br>
		18:00 Bjorn open air <br>
		19:00 Bjorn open air <br>
		20:00 Showcees gaat laat! <br>
		21:00 Showcees gaat laat! <br>
		22:00 DNC Groove<br>
		23:00 DNC Groove <br> 
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('di');">&raquo;Dinsdag</a></div>
<div id='di' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop<br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop <br>
		18:00 Bjorn open air<br>
		19:00 Bjorn open air <br>
		20:00 DNC Groove <br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('wo');">&raquo;Woensdag</a></div>
<div id='wo' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop<br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop <br>
		18:00 Bjorn open air<br>
		19:00 Bjorn open air<br>
		20:00 DNC Groove <br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('do');">&raquo;Donderdag</a></div>
<div id='do' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop<br>
		18:00 Bjorn open air<br>
		19:00 Bjorn open air<br>
		20:00 DNC Groove <br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('vr');">&raquo;Vrijdag</a></div>
<div id='vr' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 Non Stop <br>
		16:00 Non Stop <br>
		17:00 Non Stop <br>
		18:00 Dance Control(Selwyn Donia) <br>
		19:00 Dance Control(Selwyn Donia)<br>
		20:00 DNC Groove<br>
		21:00 DNC Groove <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('za');">&raquo;Zaterdag</a></div>
<div id='za' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 A12FM Weekend <br>
		16:00 A12FM Weekend<br>
		17:00 A12FM Weekend<br>
		18:00 A12FM Weekend<br>
		19:00 A12FM Weekend<br>
		20:00 A12FM Weekend<br>
		21:00 Non Stop <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
<div class="prog_dag"><a href="javascript:switchid('zo');">&raquo;Zondag</a></div>
<div id='zo' style="display:none;">
	<div class="prog_uur">
		07:00 Non Stop <br>
		08:00 Non Stop <br>
		09:00 Non Stop <br>
		10:00 Non Stop <br>
		11:00 Non Stop <br>
		12:00 Non Stop <br>
		13:00 Non Stop <br>
		14:00 Non Stop <br>
		15:00 A12FM Weekend <br>
		16:00 A12FM Weekend<br>
		17:00 A12FM Weekend<br>
		18:00 A12FM Weekend<br>
		19:00 A12FM Weekend<br>
		20:00 A12FM Weekend<br>
		21:00 Non Stop <br>
		22:00 Non Stop <br>
		23:00 Non Stop <br>
	</div>
</div>
</div>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan