[HTML]ukrycie div'a po zaznaczeniu checkbox Opcje

[row]

Witam,

nie mogę sobie poradzić z ukryciem całego diva (div ma id) jeśli ktoś zaznaczy checkbox.

Dziękuje za pomoc w tym

[gg1985]

W HTML tego nie zrobisz, łatwo będzie np. w JQuery

Kod

if($('input').attr('checked')=='checked')$('#id_diva').hide();

Ten post edytował gg1985 28.11.2009, 10:49:46

[row]

W HTML tego nie zrobisz, łatwo będzie np. w JQuery

Kod

if($('input').attr('checked')=='checked')$('#id_diva').hide();

i ten kod ma być w

<script type="text/javascript">

</script>

a gdzie ('input') podaję id tego checbox'a ?

[gg1985]

Biblioteke ściągasz stąd:

http://code.google.com/p/jqueryjs/download...ry-1.3.2.min.js

Umieszczasz na serwerze

W headzie:

Kod

<script type="text/javascript" src="ścieżka do jquery"></script>
<script type="text/javascript">
$(document).ready(function(){
if($('#id_inputa').attr('checked')=='checked')$('#id_diva').hide();
});
</script>

Jak nie będzie działać to daj adres, to napiszę co jest źle.

Ten post edytował gg1985 28.11.2009, 11:01:12

[gg1985]

Spróbuj tak:

Kod

$('#inputbrak').click(function(){
if($('#inputbrak').attr('checked')=='checked')$('#brakdiv').hide();
});

[row]

zmieniłem, ale dalej nie ukrywa tego div'a

[gg1985]

Czemu skasowałeś document.ready ? To musi być. Podaje jeszcze raz kompletny skrypt

Kod

<script type="text/javascript">
$(document).ready(function(){
$('#inputbrak').click(function(){
if($('#inputbrak').attr('checked')=='checked')$('#brakdiv').hide();
});
});
</script>

[row]

ok zmieniłem, jednak nie ukrywa div

[gg1985]

Kod

$(document).ready(function(){
$('#inputbrak').click(function(){
if($('#inputbrak:checked'))$('#brakdiv').hide();
});
});

[Quantum]

[HTML] pobierz, plaintext 
<div id="jakis_div" style="display:none;">
	zawartosc
</div>
 
<input type="checkbox" onclick="document.getElementById('jakis_div').style.display=(this.checked==true)? 'block':'none'">
[HTML] pobierz, plaintext 

czy ukrywanie div wymaga załączania ważącej ok. 56KB biblioteki ? kiedyś zginiecie bez jQ

Ten post edytował sniffer32 28.11.2009, 12:39:12

[gg1985]

Są plusy i minusy, można też załączyć skompresowaną bibliotekę (wcześniejszą wersję) ważącą 12KB. Plus jest taki, że kod można umieścić w zewnętrznym pliku, a Twoje rozwiązanie trzeba umieszczać bezpośrednio w kodzie strony.

[Quantum]

Nie trzeba można nadać checkbox-owi id i dodać event onClick Chodziło mi raczej o to, że większość użytkowników tego forum nie widzi innych sposobów na rozwiązanie czasem banalnych problemów poza użyciem jakiegoś frameworka JS.
Oczywiście jestem za ich używaniem, ale tylko w sytuacjach gdzie są niezbędne.

Ten post edytował sniffer32 28.11.2009, 13:36:15

[piotr94]

Cóż, osobiście też nie popieram stosowania "armaty na muchę"
po co nawet stosować skompresowaną bibliotekę JQuery ważącą 12 KB, skoro cały kod można zawrzeć w 80 bitach??
Oczywiście jeśli na stronie jest używanych wiele efektów (galerie zdjęć, ładowanie stron w ajax, dynamiczne sprawdzanie poprawności formularzy,...) to wtedy jest sens stosowania JQuery, w przeciwnym wypadku to przysłowiowa armata na muchę...

[row]

no to dzięki wszystkim wam za pomoc, oczywiście już działa. Chciałbym jeszcze dodać, aby ukrywało więcej div'ów przez zaznaczenie checkbox'a. Także z id, ale każdy ma inny

[Quantum]

tak na szybko coś takiego.
w sumie tym rozwiązaniem możesz spokojnie zastąpić tamto, tutaj masz możliwość manipulacji wieloma elementami

[JAVASCRIPT] pobierz, plaintext 
function toggle(obj, e)
{
	var elems = e.split(",");
	for(i=0;elems[i];i++)
		document.getElementById(elems[i]).style.display = (obj.checked==true)? 'block':'none';
}
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="a" style="display:none;">
	A
</div>
 
<div id="b" style="display:none;">
	B
</div>
 
<div id="c" style="display:none;">
	C
</div>
 
<input type="checkbox" onclick="toggle(this, 'a,b,c')">
[HTML] pobierz, plaintext 

Ten post edytował sniffer32 28.11.2009, 16:32:21

[row]

dokładnie o to chodziło Dzięki

Pozdrawiam