Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<p onMouseOver="document.getElementById('info1').style.display = 'block';" onMouseOut="document.getElementById('info1').style.display = 'none';" onclick="document.getElementById('info2').style.display = 'block';"> Po najetí myší SEM se objeví DIV, který po odjetí myší zase zmizí. Když tu kliknu, objeví se zde ten samý DIV (s jiným ID) natrvalo, tedy dokud na něj nekliknu. </p> <div id="info1" class="infobox"> druhé okno, okno, okýnko <table> <tr><td>Položka</td><td>hodnota</td></tr> <tr><td>Položka</td><td><img src="gifslunce.gif" width="60px" ></td></tr> </table> </div> <div id="info2" class="infobox" onclick="document.getElementById('info2').style.display = 'none';"> druhé okno, okno, okýnko <table> <tr><td>Položka</td><td>hodnota</td></tr> <tr><td>Položka</td><td><img src="gifslunce.gif" width="60px" ></td></tr> </table> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.infobox { position: absolute; top: 30px; left: 70px; background-color: #BBBBBB; padding: 6px 8px 6px 8px; border: 1px solid black; display: none; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>