|
TwojePC.pl © 2001 - 2024
|
 |
A R C H I W A L N A W I A D O M O Ś Ć |
 |
| |
|
[php]checkbox i pojawiające sie pole textarea , Glock19 7/02/09 19:07
Witam mam problem, musze zrobic pojawiajace sie poje do wypełnienia po zaptaszkowaniu chechboxa.
Proszę o pomoc.
Pozdrawiam.- hmm, to nie php , kubazzz 7/02/09 19:13
<form>
<input type="checkbox" id="boks">
<textarea id="area">
</textarea>
</form>
i jQuery
('#boks').click(function(){
if($('#boks').is(':checked'))
{
$('#area').show();
}
else
{
$('#area').hide();
}
});
ewentualnie można toggle() użyć, ale z doświadczenia wiem, że tak bardziej szczególowo jest lepiej, w przypadku kiedy są jakies inne ukrywajace funkcje [np dotyczace parenta], albo jak sie wstecz w roznych przegladarkach klika.SM-S908 - oczywiscie , kubazzz 7/02/09 19:16
bazowo w CSS
#area
{
display:none;
}
jeszcze można dodać
na początku <textarea id="area" disabled="disabled"></textarea>
('#boks').click(function(){
if($('#boks').is(':checked'))
{
$('#area').show().removeAttr('disabled');
}
else
{
$('#area').attr('disabled', true).hide();
}
});SM-S908
- mam cos takiego i nie chodzi , Glock19 7/02/09 22:44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...l1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#area
{
display:none;
}
-->
</style>
<script type="text/javascript" src="jquery.js"></script>
</head>
</head>
<body>
<form>
<input type="checkbox" id="boks">
<textarea id="area" disabled="disabled"></textarea>
</form>
<script type="text/javascript">
('#boks').click(function(){
if($('#boks').is(':checked'))
{
$('#area').show().removeAttr('disabled');
}
else
{
$('#area').attr('disabled', true).hide();
}
});
</script>
</body>
</html>- jquery to framework javascript, jako plugin , kubazzz 8/02/09 01:37
http://jquery.com
naprawde polecam sie przerzucic.
ja juz nie potrafie na 'zwykly' javascript patrzec:DSM-S908 - w twoim wypadku wystarczy dopisac do <head> , kubazzz 8/02/09 01:38
<script type="text/javascript" src="http://ajax.googleapis.com/...;></script>
i zadziałaSM-S908
- poradziłem sobie , Glock19 7/02/09 23:19
<form action="?">
<label><input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('przyklad_identyfikator1').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = !this.checked" /> Po wybraniu tej opcji, zostaną wyświetlone dodatkowe pola tekstowe</label>
<div id="przyklad_identyfikator1" style="display: none">
<input type="text" name="nazwa2" disabled="disabled" />
</div>
</form>
|
|
|
|
 |
All rights reserved ® Copyright and Design 2001-2024, TwojePC.PL |
 |
|
|
|
