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
-
- Mesaje: 16
Afisare / Ascundere elemente cu jquery
MarPlo
Mesaje: 4343
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.
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.
sergiu
Mesaje: 2
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
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
MarPlo
Mesaje: 4343
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.
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.
sergiu
Mesaje: 2
asa am procedat
si codul html
ideea este sa-mi afiseze toate elementele care au id="ex5"
Nu ma pricep deloc la jquery....
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>
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>
Nu ma pricep deloc la jquery....
MarPlo
Mesaje: 4343
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):
- Nici eu nu prea stiu jQuery, dar pe site e un Curs jQuery, la sectiunea JavaScript, pt cine vrea sa invete.
Cod: Selectaţi tot
if($('#id_buton').is(':checked'))
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>
Subiecte similare
-
Formular dinamic cu jQuery
JavaScript - jQuery - Ajax
Primul mesaj
SalutUltimul mesaj
As dori sa fac un formular in care vreu sa pun pretul de transport in functie de greutate.
Si am greutatea minima , greutatea maxima ; cost...
La refresh nu raman fiindca nu sunt salvate undeva pentru a fi preluate.
Ca sa ramana si la refresh e necesar sa le salvezi intr-o baza de date,... -
Ordine de executie cu jQuery-AJAX
JavaScript - jQuery - Ajax
Primul mesaj
Am acest cod (ajax este asincron):Ultimul mesaj
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ajax face un apel către serverul web și este asincron. Nu știi cât va dura pana la raspuns. Este la fel ca:
setTimeout(_ => {... -
Cerere: Corectare Script upload cu jquery
Cereri si Oferte
Primul mesaj
Am facut un script de upload cu jquery si cu butoane de rotire si progress bar dar pana sa introduc progress barul imi incarca poza in folder,dupa ce...Ultimul mesaj
Scriptul jquery pe care-l ai pentru rotation nu se potriveste cu upload de mai multe fisiere.
Ca sa functioneze cu multiple upload trebuie... -
Afisare optiune selectata intr-un Div
JavaScript - jQuery - Ajax
Primul mesaj
Cum pot face ca atunci cand e selectata o optiune dintr-o lista <select> sa fie afisata intr-un Div valoarea acelei optiuni.Ultimul mesaj
Am acest cod...
Cu JavaScript adaugi un eveniment 'change' la elementul <select> care se va declansa cand o optiune e selectata.
In interiorul acelui... -
Afisare rezultate paginate la scroll page
JavaScript - jQuery - Ajax
Primul mesaj
Salut,Ultimul mesaj
In baza de date am 23 de rezultate din care initial afisez doar 10 si as vrea ca atunci cand ajung cu scroll la finalul paginii sa imi...
Am rezolvat(era o litera gresit apasata pe acolo), imi merge scriptul, dar a mai aparut o eroare.
Eu am 21 de inregistrari in baza de date.
Daca... -
Afisare numar cel mai mare dintr o coloana
PHP - MySQL - XML
Primul mesaj
Bună MarploUltimul mesaj
Vreau să extrag din coloan pret cel mai mare numar ca de exemplu 4444.
Mie imi afisează 54 în loc de 4444, dacă în loc de 4444 modific...
Am schimbat `pret` varchar(20) DEFAULT NULL in `pret` int(11) NOT NULL ca la tine si merge.
Multumesc