Potrebuju jednu radu. Mám na stránce pozicovánim umístěnej obrázek (absolutní pozice)kterej ukončuje sloupec.
V tom sloupci mám skrytej text, kterej se po kliku na ikonku zobrazí. Tím pádem se ten sloupec protáhne, ale obrázek zůstane
stát na fleku a překrejvá ten sloupec. Já ho potřebuju posunout. Už jsem vymyslel skript, kterej z height spocita pozici
toho obrazku, ale ma to jednu vadu. kdyz je obsah sloupce moc velkej, prohlizec protahne ten sloupec, vykasle se na hodnotu ve
stylu nebo v tagu A TU NOVOU JÁ NEMŮŽU ZJISIT... a tak skript pocita s blbosti a obrazek se soupne na spatnej flek.
Zkousel jsem to s tabulkou. Nastavil jsem ji mensi height nez je jeji obsah, aby se hodnota height nasledne zvetsila. To se stalo,
ale skript mi pocita porad s tou, ktero sem zapsal do tagu...
Co s tim?
Pro jistotu pridavam kod:
<script>
function calc(){
var x;
x = document.getElementById("tabulka").height;
delka = x.substring(0, x.length);
cislo = parseInt(delka);
xy = cislo + 82; <!--tech 82 pricitam kvuli obsahu nad sloupcem-->
window.alert(x + "," + delka + "," + xy); <!--jen abych vedel, jestli to funguje-->
document.getElementById("leva_konec").style.top = xy;
}
</script>
<script>
function changearrow(elementID){
id = "Zprava" + elementID;
src = elementID;
indika = "indica" + elementID;
if (document.all.item(id).style.display == ""){
document.all.item(id).style.display = "none";
document.all.item(indika).src = "closedfolder.gif";
id = "Nadpis" + elementID;
calc();
}
if (document.all.item(id).style.display == "none"){
id = "Zprava" + elementID;
document.all.item(id).style.display = "";
document.all.item(indika).src = "openfolder.gif";
id = "Nadpis" + elementID;
calc();
}
}
</script>
<div id="leva_konec" style="position: absolute; top: 100px; border: 1px solid black;">vcbcvb</div>
<table id="tabulka" height="15" border="1"><tr><td>
text
<div class="nadpis" id="Nadpis2">
<img src="closedfolder.gif" style="cursor: hand" id="indica2" onclick="changearrow('2')">nadpis
</div>
<div class="podnadpisem" ID="Zprava2" style="display: none;">
<a href="">r</a><br>
<a href="">r</a><br>
<a href="">r</a><br>
<a href="">r</a><br>
</div>
text
</td></tr></table>