Czyli jeśli nie jest wybrany radiobutton () YES, pole
Kod
<input type="checkbox" name="nazwa" value="cos">
był albo ukryty albo disabled, a po kliknięciu na tym radiobuttonie lub chceckboxie aby stał się aktywny?
Pełna wersja: [js] aktywność pól
Jak zrobić, aby checkbox lub radiobutton blokował, lub ukrywał pole textowe?
Czyli jeśli nie jest wybrany radiobutton () YES, pole
był albo ukryty albo disabled, a po kliknięciu na tym radiobuttonie lub chceckboxie aby stał się aktywny?
Czyli jeśli nie jest wybrany radiobutton () YES, pole
był albo ukryty albo disabled, a po kliknięciu na tym radiobuttonie lub chceckboxie aby stał się aktywny?
[xml:1:7bcd61d2b2]<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>php.pl</title>
<script type="text/javascript">
<!--
function _show( strValue )
{
if ( strValue == 1 )
{
document.getElementById( 'textarea' ).style.display = 'block';
}
else
{
document.getElementById( 'textarea' ).innerHTML = '';
document.getElementById( 'textarea' ).style.display = 'none';
}
}
//-->
</script>
</head>
<body xml:lang="pl">
<form action="" method="post">
Pokaż TEXTAREA:
<br />
<input type="radio" name="show" value="1" onclick="_show( this.value );" /> Tak
<input type="radio" name="show" value="0" onclick="_show( this.value );" checked="checked" /> Nie
<br />
<textarea id="textarea" name="text" style="display: none;"></textarea>
</form>
</body>
</html>[/xml:1:7bcd61d2b2]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>php.pl</title>
<script type="text/javascript">
<!--
function _show( strValue )
{
if ( strValue == 1 )
{
document.getElementById( 'textarea' ).style.display = 'block';
}
else
{
document.getElementById( 'textarea' ).innerHTML = '';
document.getElementById( 'textarea' ).style.display = 'none';
}
}
//-->
</script>
</head>
<body xml:lang="pl">
<form action="" method="post">
Pokaż TEXTAREA:
<br />
<input type="radio" name="show" value="1" onclick="_show( this.value );" /> Tak
<input type="radio" name="show" value="0" onclick="_show( this.value );" checked="checked" /> Nie
<br />
<textarea id="textarea" name="text" style="display: none;"></textarea>
</form>
</body>
</html>[/xml:1:7bcd61d2b2]
Super, dzięki...
Ale ja poleciałem sobie dalej i przekształciłem to w coś takiego:
[xml:1:59751412dc]<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2" />
<title>php.pl</title>
<script type="text/javascript">
<!--
function _show( strValue )
{
if ( strValue == 1 )
{
document.getElementById( 'rrr'
).style.display = 'block';
}
else
{
document.getElementById( 'rrr'
).innerHTML = '';
document.getElementById( 'rrr'
).style.display = 'none';
}
}
//-->
</script>
</head>
<body xml:lang="pl">
<form action="" method="post">
Pokaż fragment tabeli:
<br />
<input type="radio" name="show" value="1" onclick="_show( this.value );" /> Tak
<input type="radio" name="show" value="0" onclick="_show( this.value );" checked="checked" /> Nie
<br />
<textarea name="text" style="display:
none;"> </textarea>
</form>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
<tr id="rrr" style="display:
none;">
<td width="10">aa</td>
<td width="10">ss</td>
</tr>
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
</table>
</body>
</html> [/xml:1:59751412dc]
I teraz mam zagwozdkę, dlaczego nie jest to zapętlone??
To by było całkiem fajne do używania w formularzach, które staram się jak najbardziej poskromić, czy możecie powiedzieć gdzie waszym zdaniem jest tu błąd??
Dzięki.
Ale ja poleciałem sobie dalej i przekształciłem to w coś takiego:
[xml:1:59751412dc]<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2" />
<title>php.pl</title>
<script type="text/javascript">
<!--
function _show( strValue )
{
if ( strValue == 1 )
{
document.getElementById( 'rrr'
).style.display = 'block';
}
else
{
document.getElementById( 'rrr'
).innerHTML = '';
document.getElementById( 'rrr'
).style.display = 'none';
}
}
//-->
</script>
</head>
<body xml:lang="pl">
<form action="" method="post">
Pokaż fragment tabeli:
<br />
<input type="radio" name="show" value="1" onclick="_show( this.value );" /> Tak
<input type="radio" name="show" value="0" onclick="_show( this.value );" checked="checked" /> Nie
<br />
<textarea name="text" style="display:
none;"> </textarea>
</form>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
<tr id="rrr" style="display:
none;">
<td width="10">aa</td>
<td width="10">ss</td>
</tr>
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
</table>
</body>
</html> [/xml:1:59751412dc]
I teraz mam zagwozdkę, dlaczego nie jest to zapętlone??
To by było całkiem fajne do używania w formularzach, które staram się jak najbardziej poskromić, czy możecie powiedzieć gdzie waszym zdaniem jest tu błąd??
Dzięki.
Zapętlone :?: :? 
:?: [xml:1:b5042eb223]<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2" />
<title>php.pl</title>
<script type="text/javascript">
<!--
function _show( strValue )
{
if ( strValue == 1 )
{
document.getElementById( 'rrr' ).style.display = 'block';
}
else
{
document.getElementById( 'rrr' ).style.display = 'none';
}
}
//-->
</script>
</head>
<body xml:lang="pl">
<form action="" method="post">
Pokaż fragment tabeli:
<br />
<input type="radio" name="show" value="1" onclick="_show( this.value );" /> Tak
<input type="radio" name="show" value="0" onclick="_show( this.value );" checked="checked" /> Nie
</form>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
<tr id="rrr" style="display:
none;">
<td width="10">aa</td>
<td width="10">ss</td>
</tr>
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
</table>
</body>
</html> [/xml:1:b5042eb223]
:?: [xml:1:b5042eb223]<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2" />
<title>php.pl</title>
<script type="text/javascript">
<!--
function _show( strValue )
{
if ( strValue == 1 )
{
document.getElementById( 'rrr' ).style.display = 'block';
}
else
{
document.getElementById( 'rrr' ).style.display = 'none';
}
}
//-->
</script>
</head>
<body xml:lang="pl">
<form action="" method="post">
Pokaż fragment tabeli:
<br />
<input type="radio" name="show" value="1" onclick="_show( this.value );" /> Tak
<input type="radio" name="show" value="0" onclick="_show( this.value );" checked="checked" /> Nie
</form>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
<tr id="rrr" style="display:
none;">
<td width="10">aa</td>
<td width="10">ss</td>
</tr>
<tr>
<td width="10">a</td>
<td width="10">s</td>
</tr>
</table>
</body>
</html> [/xml:1:b5042eb223]
Pięknie !! to jest to 
teraz zaczyna to super kształciku nabierać... wielkie dzięki super helperom 
A jeśli mogę się dopytać, bo w googlach znalazłem wszystko poza właśnie radiobuttonem, ponieważ można takim oto skryptem sprawdzić to czy pola są uzupełnione:
[xml:1:2616008b58]<script language="javascript">
function sprawdz1(){
if(document.w_t_a.imie.value==""){
alert("Wypełnij pole: imie");
return false;
}
.
.
.
return true;
}
</script>
[/xml:1:2616008b58]
no i są odpowiedzi na wszystko poza radio. Czy i jeśli tak, to jak, można zrobić, aby po naciśnięciu na 'tak' i pojawieniu się tego dodatkowego pola (który to mawewr dzięki waszej pomocy udało mi się zrobić (patrz wyżej)) aby ten warunek wtedy był tylko konieczny.
Pozdrawiam i plis 4 podpowiedzi
teraz zaczyna to super kształciku nabierać... wielkie dzięki super helperom
A jeśli mogę się dopytać, bo w googlach znalazłem wszystko poza właśnie radiobuttonem, ponieważ można takim oto skryptem sprawdzić to czy pola są uzupełnione:
[xml:1:2616008b58]<script language="javascript">
function sprawdz1(){
if(document.w_t_a.imie.value==""){
alert("Wypełnij pole: imie");
return false;
}
.
.
.
return true;
}
</script>
[/xml:1:2616008b58]
no i są odpowiedzi na wszystko poza radio. Czy i jeśli tak, to jak, można zrobić, aby po naciśnięciu na 'tak' i pojawieniu się tego dodatkowego pola (który to mawewr dzięki waszej pomocy udało mi się zrobić (patrz wyżej)) aby ten warunek wtedy był tylko konieczny.
Pozdrawiam i plis 4 podpowiedzi
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.