login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[Hulp/request] Menu in- en uitklapbaar maken.

Offline Piet0r - 10/10/2004 17:07
Avatar van Piet0rLid Hallo SiteMasters.

Ik heb geprobeerd de tutorial op http://www.site...amp;id=274 te volgen. Maar wanneer ik dit doe, krijg ik steeds als eind een witte pagina.

Dit is mijn file menu.php
  1. <div id="menu">
  2. <dl>
  3. <dt>Index</dt>
  4. <dd><a href="index.php" title="Home">Home</a></dd>
  5. <dd><a href="contact.php" title="Contact">Contact</a></dd>
  6. <dd><a href="forum.php" title="Forum">Forum</a></dd>
  7. </dl>
  8. <br />


Nu zou ik graag willen dat ik naast Index die tussen <dt> en </dt> staat, ik daar een plaatje kan plaatsen of index eventueel als een hyperlink maken dat wanneer iemand daar op klikt, de rest van het menu wat tussen <dd> en </dd> staat verdwijnt. Dat je dus uit eindelijk alleen Index zie staan. En dat je dan weer op een -'ettje kunt drukken om de rest van het menu weer te kunnen zien. Het is eigenlijk het zelfde wat je ook op SiteMasters op de index pagina kunt zien.

Zou iemand mij willen helpen dit te maken?
Al vast bedankt!

4 antwoorden

Gesponsorde links
Offline Piet0r - 11/10/2004 17:31
Avatar van Piet0r Lid Kan niemand mij hiermee helpen? 
En jullie zijn nog wel zulke goede SiteMasters 
Offline Xzero - 11/10/2004 18:30 (laatste wijziging 11/10/2004 18:32)
Avatar van Xzero PHP beginner Ga terug naar die script dat gepost is, je moet niet alleen dit toevoegen:

<div id="menu">
<dl>
<dt>Index</dt>
<dd><a href="index.php" title="Home">Home</a></dd>
<dd><a href="contact.php" title="Contact">Contact</a></dd>
<dd><a href="forum.php" title="Forum">Forum</a></dd>
</dl>
<br />

maar ook wat er daaronder staat, bijv in jouw geval:

<?
if (!isset($_COOKIE["menu"])) {
setcookie("menu","M101",time()+60*60,"/","jedomeinnaam.nl");
}
function menu($which) {
$menu = (isset($_COOKIE['menu']) && $_COOKIE['menu'] != "NaN") ? $_COOKIE['menu'] : "M111101";
return (substr($menu, $which,1) == "0") ? "none" : "block";
}
?>
<html>
<head>
<script type="text/javascript">
function toggleMenu(id) {
if(document.getElementById(id).style.display == 'none') {
document.getElementById(id).style.display = 'block';
cookie = replaceChars(getCookie('menu'),id,"1");
setCookie("menu",cookie);
}else {
document.getElementById(id).style.display = 'none';
cookie = replaceChars(getCookie('menu'),id,"0");
setCookie("menu",cookie);
}
}

function replaceChars(entry,id, what) {
before = entry.slice(1,id);
id = parseInt(id)+1;
after = entry.slice(id,entry.lenght);
return "M" + before + what + after;
}

function setCookie(name, value) {
document.cookie = name + "=" + escape(value) + "; expires=Fri, 31 Dec 2010 23:59:59 GMT; path=/; domain=jedomeinnaam.nl;"
}

function getCookie(id) {
var prefix = id + "=";
var begin = document.cookie.indexOf("; " + prefix);
if (begin == -1) {
begin = document.cookie.indexOf(prefix);
if (begin != 0)
return null;
}else
begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1)
end = document.cookie.length;
return unescape(document.cookie.substring(begin + prefix.length, end));
}
</script>
</head>
<body>

<table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" width="200">
<tr>
<td width="175" style="font-family: Arial Black; font-variant: small-caps; font-size:10pt">
<a href="javascript:toggleMenu('1')">Index</a>
</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-variant: small-caps; font-size:10pt" id="1" style="display:<?=menu('1')?>">
1. <a href="index.php" title="Home">Home</a><br>
2. <a href="contact.php" title="Contact>Contact</a><br>
3. <a href="forum.php" title="Forum>Forum</a>
</td>
</tr>
</table>
</body>
</html>

Je hoeft dit code alleen ff te kopieren en plakken en hij doet het als het goed is .. (Die breedte van de tabellen moet je maar veranderen als je dat wil)

*Dat is de basis van je script dan.. wat je zelf wil toevoegen doe je dat 
Offline BigBug - 11/10/2004 18:31
Avatar van BigBug PHP expert niet gewoon <img src="img.jpg">??
of <a href="link.php">link</a> ??????????///:?:
Offline Xzero - 11/10/2004 18:36
Avatar van Xzero PHP beginner Dan zet je gewoon ff in die td waar index nu staat:
<td width="175" style="font-family: Arial Black; font-variant: small-caps; font-size:10pt">
<a href="javascript:toggleMenu('1')"><img src="jeplaatje.jpg"></a>
Index
</td>

*Alleen ik weet niet hoe je dat plaatje wil veranderen zoals hier bij sitemasters
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.203s