Autor Zpráva
Giuseppe
Profil *
Zdravím,
Jakým způsobem funguje script, který po kliknutí zobrazí skrytý text (či obrázek) a jak toho docílím.

Myslím tím teď něco na tenhle způsob :
www.frantatoman.cz/

Děkuju všem za Vaše rady
Joker
Profil
Giuseppe:
Prostě na kliknutí (událost onclick, případně tady je to odkaz, takže by to šlo dát přímo do href) se ten prvek Javascriptem skryje.
V tomhle případě to je obalené jQuery, ale ten základní princip je tenhle.
Giuseppe
Profil *
Nějaký návod na internetu pro začínající by nebyl?
Rellik
Profil
Tady máš odkrytí po najetí:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title></title>
	<style>
		#skryj {
			visibility: hidden;
			background-color: #aaffbb;
			}
	</style>
	
</head>
<body>
<a href="neco.html" class="button" onmouseover="document.getElementById('skryj').style.visibility='visible'" onmouseout="document.getElementById('skryj').style.visibility='hidden'">Zobraz</a>

<div id="skryj">
	něco co se odkryje
	</div>
</body>
</html>

Jak si to předělat na kliknutí už si najdi sám... (onclick)
Joker
Profil
ad Rellik, leckdy je místo visibility = visible/hidden užitečnější display = block/none.

Rozdíl je v tom, že prvek s visibility hidden je sice skrytý, ale jakoby je stále na svém místě na stránce ve svých původních rozměrech (čili místo něj je „díra“), prvek s display none se vůbec nezobrazuje, tzn. jako kdyby na stránce nikdy nebyl.
Rellik
Profil
Joker:
To je fakt. Jde to ale i napozicovat tak aby "díra" nebyla... :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0