2011-08-23 24 views
6

Merhaba Çalışmak için biraz sorun yaşıyorum, yapmak istediğim tek şey html formumun gönderilmesinden sonra bir div göstermektir.Form gönderdikten sonra Divi Gizle/Gösterilsin mi?

Herhangi bir yardım çok takdir
<head> 

<script type="text/javascript"> 
function showHide() { 
    var div = document.getElementById(hidden_div); 
    if (div.style.display == 'none') { 
    div.style.display = ''; 
    } 
    else { 
    div.style.display = 'none'; 
    } 
} 
</script> 

</head> 


<body> 

<form method="post" name="installer"> 

<label>Home Keyword</label> 
<br /> 
<input type="text" name="hello" value=""> 
<br /> 
<input type="submit" value="" name="submit" onsubmit="showHide()"> 

</form> 

<div id="hidden_div" style="display:none"> 
<p>Show me when form is submitted :) </p> 
</div> 

</body> 

teşekkür ederim :)

+0

belirtildiği gibi ayrıca tırnak eksik input

<form method="post" name="installer" onsubmit="showHide()"> 

yerine forma onsubmit üzerine showhide fonksiyonunu koymak gerekir. Ayrıca, formun gönderme yöntemini gölgelediği için form gönderme adı olarak "gönderme" özelliğini kullanmayın. Yukarıdaki formda * form.submit *, yönteme değil, kontrole atıfta bulunacaktır, bu yüzden çağrı yapmak bir hata verecektir. – RobG

cevap

16

Sadece senin document.getElementById("hidden_div") çağrısında etrafında "hidden_div" tırnak eksik düşünüyorum!

Aslında, sayfanız muhtemelen geri gönderiliyor, sayfanın durumunu sıfırlıyor ve böylece hidden_div'i her zaman gizli bir durumda bırakıyor - AJAX aracılığıyla form gönderimini ele almayı mı düşünüyorsunuz? Amaçlanan davranışı görmek istiyorsanız

, sen <form> elemana showHide() çağrıyı hareket etmelidir ve ondan sonra return false:

<form method="post" name="installer" onsubmit="showHide(); return false;"> 

gibi Gönder düğmesini bırakın:

<input type="submit" value="" name="submit" /> 

Ayrıca, <input /> düğme etiketini kendiniz kapatmamış veya içinde gösterilecek herhangi bir metin vermediğinizi unutmayın.

+0

Teşekkür ederim Cory evet bu hile ve haha ​​yapmak gibi görünüyor Evet benim orijinal kod içinde tırnak işaretleri var ama çeviri kayboldum, benim kahve eklenmesi gerektiğini düşünüyorum: P – Jessica

+0

Giriş "kapatmak" gerekmez etiketi, OP XHTML kullanılmakta olduğunu ve web üzerinde kullanmak için son derece nadir olduğunu belirtti. – RobG

+0

@RobG: "
" etiketleriyle bunu gerçekleştirdiğinden sadece onu çıkardım, ancak haklı olabilirsiniz. –

2

Eğer @Cory

forma onsubmit niteliğini taşı
İlgili konular