Autor Zpráva
Martos
Profil *
Mám stránku na http://kep.mujhost.cz/Script/Scriptv2.htm
Chtěl bych docíli toho, že když je "Nadpis 1" rozkliknut (zobrazuje se Text 1) a kliknu na "Nadpis 2", aby se "Nadpis 1" skryl. Jak na to?
Jinak těch nabídek budu mít pod sebou cca 20. Takže vždy po rozbalení jedné nabídky by se všechny ostatní měly skrýt.
Když to budu mít takto koncipované, je to OK v návaznosti na SEO? Uloží si robot texty, když je funkčnost řešená scriptem?


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

<title>aaa</title>
</head>

<body>
<SCRIPT>
	function zobrazSkryj(idecko){
		el=document.getElementById(idecko).style; 
		el.display=(el.display == 'block')?'none':'block';
	}
</SCRIPT>

<style type="text/css">
.klikni {cursor: hand; cursor: pointer}
.skryvany {	DISPLAY: none}
</style>




<p class="klikni" onclick="zobrazSkryj('oddil-01')"><b>Nadpis 1</b></p>
<div class="skryvany" id="oddil-01">
<p>Text 1</p>
</div>

<p class="klikni" onclick="zobrazSkryj('oddil-02')"><b>Nadpis 2</b></p>
<div class="skryvany" id="oddil-02">
<p>Text 2</p>
</div>

</body>

</html>
Str4wberry
Profil
Jak na to? Projít si všechny skrývané elementy cyklem, ve kterém se všechny skryjí, načež se dle nadpisu právě jeden zobrazí.
Martos
Profil *
Str4wberry:
Šlo by konkrétní příklad? Tento příklad jsem našel v nějaké zdejší diskusi, ale už jsem nikde nenašel to, co potřebuju dál.
Str4wberry
Profil
Ale tak jo.
Martos
Profil *
Str4wberry:
To je přesně ono. Díky.
Chtěl jsem to zakomponovat ještě do menu (funkčnost na http://kep.mujhost.cz/Script/FinalMenu.zip)
Myslel jsem si, že to už zvládnu, ale asi jsem přecenil své síly. Bojuju s tím asi hodinu a pořád se nemůžu dopracovat toho, co chci.
Chtěl bych, aby když najedu na moje Menu 1, rozbalí se mi nabídka Podmenu1, Podmenu 2 atd. Po kliknutí na Podmenu1 se na stránce objeví Nadpis1 a Popis1. Pak zase pokud najednu na Menu1 a kliknu na Podmenu2, tak aby se Nadpis1 a Popis1 skryl a zůstal zobrazený jen Nadpis2 a Popis2 (vaše funkčnost).
Pomůžete prosím ještě s tímto? Pro vás to bude asi hračka na pár minut. Moc byste mi tím pomohl.
Str4wberry
Profil
Ukázku stahovat nebudu. Ale postup k dosažení popisu je zhruba následující:
1) Přidat id <div>ům v <div id="obal">.
2) Vytvořit si funkci, která dostane jako parametr ID části, která se má zobrazit, a nastaví ji třídu show.
3) Zároveň tato funkce napřed zavolá funkci clearAll.
4) Přidat položkám v menu akci nové funkce, předat ji parametr a stornovat výchozí akci odkazu*.

*) Ideální by bylo dát odkazům v menu href na #kotvu cíleného <div>u, kterou by si JavaScript sám vzal a podle toho příslušný <div> po kliknutí zobrazil. Ale může to fungovat i bez toho.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0