2011-12-30 15 views
12

bir düğmeyi gizlenmesi, tıklandığında bazı girdi halk kutularını görüntüleyen bir düğme bulunur. Bu kutular uzağa gittikten sonra, nasıl düğmesine gizlerim?benim son programda JavaScript

Şimdiden teşekkürler!

+1

nasıl kutuları go away yapıyoruz? Kaçmalarına javascript wih gitmek yapıyorsanız, başka bir şey dissapear yapmak için genellikle çok basittir. – diracdeltafunk

cevap

30

Sen set its visibility propertyhidden için olabilir.

böyle
<input type="button" id="toggler" value="Toggler" onClick="action();" /> 
<input type="button" id="togglee" value="Togglee" /> 

<script> 
    var hidden = false; 
    function action() { 
     hidden = !hidden; 
     if(hidden) { 
      document.getElementById('togglee').style.visibility = 'hidden'; 
     } else { 
      document.getElementById('togglee').style.visibility = 'visible'; 
     } 
    } 
</script> 
4

Bir şey

document.getElementById('x').style.visibility='hidden'; 

bu sürü yapacağız Eğer kaldırmanız gerekir: Burada

bir düğme diğeri geçiş yapmak için kullanılan küçük bir gösteri olduğunu dom manipülasyonu, şu değerlere bakabilir: jquery

1
document.getElementById('btnID').style.visibility='hidden'; 
0

Eğer jQuery kullanmıyorsanız ben isterim kullanarak onu kullan. Eğer yaparsanız, böyle bir şey yapmak isteyeyim:

$('button').on(
    'click' 
    function () 
    { 
     $(this).hide(); 
    } 
); 
böyle bir sürü yapıyoruz eğer tabii
1
//Your code to make the box goes here... call it box 
box.id="foo"; 
//Your code to remove the box goes here 
document.getElementById("foo").style.display="none"; 

,

11
visibility=hidden 

çok yararlıdır jQuery kullanmak, ancak hala sayfada yer kaplayacak. sadece nesneyi gizlemek, ama bunu yapmaz çünkü görüntülenene kadar o yer almaz, böylece de

display=none 

kullanabilirsiniz. Eğer mesaj uyaracaktır işlevini çağırmalıdır böylece düğmesine bastığınızda

0

(Ayrıca ekranın karşısında "blok", "görünür" olmadığını unutmayın). böylece uyarının ardından style visible özelliğini koydu. bu yardımcı olacaktır

function OpenAlert(){ 
 
     alert("Getting the message"); 
 
     document.getElementById("getMessage").style.visibility="hidden"; 
 
     
 
    }
<input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>

Umut kullanarak elde edebilirsiniz. Bu yeterli olacaktır

0
<script> 
$('#btn_hide').click(function() { 
$('#btn_hide).hide(); 
}); 
</script> 
<input type="button" id="btn_hide"/> 

yardımcı olmaktan mutluluk

İlgili konular