| Autor | Zpráva | ||
|---|---|---|---|
| Giuseppe Profil * |
#1 · Zasláno: 19. 8. 2011, 16:29:50
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 |
#2 · Zasláno: 19. 8. 2011, 16:38:09
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 * |
#3 · Zasláno: 19. 8. 2011, 16:41:50
Nějaký návod na internetu pro začínající by nebyl?
|
||
| Rellik Profil |
#4 · Zasláno: 19. 8. 2011, 17:15:20
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 |
#5 · Zasláno: 19. 8. 2011, 17:25:57
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 |
#6 · Zasláno: 19. 8. 2011, 17:38:42
Joker:
To je fakt. Jde to ale i napozicovat tak aby "díra" nebyla... :) |
||
|
Časová prodleva: 14 let
|
|||
0