Osadzenie obiektu jeżeli wysokość innego obiektu >X, wyświetlenie div jeżeli wysokość innego div >x px Opcje

[maraska]

Mam takie pytanie, może banalne a może bez rozwiązania.

Chcemy na stronie wyświetlić div2 tylko jeżeli div1 heigt>x px. Taka "zapchaj-dziura".
Jeżeli div tworzący lewą kolumnę jest dłuższy niż x px to wyświetlamy div po prawej.

Taki układ strony:

FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF

YYYYYYYYYYYY.........................KKKKKKKKKKKK
YYYYYYYYYYYY.........................KKKKKKKKKKKK
YYYYYYYYYYYY.........................KKKKKKKKKKKK
YYYYYYYYYYYY.........................kkkkkkkkkkkkk
YYYYYYYYYYYY

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ
ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ


W imitacji jak powyżej, chcemy wyświetlić pole K jeżeli pole Y dłuższe niż x.

I nie mam pomysłu jak się do tego zabrać czyli jak formułować warunek.

Macie jakieś pomysły?

Pozdrawiam

[com]

co to robi w tym dziale?

najprościej w chyba jquery :

[JAVASCRIPT] pobierz, plaintext 
var h = $("#div1").height();
var x= 100;
if(h>x)
$("#div3").append('<div id="div2"></div>');
[JAVASCRIPT] pobierz, plaintext 

Miej więcej tak pisane z palca (IMG:style_emoticons/default/smile.gif)

Ten post edytował com 29.10.2013, 22:12:34