jquery hide/show

jquery hide/show 04.02.2013. u 16:12 · pre 167 meseci #1

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>

Re: jquery hide/show 05.02.2013. u 18:37 · pre 167 meseci #2

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>

Re: jquery hide/show 05.02.2013. u 19:23 · pre 167 meseci #3

Č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];

Potpis

about:networking

Re: jquery hide/show 06.02.2013. u 13:55 · pre 167 meseci #4

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

Forum kao aplikacija na telefonu

Srodne teme