| Autor | Zpráva | ||
|---|---|---|---|
| xlifer Profil |
#1 · Zasláno: 4. 2. 2011, 23:06:03
Mám níže uvedený kód a nevím jak určit aby se pozice id="okno" počítala od id="pozice" odkazu?
Poradíte jak na to? Kód je pouze zkušební verze... <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<style>
.blok {width: 700px; border: 1px solid red}
.prava {float: right}
.omezujiciblok {position: relative; xwidth: 300px; border: 1px solid black}
.okno {position: absolute; width: 300px; top: -30px; right: 100px; background-color: green;}
</style>
<script language="JavaScript" type="text/javascript">
function ukaz()
{
var okno = document.getElementById("okno");
okno.style.display = okno.style.display == "none" ? "" : "none";
}
</script>
</head>
<body>
<div class="blok">
zde bezny text - ZDE BEXNY TEXT - zde bezny text - ZDE BEXNY TEXT -
zde bezny text - ZDE BEXNY TEXT - zde bezny text - ZDE BEXNY TEXT -
zde bezny text - ZDE BEXNY TEXT - zde bezny text - ZDE BEXNY TEXT -
<div class="prava">
<div class="omezujiciblok">
<a href="odkaz.html" id="pozice" onClick="ukaz();return false">zobrazit okno</a>
<div id="okno" class="okno" style="display:none">obsah okna<br>obsah okna<br>obsah okna</div>
</div>
</div>
</div>
</body>
</html> |
||
| Chamurappi Profil |
#2 · Zasláno: 5. 2. 2011, 02:25:53
Reaguji na xlifera:
Můžeš okno strčit dovnitř pozice, nebo pozicovat od rodiče s position: relative a přičítat výšku odkazu (line-height i top můžeš nastavovat v em jednotkách).
|
||
| xlifer Profil |
#3 · Zasláno: 5. 2. 2011, 20:05:06
Díky.
|
||
|
Časová prodleva: 4 měsíce
|
|||
| xlifer Profil |
#4 · Zasláno: 6. 6. 2011, 14:14:30
Po delší době jsem se zase vrátil k tématu a chci použít připočítání výšky odkazu, ale v případě, že není definován line-height, tak mi chodí v js prázdná hodnota? Měl jsem za to, že když není definováno line-height na odkazu v css, tak bude hodnota automaticky brát výšku, která je aktuální?
<script type="text/javascript">
function test(e) {
var obj=document.getElementById(e);
var lh = eMenu.style.lineHeight;
alert(lh);
}
</script>
<a href="javascript:test(this.id);" id="odkaz">odkaz</a> |
||
|
Časová prodleva: 13 let
|
|||
0