28stieren
%Europe/Berlin %646 %2007, 16:31
Hallo,
Ik ben bezig met een site waar ik meerdere "pagina's" in 1 pagina zet.
Door middel van tekstlinks moet je dan naar een andere "pagina" gaan.
Hier is de code:
<!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>
<script>
<!--
var div = new Array('p01', 'p02', 'p03', 'p04' , 'p05' , 'p06');
function showDiv(which) {
for (i = 0; i < div.length ; i++){
if (div[i] == which){
eval(div[i]).style.display = 'inline';
} else {
eval(div[i]).style.display = 'none';
}
}
return void(0);
// elold.style.display = 'none';
// elnew.style.display = 'block';
}
//-->
</script>
</head>
<body>
<div id="bg_image">
<img style="width: 100%; height: 100%; position:fixed;" src="images/bg_pages.jpg"></div>
<div id="index">
<img src="images/spacer.gif" alt="" name="mapimg" width="508" height="611" border="0" usemap="#cvmenu" class="pages_cv" /></div>
<div id="cvmenu">
<img src="images/cvmenu.png" alt="cv menu" width="153" height="109" border="0" usemap="#cvmenu" />
<map name="cvmenu" id="cvmenu">
<area shape="rect" coords="4,3,66,18" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p01');" />
<area shape="rect" coords="4,19,106,36" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p02');" />
<area shape="rect" coords="4,37,148,53" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p03');" />
<area shape="rect" coords="4,55,80,70" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p04');" />
<area shape="rect" coords="4,71,44,84" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p05);" />
<area shape="rect" coords="4,85,136,103" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p06);" />
</map>
</div>
<div id="cv">
<div id="p01" class="panel" style="display:inline;">
<strong>personalia</strong>
</div>
<div id="p02" class="panel">
<strong>huidige opleiding</strong>
</div>
<div id="p03" class="panel">
<strong>opleidingen & diploma’s</strong>
</div>
<div id="p04" class="panel">
<strong>werkervaring</strong>
</div>
<div id="p05" class="panel">
<strong>kennis</strong>
</div>
<div id="p06" class="panel">
<strong>bijkomende informatie</strong>
</div>
</div>
<map name="stierenmap" id="stierenmap">
<area shape="poly" coords="110,212,105,202,104,191,98,170,85,168,70,161,56,14 7,44,124,35,93,30,65,26,64,25,54,17,47,12,65,10,10 5,16,143,26,169,47,192,76,208" href="stieren.php" id="pages_stieren" />
<area shape="poly" coords="120,206,110,195,105,179,104,168,122,155,136,149,15 9,139,187,133,194,150,196,175,196,216,192,251,187, 286,179,290,170,291,174,269,176,240,172,214,165,20 4,158,195,142,195,129,200" href="fotografie.php" id="pages_fotografie" />
<area shape="poly" coords="275,199,272,172,273,142,288,139,309,127,324,110,33 4,86,339,52,356,9,368,34,374,65,374,100,364,130,34 9,152,329,171,302,188" href="webdesign.php" id="pages_webdesign" />
<area shape="poly" coords="276,220,279,200,340,169,356,150,350,179,342,198,33 7,209,327,212,299,217,289,223,290,228,286,229" href="grafimedia.php" id="pages_grafimedia" />
<area shape="poly" coords="113,221,113,237,100,239,104,251,80,256,73,252,49,1 97,60,209,85,213" href="multimedia.php" id="pages_multimedia" />
<area shape="poly" coords="212,280,236,281,252,279,273,275,289,236,303,245,31 1,258,312,266,314,292,315,300,309,324,297,346,286, 361,270,372,265,360,286,342,300,321,311,298,290,31 1,276,323,255,344,259,347,268,337,278,331,286,329, 284,339,279,346,265,357,253,345,249,353,244,350,24 2,340,231,334,221,336,212,341,200,342" href="sneakers.php" id="pages_sneakers" />
<area shape="poly" coords="143,344,153,341,164,347,167,365,166,386,187,388,21 9,385,225,385,235,385,241,377,242,372,234,373,227, 367,219,372,212,363,210,349,219,343,230,340,241,34 8,240,353,252,358,252,363,256,364,262,363,264,371, 260,380,248,392,242,394,244,399,242,415,236,431,22 6,444,213,452,199,452,189,447,184,439,192,442,204, 442,217,437,226,426,232,413,232,405,239,400,237,39 6,223,400,206,401,202,404,206,410,215,409,216,412, 198,416,176,416,164,416,153,409,149,400,143,389,15 1,381,156,369,156,353,152,353,149,363,144,372,140, 364,143,356,147,352" href="contact.php" id="pages_contact" />
</map>
</body>
</html>
ik heb dit gemaakt aan de hand van wat LAIVERD onderaan dit topic vermeld:
http://www.flashfocus.nl/forum/showthread.php?t=865
Het probleem is dat de links niet werken. ALs ik mijn site vergelijk met die van LAIVERD, dan snap ik niet zo goed wat er verkeerd gaat...
Kan iemand mij helpen?
Bedankt.
Ik ben bezig met een site waar ik meerdere "pagina's" in 1 pagina zet.
Door middel van tekstlinks moet je dan naar een andere "pagina" gaan.
Hier is de code:
<!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>
<script>
<!--
var div = new Array('p01', 'p02', 'p03', 'p04' , 'p05' , 'p06');
function showDiv(which) {
for (i = 0; i < div.length ; i++){
if (div[i] == which){
eval(div[i]).style.display = 'inline';
} else {
eval(div[i]).style.display = 'none';
}
}
return void(0);
// elold.style.display = 'none';
// elnew.style.display = 'block';
}
//-->
</script>
</head>
<body>
<div id="bg_image">
<img style="width: 100%; height: 100%; position:fixed;" src="images/bg_pages.jpg"></div>
<div id="index">
<img src="images/spacer.gif" alt="" name="mapimg" width="508" height="611" border="0" usemap="#cvmenu" class="pages_cv" /></div>
<div id="cvmenu">
<img src="images/cvmenu.png" alt="cv menu" width="153" height="109" border="0" usemap="#cvmenu" />
<map name="cvmenu" id="cvmenu">
<area shape="rect" coords="4,3,66,18" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p01');" />
<area shape="rect" coords="4,19,106,36" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p02');" />
<area shape="rect" coords="4,37,148,53" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p03');" />
<area shape="rect" coords="4,55,80,70" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p04');" />
<area shape="rect" coords="4,71,44,84" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p05);" />
<area shape="rect" coords="4,85,136,103" href="http://www.28stieren.nl/new/cv.php" onClick="showDiv('p06);" />
</map>
</div>
<div id="cv">
<div id="p01" class="panel" style="display:inline;">
<strong>personalia</strong>
</div>
<div id="p02" class="panel">
<strong>huidige opleiding</strong>
</div>
<div id="p03" class="panel">
<strong>opleidingen & diploma’s</strong>
</div>
<div id="p04" class="panel">
<strong>werkervaring</strong>
</div>
<div id="p05" class="panel">
<strong>kennis</strong>
</div>
<div id="p06" class="panel">
<strong>bijkomende informatie</strong>
</div>
</div>
<map name="stierenmap" id="stierenmap">
<area shape="poly" coords="110,212,105,202,104,191,98,170,85,168,70,161,56,14 7,44,124,35,93,30,65,26,64,25,54,17,47,12,65,10,10 5,16,143,26,169,47,192,76,208" href="stieren.php" id="pages_stieren" />
<area shape="poly" coords="120,206,110,195,105,179,104,168,122,155,136,149,15 9,139,187,133,194,150,196,175,196,216,192,251,187, 286,179,290,170,291,174,269,176,240,172,214,165,20 4,158,195,142,195,129,200" href="fotografie.php" id="pages_fotografie" />
<area shape="poly" coords="275,199,272,172,273,142,288,139,309,127,324,110,33 4,86,339,52,356,9,368,34,374,65,374,100,364,130,34 9,152,329,171,302,188" href="webdesign.php" id="pages_webdesign" />
<area shape="poly" coords="276,220,279,200,340,169,356,150,350,179,342,198,33 7,209,327,212,299,217,289,223,290,228,286,229" href="grafimedia.php" id="pages_grafimedia" />
<area shape="poly" coords="113,221,113,237,100,239,104,251,80,256,73,252,49,1 97,60,209,85,213" href="multimedia.php" id="pages_multimedia" />
<area shape="poly" coords="212,280,236,281,252,279,273,275,289,236,303,245,31 1,258,312,266,314,292,315,300,309,324,297,346,286, 361,270,372,265,360,286,342,300,321,311,298,290,31 1,276,323,255,344,259,347,268,337,278,331,286,329, 284,339,279,346,265,357,253,345,249,353,244,350,24 2,340,231,334,221,336,212,341,200,342" href="sneakers.php" id="pages_sneakers" />
<area shape="poly" coords="143,344,153,341,164,347,167,365,166,386,187,388,21 9,385,225,385,235,385,241,377,242,372,234,373,227, 367,219,372,212,363,210,349,219,343,230,340,241,34 8,240,353,252,358,252,363,256,364,262,363,264,371, 260,380,248,392,242,394,244,399,242,415,236,431,22 6,444,213,452,199,452,189,447,184,439,192,442,204, 442,217,437,226,426,232,413,232,405,239,400,237,39 6,223,400,206,401,202,404,206,410,215,409,216,412, 198,416,176,416,164,416,153,409,149,400,143,389,15 1,381,156,369,156,353,152,353,149,363,144,372,140, 364,143,356,147,352" href="contact.php" id="pages_contact" />
</map>
</body>
</html>
ik heb dit gemaakt aan de hand van wat LAIVERD onderaan dit topic vermeld:
http://www.flashfocus.nl/forum/showthread.php?t=865
Het probleem is dat de links niet werken. ALs ik mijn site vergelijk met die van LAIVERD, dan snap ik niet zo goed wat er verkeerd gaat...
Kan iemand mij helpen?
Bedankt.