Script jQuery afisare / ascunde element
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
george551
- Mesaje: 2
Script jQuery afisare / ascunde element
salut,
As vrea la acest script o mica modificare: as dori ca initial textul sa fie ascuns apoi sa poata fi afisat.
Cod: Selectaţi tot
<script type="text/javascript"><!--
$(document).ready(function() {
// cand se da click pe tag-ul cu id="btn"
$('#btn').click(function() {
// inverseaza starea elementului cu "#idd"
$('#idd').toggle(800, function() {
// schimba textul din buton, in functie de starea lui "#idd"
if ($('#idd').is(':visible')) {
$('#btn').text('Ascunde');
} else {
$('#btn').text('Afiseaza');
}
});
});
});
--></script>
<div id="idd">Continut care va fi ascuns si iar facut vizibil.</div>
<button id="btn">Hide</button>
MarPlo
Mesaje: 4343
Saut
Se poate ascunde un element in pagina folosind CSS style:
display: none; , doar il adaugi in acel tag, sau in fisier extern .css (vezi lectiile de la Cursul CSS de pe site).
Cod: Selectaţi tot
<div id="idd" style="display:none;">Continut care va fi ascuns si iar facut vizibil.</div>
<button id="btn">Afiseaza</button>
Subiecte similare
-
Ascunde element daca in data e un anumit text
HTML - XHTML - CSS
Primul mesaj
Se pot ascunde elemente HTML daca in atributul 'data-' e o anumita bucata de text?
De exemplu: Ascunde Div-urile care contin -en .
<div...
Ultimul mesaj
Se poate face cu CSS sau cu Javascript.
CSS:
/* with specified elements */
div {
display: none;
}
/* or global */
{
display: none;
}
Si...
-
Comutarea element in localStorage
JavaScript - jQuery - Ajax
Primul mesaj
Vreau să creez o funcție de comutare pentru LocalStorage unde sa se retină alegerea utilizatorului.
Vreau să încarce preferința curentă la...
Ultimul mesaj
Nu poți sa păstrezi valori tip boolean în localStorage. De aceea ai eroare. Încerca să folosesti, de exemplu, 0 pentru False și 1 pentru True.
Inca...
-
adaugare element nou intr-un array de obiecte
PHP - MySQL - XML
Primul mesaj
Salutare,
Am un array de obiecte sub forma aceasta:
$sql =
si un aray de forma aceasta:
$tipuri =
Cum pot adauga in primul array inca...
Ultimul mesaj
primesc o eroare pe linia json_decode($sql, true); , eroare este: json_decode() expects parameter 1 to be string, array given
Am rezolvat problema...
-
Gasire element in array si adaugare ca prim index
JavaScript - jQuery - Ajax
Primul mesaj
Se presupune urmatorul array cu persoane:
const arr =
Vreau sa caut un anume 'name' in acel array, iar daca exista sa fie pus la inceput, cu...
Ultimul mesaj
Poti sa sortezi array-ul cu metoda sort() .
Codul urmator muta in fata (la inceput) toate obiectele cu proprietatea 'name'.
const arr = ;
let...
-
Formular dinamic cu jQuery
JavaScript - jQuery - Ajax
Primul mesaj
Salut
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...
Ultimul mesaj
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):
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ultimul mesaj
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(_ => {...