[es] - jquery hide/show

slavo.k

Član broj: 302312
Poruke: 46
*.static.sbb.rs.

Sajt: www.eho.in.rs

Profil

^{04.02.2013. u 15:12 - pre 136 meseci}

Pozdrav. Imam div koji klikom na " - " zatvaram, a klikom na " + (npr)" razvlacim, da se tako izrazim. U okviru diva imam niz check box-ova. Sada, potrebno mi je kada prosledim neku vrednost, div ne bude nevidljiv. Nov sam sa jquery bibliotekom, pa ne uspevam se snaci, pravio sam nesto, ali nikako da uspe. Da li bi moglo negde da se umetne if klauzula

Code:
if(container.attr==checked) {uradi nesto} else {uradi nesto}...

ali ne mogu da sastavim. Ovo je kood ya slajder

Code:

jQuery(function( $ ){

var container = $( ".mojdiv" );
$(".mojdiv").hide();

$( "a.scroll2" ).click(
function( event ){
event.preventDefault();

if (container.is( ":hidden" )){
container.slideDown( 500 );
$("a.scroll2").text('-');

} else {
container.slideUp( 500 );
$("a.scroll2").text('+');
}
}
);

});

evo html kood-a

Code:

<a href="#" class="scroll2"></a>
<div class="mojdiv">
<form method="post" action="">
<input type="checkbox" name=hello[]>Prvi
<input type="checkbox" name=hello[]>Prvi
</from>
</div>

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.rs.

+33 Profil

Re: jquery hide/show

^{05.02.2013. u 17:37 - pre 136 meseci}

Tamo umesto:

Code:
$(".mojdiv").hide();

stavi:

Code:
if (container.find('input:checked').length > 0) { //ima check-iranih?
container.show();
} else {
container.hide();
}

Nego inače, šta misliš pod tim "kada prosledim neku vrednost"?

Evo da probam da nagađam... Možda ispisuješ tu HTML formu nekim PHP-om, pa želiš da se recimo, nakon submit-a te forme, i slanja vrednosti checkbox-ova na server, pri ponovnom ispisu, ukoliko ima check-iranih, taj div u kojem se oni nalaze bude expand-ovan, umesto collapse-ovan, kao što je situacija po default-u. Ako je tako, onda je možda pametnije/efikasnije da inicijalno skupljanje odnosno proširivanje tog div-a sa checkbox-ovima odradiš prilikom samog ispisa, na način da embed-uješ malo PHP-a u taj HTML:

Code:
<div class="mojdiv"<?php if (count($selektovaniCheckboxovi) == 0) { echo ' style="display: none;"'; } ?>>
//ostatak html-a
</div>

Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz

+2247 Profil

Re: jquery hide/show

^{05.02.2013. u 18:23 - pre 136 meseci}

Ček.. ček.. tebi treba običan show/hide div element? visibility: show/hide ili display:block/none.. ?

Ako je to, šta će ti pa jquery za tako proste stvari?

npr.

Code:

<script type="text/javascript">

function showhide(id) {
var sh = document.getElementById(id);
sh.style.display = ((sh.style.display!='block') ? 'block' : 'none');
}

function yesno(id) {
var yn = document.getElementById(id);
yn.style.visibility = ((yn.style.visibility!='visible') ? 'visible' : 'hidden');
}

</script>

A pozivaš sa :

Code:

<a href="javascript:yesno('tvojID');">Visible/not visible</a>

# ili

<a href="javascript:showhide('tvojID');">Exists/doesn't exists</a>

gde određeni div ili bilo koji element ima ID : <div id="tvojID"></div>

I naravno, u css-u za taj određeni div postoje ispisana pravila za visibility: [hidden] || [visible]; i display:[block] || [none];

_{[Ovu poruku je menjao plus_minus dana 05.02.2013. u 19:33 GMT+1]}

about:networking

Odgovor na temu

slavo.k

Član broj: 302312
Poruke: 46
*.static.sbb.rs.

Sajt: www.eho.in.rs

Profil

Re: jquery hide/show

^{06.02.2013. u 12:55 - pre 136 meseci}

Hvala Vam na odgovorima. "Možda ispisuješ tu HTML formu nekim PHP-om"--> upravo to. Kroz neku javascript funkicju koju sam ispisao radi, nego sam hteo sa jQuery da odrqadim jer tek pocinjem da korsitim i tu sam malo stao. Hvala puno, primer funkcionira :). Pozdrav i hvala jos jedared

Odgovor na temu