Checkbox, jak wymusić działanie... Opcje

[patigo]

Mam pytanie:
Jak zrobić aby w jakimś formularzu przy zaznaczeniu "czekboxa" pokazać jakiś wynik .np mam formularz, klikam na "czekboxa" i pokazuje mi się rozwinięty formularz z większą ilością możliwości.

Pozdrawiam i z góry dziękuję za odpowiedzi.

[Dandelion]

a jezeli zamiast

[HTML] pobierz, plaintext 
<input type="checkbox" id="idBox" onClick="show()" />
[HTML] pobierz, plaintext 

chcialbym uzyc cos w stylu

[HTML] pobierz, plaintext 
<input type="image"  id="idBox" onClick="show()">Szukaj</BUTTON>
[HTML] pobierz, plaintext 

to jak musze zmodyfikowac kod js


I jak zrobic aby po kliknieciu w button pokazalo mi sie np 2 nowe pola zamiast jednego jak w poprzednich przykladach


chce zastosowac <input type="image" ... bo moge tam ustawic tlo obrazkowe. Po kliknieciu na button pod spodem ma wyskakiwac jedno pole textarea oraz pole <input type="submit"

probowalem narazie dojsc do tego zeby wyskakiwalo same pole textarea jednka nie udalo mi sie

[HTML] pobierz, plaintext 
<script language="JavaScript">
function show()
{
obj=document.getElementById('idl');
objCheck=document.getElementById('idBox');
if (objCheck.checked)
obj.style.display="";
else
obj.style.display="none";
}
</script>
 
<div id="logo">1</div> 
 
<div id="menu">
      <form method="POST" style="style.css" class="formularz">
             <input type="image" VALUE="pokaz" src="images/podstawowa2.gif" id="idBox" onClick="show()">
             <input type="image" VALUE="szukaj" src="images/podstawowa2.gif">
             
      </form>
      
 
<div id="menu2">
      <form action="dodaj" method="POST" style="style.css" class="formularz2">
 
<div id="menu3">
            <p></p>
            <textarea name="dodaj" cols="50" rows="10" id="idl" style="display:none"></textarea>
</div>
            <input type="image" VALUE="wyslij" src="images/dodaj.gif">
      </form>
 
</div>      
</div>
[HTML] pobierz, plaintext 

wydaje mi sie ze problem lezy w tej lini

if (objCheck.checked)

obiekt jest buttonem wiec nie moze byc zaznaczony jak np radio czy checkbox bardzo mozliwe ze sie myle bo to pierwsze moje starcie z java scriptem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)


Rozwiazanie

poszperalem troche w google i znalazlem opis ukrywania calego diva

Kod

<script language="javascript">
var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
</script>

[HTML] pobierz, plaintext 
<input type="button" VALUE="dodaj" onclick="showhide('menu2');" value="show" class="przycisk">
[HTML] pobierz, plaintext 

button pokazujacy i ukrywajacy diva

konkretny div ktory chcemy ukryc

[HTML] pobierz, plaintext 
<div id="menu2" style="display: none;">
[HTML] pobierz, plaintext 

Ten post edytował Dandelion 16.04.2006, 00:06:43