Pagina 1 din 1
Afisare / Ascundere elemente cu jquery
Scris: Mar Dec 06, 2011
de lauma
Buna seara,
as vrea sa implementez urmatorul joc folosind jquery:
am un tabel ce contine un numar par de elemente care sunt initial ascunse...si as vrea ca in momentul in care utilizatorul face click pe o casuta aceasta sa devina vizibila. In momentul in care efectueaza click si pe cea de-a doua casuta sa ramana vizibile amandoua doar in cazul in care ambele numere sunt egale, altfel sa se ascunda amandoua din nou.
Cum ascund si cum fac vizibile elementele tabelului? Ma puteti ajuta cu ceva secvente de cod?
Multumesc
Afisare / Ascundere elemente cu jquery
Scris: Mar Dec 06, 2011
de MarPlo
Salut,
Daca vrei sa inveti cum se afiseaza si se ascund elemente in pagina web cu jQuery, te poate ajuta lectia:
Efecte jQuery simple de ascundere si afisare.
Afisare / Ascundere elemente cu jquery
Scris: Lun Apr 30, 2012
de sergiu
buna,
sunt nou pe aici, vreau si eu sa fac urmatorul lucru:
am intr-un formular html un checkbox iar cand este bifat acesta vreau sa-mi afiseze doua sau mai multe elemente care initial au style: display:none, iar cand este debifat sa ascunda respectivele elemente.
am incercat exemplele din link-ul de mai sus dar nu functioneaza...ce imi scapa?
multumesc anticipat
Afisare / Ascundere elemente cu jquery
Scris: Lun Apr 30, 2012
de MarPlo
Salut
Exemplele din link-ul dat mai sus nu sunt cu checkbox.
Daca postezi si codul pe care l-ai scris, poate e cineva care stie raspunsul cum sa functioneze.
Afisare / Ascundere elemente cu jquery
Scris: Lun Apr 30, 2012
de sergiu
asa am procedat
Cod: Selectaţi tot
<script type="text/javascript"><!--
$(document).ready(function() {
$('#ex5btn').click(function() {
$('#ex5').toggle(800, function() {
if ($('#ex5').is(':visible')) {
$('#ex5btn').text('Ascunde');
} else {
$('#ex5btn').text('Afiseaza');
}
});
});
});
--></script>
si codul html
Cod: Selectaţi tot
<input type="checkbox" id="ex5btn" />
<div class="apare">
<div style="display: none;" id="ex5">Continut care va fi ascuns si iar facut vizibil.</div>
</div>
ideea este sa-mi afiseze toate elementele care au id="ex5"
Nu ma pricep deloc la jquery....
Afisare / Ascundere elemente cu jquery
Scris: Lun Apr 30, 2012
de MarPlo
Ca sa verifici daca un checkbox e selectat, se foloseste:
- Returneaza True daca butonul cu id="id_buton" e bifat.
Pentru afisare element se poate folosi functia
show(), iar pentru ascundere:
hide() .
Pentru ceea ce vrei sa obtii, cred ca merge codul acesta (vezi diferentele):
Cod: Selectaţi tot
<script type="text/javascript"><!--
$(document).ready(function() {
$('#ex5btn').click(function() {
if($('#ex5btn').is(':checked')) {
$('#ex5').show();
}
else {
$('#ex5').hide();
}
});
});
--></script>
<input type="checkbox" id="ex5btn" /> Check
<div class="apare">
<div style="display: none;" id="ex5">Continut care va fi ascuns si iar facut vizibil.</div>
</div>
- Nici eu nu prea stiu jQuery, dar pe site e un
Curs jQuery, la sectiunea JavaScript, pt cine vrea sa invete.