jQuery - zjisteni vysky boxu a nasledny inline zapis do HTML

Programovacie jazyky, rady, poradňa...
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

jQuery - zjisteni vysky boxu a nasledny inline zapis do HTML

Príspevok od používateľa fikotek »

Kazdy ten div ma jinou vysku. Muzete mi prosim poradit jak zjistit vysku jednotliveho divu a zapsat do inline stylu tu spravnou vysku. Ono by se to dalo vyresit asi IDckem ale co kdyz tech boxu budu mit 10 nebo 20. Rozumi te mi ze jo? :oops:

Kód: Vybrať všetko

    var vyska = $('.offer_name h2').height();
    $('.offer_name').attr('style', 'height:' + (vyska+20) + 'px');

Kód: Vybrať všetko

<div class="offer_name"><h2>ROMANTICKÁ NEDĚLE</h2></div>
<div class="offer_name"><h2>Zimní zvýhodněné  a wellness pobyty</h2></div>
*****HERO*****
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: jQuery - zjisteni vysky boxu a nasledny inline zapis do

Príspevok od používateľa *****HERO***** »

no $('.offer_name h2') ti selectne kolekciu vsetkych nadpisov obalenym kontajnernom s triedou "offer_name" a metoda height() ti vrati vysku prveho elementu v tej kolekcii

takze si to napr prebehni cez each a ziskas vysku kazdehu

Kód: Vybrať všetko

$('.offer_name').each(function(){
    var vyska = $(this).find('h2').height();
    $(this).height(vyska + 20);
});

nechapem co tym ale chces dosiahnut. ved ten div bude mat automaticky taku istu vysku, ako ta h2 co je v nej, pokial ta h2 nema nejake paddingy alebo nefloatuje - to je potom ale blbost takto to riesit
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: jQuery - zjisteni vysky boxu a nasledny inline zapis do

Príspevok od používateľa fikotek »

Hero, ja ten box absolutne pozicuju vuci nadrazenumu boxu. Absolutne ho stredim horizontalne i vertikalne. A potrebuju znat vysku toho h2 abych mohl tomu offername dat tu samou vysku. Jinak se mi ten box nevystredi.

Da se to udelat i csskem kdy z toho boxu udelas table cell a h2 nstavis vertical midle ale ja se pomalicku ucim jQuery tak jsem to spachal timle postupem.

Za par chvil vyzkousim tvuj postup.

Dekuju
Napísať odpoveď