Autor Zpráva
Honzin
Profil *
#1 · Zasláno: 30. 3. 2006, 19:10:54
Odpovědět Citovat
Chtěl bych udělat vodorovné menu, např. se třemi odkazy, a to tak, aby se obsah těchto odkazů načítal najednou při načtení stránky a kliknutím na odkaz by se obsah jen "zviditelnil". Mohlo by to jít pomocí visibility nebo pomocí pozicování. Má někdo něco podobného už vychytaný. Poraďte prosím...
Miloš
Profil
#2 · Zasláno: 30. 3. 2006, 20:00:45
Odpovědět Citovat
Máš na mysli tohle?
Honzin
Profil *
#3 · Zasláno: 30. 3. 2006, 20:48:02
Odpovědět Citovat
Bohužel ne. Představ si třeba tři tabulky. Při načtení stránky se zobrazí 1. tabulka a ve vodrovném menu jsou odkazy na 2. a 3. tabulku. Když kliknu na odkaz s 2. nebo 3. tabulkou, zmizí 1. tabulka a bez znovu-načítání se zobrazí tabulka 2. či 3.
habendorf
Profil
#4 · Zasláno: 30. 3. 2006, 22:02:47
Odpovědět Citovat
Honzin: Něco takového http://www.alistapart.com/d/hybrid/hybrid-4.html ?
Honzin
Profil *
#5 · Zasláno: 30. 3. 2006, 22:26:24
Odpovědět Citovat
Taky ne. Obsah pod těmi "záložkami" nejsou další odkazy, ale např. nějaký text. A nemá se měnit po najetí myší, ale až po kliknutí.
habendorf
Profil
#6 · Zasláno: 30. 3. 2006, 22:44:36
Odpovědět Citovat
Obsah pod těmi "záložkami" nejsou další odkazy, ale např. nějaký text. A nemá se měnit po najetí myší, ale až po kliknutí.

No dobře, to už je ale detail. Základ máš, stačí drobné úpravy,
Honzin
Profil *
#7 · Zasláno: 30. 3. 2006, 23:06:47
Odpovědět Citovat
Nojo, máš recht.
Díky, díky.
Honzin
Profil *
#8 · Zasláno: 31. 3. 2006, 07:38:12
Odpovědět Citovat
Jsem myslel, že vím jak, ale nevím. Takže "základ mám", ale v čem spočívají ty "drobné úpravy"?
Honzin
Profil *
#9 · Zasláno: 31. 3. 2006, 12:17:58
Odpovědět Citovat
Tak jsem to udělal javascriptem.
nakashi
Profil
#10 · Zasláno: 31. 3. 2006, 18:52:53
Odpovědět Citovat
když to chceš až po kliknutí, tak to stejně pomocí a:hover neuděláš, takže musíš javascriptem...
já to řešil takhle: 
	<script type="text/javascript">

	  <!--

		function showhide(pp) {

		var objekt = document.getElementById(pp);

		objekt.className = objekt.className=='noshow' ? '' : 'noshow';

		return false;

		}

	  // -->

	</script>

...

<div id="box"></div>

<a href="" onclick="return showhide('box');">ukaž!</a>

<script language="javascript"><!-- showhide('box'); --></script>

...

#box {display:block;}

#box.noshow {display:none;}

ale takhle je to pouze pro jeden blok, kterej se ukazuje a schovává.
Když jich chceš víc, tak ten JS musíš upravit, aby to skrylo ten poslední a ukázalo aktuální, ale to už neni složitý.
Honzin
Profil *
#11 · Zasláno: 2. 4. 2006, 10:56:14
Odpovědět Citovat
pro více obsahů jsem to udělal takhle: 


<style type="text/css">

.none {display: none;}

.visible {display: block;}

</style>



<SCRIPT LANGUAGE="JavaScript">

function setOne(one) {

document.getElementById("prvni").className=one;

}

function setTwo(two) {

document.getElementById("druha").className=two;

}

function setThree(three) {

document.getElementById("treti").className=three;

}

</SCRIPT>


při načtení stránky se otevře obsah 1 a odkazy zviditelňují a schovávají další obsahy: 

<body onload="setOne('visible'); setTwo('none'); setThree('none');">

<a href="#" onclick="setOne('visible'); setTwo('none'); setThree('none');">|první odkaz| </a>

<a href="#" onclick="setOne('none'); setTwo('visible'); setThree('none');"> |druhý odkaz |</a>

<a href="#" onclick="setOne('none'); setTwo('none'); setThree('visible');"> |třetí odkaz|</a>

<div id="prvni">

obsah 1

</div>

<div id="druha">

obsah 2

</div>

<div id="treti">

obsah 3

</div>

...


hodí se to, když máme dlouhý obsah a nechceme rolovat kolečkem
Časová prodleva: 1 rok
Stenlyb
Profil *
#12 · Zasláno: 23. 6. 2007, 19:44:56
Odpovědět Citovat
Super skript, moc mi pomol... díky
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0