onclick dropdown
Ik ben nog niet echt thuis in JS.
Maar heb een vraagje.
Ik heb een menu link met vrienden
nu wil ik dat als je op vrienden klikt dat er een dropdown komt
met daarin de gegevens die in de database staan.
is dit mogelijk
dus dat het dan zo wordt
vrienden
blaat|verwijderen
blaat2|verwijderen
Gesponsorde koppelingen:
ik heb dit zeg maar
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<table cellpadding="0" cellspacing="0" width="95%" class="mod_list">
<tr>
<td align="center" valign="top"><a href="/bericht/inbox"><font color="#70130e"><b>Inbox (<?php echo $inbox; ?>)</b></font></a>
</td>
<td align="center" valign="top"><a href="/bericht/system"><font color="#70130e"><b>Mededeling (<?php echo $mededeling; ?>)</b></font></a></td>
<td align="center" valign="top"><a href="/bericht/verstuurd"><font color="#70130e"><b>Verstuurd (<?php echo $outbox; ?>)</b></font></a></td>
<td align="center" valign="top"><a href="/bericht/nieuw"><font color="#70130e"><b>Nieuw bericht</b></font></a></td>
<td align="center" valign="top"><a href="/vrienden"><font color="#70130e"><b>Vrienden lijst</b></font></a></td>
<td align="center" valign="top"><a href="/geblokeerd"><font color="#70130e"><b>Geblokeerde personen</b></font></a></td>
<td align="center" valign="top"><a href="/bericht/<?php echo $_GET['x']; ?>/verwijderalles"><font color="#70130e"><b>Alles verwijderen</b></font></a>
</td>
</tr>
</table>
<tr>
<td align="center" valign="top"><a href="/bericht/inbox"><font color="#70130e"><b>Inbox (<?php echo $inbox; ?>)</b></font></a>
</td>
<td align="center" valign="top"><a href="/bericht/system"><font color="#70130e"><b>Mededeling (<?php echo $mededeling; ?>)</b></font></a></td>
<td align="center" valign="top"><a href="/bericht/verstuurd"><font color="#70130e"><b>Verstuurd (<?php echo $outbox; ?>)</b></font></a></td>
<td align="center" valign="top"><a href="/bericht/nieuw"><font color="#70130e"><b>Nieuw bericht</b></font></a></td>
<td align="center" valign="top"><a href="/vrienden"><font color="#70130e"><b>Vrienden lijst</b></font></a></td>
<td align="center" valign="top"><a href="/geblokeerd"><font color="#70130e"><b>Geblokeerde personen</b></font></a></td>
<td align="center" valign="top"><a href="/bericht/<?php echo $_GET['x']; ?>/verwijderalles"><font color="#70130e"><b>Alles verwijderen</b></font></a>
</td>
</tr>
</table>
Nu wil ik dus bij vrienden een onclick functie hebben
zodat er een dropdown komt waar je vrienden in zitten
Een menu is dat niet.
je kunt hetvolgende proberen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
function openSubMenu() {
if(document.getElementById('submenu').style.display=="") {
document.getElementById('submenu').style.display="none";
} else {
document.getElementById('submenu').style.display="";
}
}
</script>
<ul>
<li><a href="foo.htm">Foo</a></li>
<li><a href="foo.htm">Foo</a></li>
<li><a href="foo.htm">Foo</a></li>
<li><a href="foo.htm">Foo</a></li>
<li><a href="#" onclick="openSubMenu();return false;">Toon vrienden</a>
<ul id="submenu" style="display:none;">
<li>Kees</li>
<li>Jan</li>
<li>Piet</li>
<li>Hendrik</li>
<li>Klaas</li>
</ul>
</li>
<ul>
function openSubMenu() {
if(document.getElementById('submenu').style.display=="") {
document.getElementById('submenu').style.display="none";
} else {
document.getElementById('submenu').style.display="";
}
}
</script>
<ul>
<li><a href="foo.htm">Foo</a></li>
<li><a href="foo.htm">Foo</a></li>
<li><a href="foo.htm">Foo</a></li>
<li><a href="foo.htm">Foo</a></li>
<li><a href="#" onclick="openSubMenu();return false;">Toon vrienden</a>
<ul id="submenu" style="display:none;">
<li>Kees</li>
<li>Jan</li>
<li>Piet</li>
<li>Hendrik</li>
<li>Klaas</li>
</ul>
</li>
<ul>
