Autor Zpráva
xlifer
Profil
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
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
Díky.
xlifer
Profil
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>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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