Afiseaza si ascunde buton
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
claUdiu
- Mesaje: 313
Afiseaza si ascunde buton
M-am apucat de vreo jumatate de ora sa citesc jQuery pentru ca imi trebuie la un site, si, am facut eu un exeplu mic, care sa ascunda textele din <p> si, cand ele sunt ascunse, sa afiseaza un button, iar, daca ele sunt afisate, atunci sa ascunda buttonul.
Codul arata cam asa:
Cod: Selectaţi tot
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('p').click(function(){
$('p').hide('slow');
});
if ($('p').is(':visible')){
$(':button').hidde('fast');
}else if($('p').is(':hidden')){
$(':button').click(function(){
$('p').show('slow');
});
}
});
</script>
</head>
<body>
<p>adasd</p>
<input type="button" value="Afiseaza textul" />
</body>
<html>
Eu unul cred ca e bun. Codul ascunde doar textl, dar, nu face nimic din ce e in IF si ELSE IF, fac eu ceva imposibil sau am gresit ceva? Multumesc!
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
MarPlo
Mesaje: 4343
Tot codul care vrei sa fie executat la click trebuie adaugat in acoladele de la functia cu click(), deci si acele IF, ELSE IF.
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...
-
Buton pentru a crește sau descrește aleator un numar
JavaScript - jQuery - Ajax
Primul mesaj
Intrebare rapida:
Cum pot seta un buton care poate crește și /sau descrește aleator un număr la clic?
Acesta este codul pe care îl am....
Ultimul mesaj
Poti sa folosesti Math.random() pentru a decide dacă numarul va crește sau nu:
<button id='tst_btn'>Change counter</button>
<h3...