Autor Zpráva
Musilda
Profil
Vzhledem k tomu, že jsem začátečník a javascriptu moc nerozumím, hledal jsem řešení a "splácal" paskvil.
Potřebuji při kliknutí na odkaz menu, aby se změnilo podmenu. Když kliknu na odkaz v podmenu, změní se zobrazený obrázek.
Problém je v tom, že potřebuji, aby se změnil obrázek i když kliknu na odkaz v hlavním menu.
Nedokážu ty dvě funkce spojit.
<script> 
    
    function klik1(zdroj) {projekt_big_img.src=zdroj}//funkce pro přepínání obrázku

		var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
		function zobraz(polozka){
			if (document.getElementById){
				document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
				document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
				zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
				return false; // odkaz neproklikne na href
			}
			else {
				if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
				return true; // odkazy budou proklikavat na href
			} 
		}
	</script> 
	
	<ul id="projekt_top_menu">
  <li><a href="#prvni"  onclick="return zobraz('prvni');" ><span>Vizualizace</span></a></li>
  <li><a href="#druha" onclick="return zobraz('druha');" ><span>Půdorysy</span></a></li>
  <li><a href="#treti" onclick="return zobraz('treti');"><span>Pohledy</span></a></li>
</ul>


<ul  id="prvni" class="polozka">
  <li onclick="klik1('projekty/anna_104/anna_104_vizualizace.jpg')">Hlavní vizualizace</li>
  <li onclick="klik1('projekty/anna_104/anna_104_vizualizace_2.jpg')">Druhá vizualizace</li>
</ul>


<ul  id="druha" class="polozka">
  <li onclick="klik1('projekty/anna_104/pudorys-prizemi-barevny-anna-104.gif')">Půdorys přízemí</li>
  <li onclick="klik1('projekty/anna_104/pudorys-1-patro-barevny-anna-104.gif')">Půdorys 1. patro</li>
</ul>


<ul  id="treti" class="polozka">
  <li onclick="klik1('projekty/anna_104/predni-pohled-anna-104.jpg')">Přední pohled</li>
  <li onclick="klik1('projekty/anna_104/zadni-pohled-anna-104.jpg')">Zadní pohled</li>
  <li onclick="klik1('projekty/anna_104/levy-pohled-anna-104.jpg')">Levý pohled</li>
  <li onclick="klik1('projekty/anna_104/pravy-pohled-anna-104.jpg')">Pravý pohled</li> 
</ul>

<img id="projekt_big_img"  src="projekty/anna_104/anna_104_vizualizace.jpg">

	


Když kliknu na vizualizace, aby zobrazila hlavní vizualizace, když kliknu půdorys, aby zobrazil půdorys přízemí, když kliknu na pohledy, aby se zobrazil přední pohled.

Budu rád za každou radu.
Camo
Profil
Optimalizuješ pre IE4?...
Ten projekt_big_img na riadku 3. podĺa mňa bude undefined
_es
Profil
Camo:
Ten projekt_big_img na riadku 3. podĺa mňa bude undefined
V rôznych prehliadačoch to môže byť niečo rôzne, viď aj tu - posledné dva body.

Musilda:
Ovládače udalosti môžeš priradiť aj v <script>e, nemusíš používať HTML atribút:
element.onclick = názovFunkcie; // alebo:
element.onclick = function(){nejaký kód};

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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