Domov > Programiranje > jQuery in $('tr').slideDown()
stran 2 od 3 |< 1 2 3 >|
jQuery in $('tr').slideDown()
 
b00mbar 17. sep 2009 13:39:49 Pridružen od:
18. jun 2008
350 objav
 554 127 18
#11

sem se pa zdele spomnu, kaj bi to lahko blo.. hočeš narest poste na tem forumu zaprte, če so spammy? :)


všeč(0) ni všeč(0) spam(0)
Garantirano najhitrejše pure SSD Reseller gostovanje ( PHP7.1, Opcache, Nginx, MariaDB, Let's encrypt) | Brezplačna selitev strani in pošte | 400+ domen po izjemnih cenah
www.neoserv.si
 
 
Vini 17. sep 2009 13:43:50 Pridružen od:
1. sep 2006
6612 objav
 5234 611 56
#12

Nope, animate() ne pomaga, očitno tudi on nastavi "display:block" :) Kot vse kaže, bo potrebno zadeve rahlo shekati :)


všeč(0) ni všeč(0) spam(0)
 
 
b00mbar 17. sep 2009 13:48:24 Pridružen od:
18. jun 2008
350 objav
 554 127 18
#13

še neki. kaj če vse iste fore probaš izvest na TDjih znotraj tega TRja? načeloma se ne bi smeli razsut, če jim daš display:block...


všeč(0) ni všeč(0) spam(0)
Garantirano najhitrejše pure SSD Reseller gostovanje ( PHP7.1, Opcache, Nginx, MariaDB, Let's encrypt) | Brezplačna selitev strani in pošte | 400+ domen po izjemnih cenah
www.neoserv.si
 
 
Vini 17. sep 2009 14:21:57 Pridružen od:
1. sep 2006
6612 objav
 5234 611 56
#14

Zelo načelno se sesujejo, seveda, poskusi :)


všeč(0) ni všeč(0) spam(0)
 
 
carli 17. sep 2009 18:54:50 Pridružen od:
5. avg 2008
1258 objav
 583 54 17
#15

Vini kaj pa line-height?



Namreč če rowu nastaviš line-height:0px; je ta načeloma hidden, ne vem a to dela normalo tudi v IE. Potem pa animiraš line-height vrednost. Sam sem testiral tak noob primer:


var inter;



function slideDownRow(rheight) {

    var inter = setInterval("changeHeight('"+rheight+"', '1');", 10);

}

function changeHeight(h, id) {

    var naw = $('#'+id).css('line-height').replace('px', '');

    naw++;

    if (naw < h) {

        $('#'+id).css({'line-height': ''+naw+'px'});

    }

    else {

        clearInterval(inter);

    }

}

No je že skor slide :D


všeč(0) ni všeč(0) spam(0)
 
 
FrEaKmAn 18. sep 2009 12:57:46 Pridružen od:
2. dec 2007
303 objav
 175 59 0
#16

Vini, bi nam lahko pastu ta tvoj html?


všeč(1) ni všeč(0) spam(0)
 
 
Vini 18. sep 2009 14:36:45 Pridružen od:
1. sep 2006
6612 objav
 5234 611 56
#17

FrEaKmAn, seveda, z lahkoto :) Sem pripravil enostaven demo, ki zelo očitno nakaže problem:


<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <title>Lorem ipsum</title>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

  <script type="text/javascript">

  var foo = function() {

    var e = $('<tr><td>added</td><td>content</td></tr>').hide();

    $('table > tbody').append(e);

    e.slideDown('slow');

  };

  </script>

  <style type="text/css">td {background-color: silver;}</style>

</head>

<body>

  <table>

    <tbody>

      <tr>

        <td>hello</td><td>world</td>

      </tr>

      <tr>

        <td>lorem</td><td>ipsum</td>

      </tr>

    </tbody>

  </table>

  <a href="#" onclick="foo();return false;">click</a>

</body>

</html>
všeč(0) ni všeč(0) spam(0)
 
 
Vini 18. sep 2009 14:47:32 Pridružen od:
1. sep 2006
6612 objav
 5234 611 56
#18

Aja, b00mbar, šele sedaj opazil tvojo opazko, zakaj naj bi zadevo potreboval. Ni za ta forum, tukaj ne uporabljam jQuery :)


všeč(0) ni všeč(0) spam(0)
 
 
FrEaKmAn 18. sep 2009 15:05:39 Pridružen od:
2. dec 2007
303 objav
 175 59 0
#19

jah, fadeIn ali uporabi nekaj drugega kot tabelo. Stvar je možno narest z kakšnimi dirty hacki, samo ni nujno da bi delal v vseh browserjih...


všeč(0) ni všeč(0) spam(0)
 
 
FrEaKmAn 18. sep 2009 18:42:44 Pridružen od:
2. dec 2007
303 objav
 175 59 0
#20

Se popravljem, vsekakor je mogoče, samo malo je treba hackat :D



http://www.prilepi.com/156


všeč(2) ni všeč(0) spam(0)
 
 
Domov > Programiranje > jQuery in $('tr').slideDown()
stran 2 od 3 |< 1 2 3 >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se