javascript void()

eMPiko

potrebujem jednoduchu zalezitost. viem ze sa to da robit pomocou voidu v javascripte ale neviem ako:

Mam zoznam odkazov, ked na ktorykolvek z nich kliknem, pod tymto zoznamom sa mi rozbali text, obrazky a vsetko co len chcem. Ked nan kliknem znova, vsetko zasa zmizne.

Ten príkaz javascript:void() iba zabezpečuje, aby sa po kliknutí na tag <a> nenačítavala nová stránka. Ty tam musíš urobiť nejaký skript, pomocou ktorého niečo zobrazíš/skryješ.

eMPiko

diky, ale moc si mi teda nepomohol

http://www.hojko.com/rozbalovaci-menu-t88357.html

eMPiko napísal:diky, ale moc si mi teda nepomohol

Viem, ale tá tvoja otázka bola tak všeobecná, že sa na ňu dala odpísať iba všeobecná rada (nenapísal si svoju predstavu o fungovaní a vzhľade).

eMPiko

chrono napísal:Viem, ale tá tvoja otázka bola tak všeobecná, že sa na ňu dala odpísať iba všeobecná rada (nenapísal si svoju predstavu o fungovaní a vzhľade).

jasne, vsak v pohode, chapem.

Este jedna vyhrada k tomu tvojmu zdrojaku audiotrack. Predstavoval som si to tak nejako, ze po kliknuti na hociktory z odkazov, zvysne <div>y zmiznu, takze vzdy bude viditelny max jeden <div>

ano, to som tam spomínal.. dá sa to prerobiť, verím že to zvládneš a ak nie tak neskôr ti to spravím.. Teraz mám inú robotu. Možno ma ale niekto predbehne

//no nevravel som

Toto cháp viac ako ukážku funkčnosti. Podľa toho, čo presne potrebuješ dosiahnuť by sa to dalo vylepšiť.

Kód: Vybrať všetko

<!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=Windows-1250" />
<title>Untitled Document</title>
<script language="javascript">
function menu(ktore){
	var menu = document.getElementById("menu");
	var divs = menu.getElementsByTagName("div");
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].id != ktore) {
			divs[i].className = "submenu_hidden";
		} else {
			divs[i].className = "submenu_visible";
		}
	}
}
</script>
<style>
.submenu_hidden{
	background-color:#CCCCCC;
	border-color:#999999;
	color:#666666;
	display:none;
	width: 100px;
}
.submenu_visible{
	background-color:#CCCCCC;
	border-color:#999999;
	color:#666666;
	display:block;
	padding-left:10px;
	width:100px;
}
</style>
</head>
<body>
<div id="menu">
	<a href="javascript:menu(1)">LINK 1</a><br>
	<div class=submenu_hidden id="1" > Link 1.1<br>Link 1.2 </div>
	<a href="javascript:menu(2)">LINK 2</a><br>
	<div class=submenu_hidden id="2">Link 2.1 </div>
	<a href="javascript:menu(3)">LINK 3</a><br>
	<div class=submenu_hidden id="3"> Link 3.1<br>Link 3.2<br>Link 3.3 </div>
</div>
</body>
</html>

eMPiko

dakujem obom

eMPiko

hmm, prave som prisiel na jednu nevyhodu, nepodporuje to vnorene ramy, keby som chcel napr:

Kód: Vybrať všetko

<a href="javascript:menu(1)">LINK 1</a><br>
<div class=submenu_hidden id="1" ><span>Nadpis</span>
<div>
text
text
text
</div>
</div>
<a href="javascript:menu(2)">LINK 2</a><br>
<div class=submenu_hidden id="2">Link 2.1 </div>
<a href="javascript:menu(3)">LINK 3</a><br>
<div class=submenu_hidden id="3"> Link 3.1<br>Link 3.2<br>Link 3.3 </div>

zobrazi mi len Nadpis