Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Zobrazení textarea po vybrání položky ve formuláři

Ahoj,
on na to bude jednoduchý javascript (asi/doufám/snad). Dělám formulář, kde je u každé otázky třeba 5 radiobutonů a zdůvodnění "proč právě tato volba". Dělat pod každou položkou viditelnou textareu je blbost. Avšak script, aby se to po vybrání "rozjelo" a zviditelnila se textarea neumím.

head

<style type="text/css">
.skryte {display: none}
</style>

body

<b>Jakou zeleninu máte nejraději?</b><br><br>

<input type="radio" name="zelenina" value="zeli"> zelí<br><br>
<div class="skryte">
napište prosím proč<br>
<textarea name="proczeli" cols="40" rows="3">
</textarea>
</div>

<input type="radio" name="zelenina" value="mrkev"> mrkev<br><br>
<div class="skryte">
napište prosím proč<br>
<textarea name="procmrkev" cols="40" rows="3">
</textarea>
</div>

<input type="radio" name="zelenina" value="celer"> celer<br><br>
<div class="skryte">
napište prosím proč<br>
<textarea name="procceler" cols="40" rows="3">
</textarea>
</div>

Nevíte to někdo z hlavy, abych to nemusel hledat? Asi to bude chtít dát oněm textarea id co?

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Ano, každému textarea dáš jednoznačné id a style=' visibility : hidden ; ' . Pak na radio button :…
hynajs 04.12.2010 15:06
 hynajs
Bůůůů já jsem střevo! <head> <style type="text/css"> .skryte {display: none} </style> <script type=…
Kráťa 04.12.2010 15:35
 Kráťa
A ještě jsem si všimnul, že používáš display místo visibility. To je potřeba taky sjednotit. Neumím…
hynajs 04.12.2010 15:57
 hynajs
Yuhů píše tohle 2. hodnota CSS vlastnosti visibility. Např. <p style="visibility: hidden"> způsobí…
Kráťa 04.12.2010 16:11
 Kráťa
Nevím, co se rozumí prázdným místem. Visibility používám na mnoha místech, třeba zde : www.psivino.…
hynajs 04.12.2010 16:19
 hynajs
Dopracoval jsem se k tomuto, ale stejně se to po "zaškrtnutí" radia nezobrazí <style type="text/css…
Kráťa 04.12.2010 17:03
 Kráťa
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-tran…
Flash_Gordon 04.12.2010 17:45
 Flash_Gordon
To jsem blázen... Mě asi stávkuje PSPad. V něm se mi to nezobrazuje a když jsem to otevřel v Opeře,…
Kráťa 04.12.2010 22:14
 Kráťa
Aha, on to neumí IE a proto ani PSPad.
Kráťa 04.12.2010 22:19
 Kráťa
IE8 to bez problému umí (alespoň mě to funguje + v mozille co jsem zkoušel). Nejprve ale musíš odkle…
Flash_Gordon 04.12.2010 22:32
 Flash_Gordon
Zkusím to hodit na web. Nicméně asi to tak udělám, i když to nebude chodit v ie6. nový
Kráťa 04.12.2010 23:00
 Kráťa
Jupí dal jsem to na http://krata.bubakov.net/www/pokusy/skryte-textare a/skryte-textarea.html a chod… nový
Kráťa 04.12.2010 23:09
 Kráťa
Dotazník začínám vyrábět tady. Má to však jednu velmi podstatnou vadu. Radio zůstane zaškrtlé, takže… nový
Kráťa 05.12.2010 01:01
 Kráťa
Nechcu ti do toho moc kecat, ale nechceš si tu problematiku nejdřív nastudovat? Metoda pokus-omyl to… nový
JoDiK 05.12.2010 11:12
 JoDiK
Radiobuton, který se chová jako checkbox se tak chová ve všech prohlížečích co tu mám a choval se ta… nový
Kráťa 05.12.2010 11:37
 Kráťa
Mi to nedalo a zkusil jsem jak by se to mohlo... Mimochodem, funkce mají i parametry, tak nemusíš dě… nový
JoDiK 05.12.2010 12:01
 JoDiK
Pěkné, dík. Schoval jsem si oboje, určitě to budu někdy potřebovat. U té "písanky" vpravo - to jde u… poslední
Kráťa 06.12.2010 09:51
 Kráťa

Ano, každému textarea dáš jednoznačné id a style=' visibility : hidden ; ' .

Pak na radio button :

onchange=' zmen_viditelnost(this,id_textarea) ; '

A potom nadefinuješ funkci

function  zmen_viditelnost(tis,id_textarea)   {
   var viditelnost=( tis.value ) ? 'visible' : 'hidden' ;
   document.getElementById(id_textarea).style.visibility=viditelnost ;
}

Bůůůů já jsem střevo!

<head>
<style type="text/css">
.skryte {display: none}
</style>

<script type="text/javascript">
function  zmen_viditelnost(tis,id_textarea)   {
   var viditelnost=( tis.value ) ? 'visible' : 'hidden' ;
   document.getElementById(id_textarea).style.visibility=viditelnost ;
}
</script>

</head>

<body>

<form action="post.php">

<b>Jakou zeleninu máte nejraději?</b><br><br>

<input onclick='zmen_viditelnost(this,id_textarea);' type="radio" name="zelenina" value="zeli"> zelí<br><br>
<div class="skryte">
napište prosím proč<br>
<textarea id="zeli" name="proczeli" cols="40" rows="3">
</textarea>
</div>

skryté to je. Kliknu na radio a nic...

Yuhů píše tohle

2. hodnota CSS vlastnosti visibility. Např. <p style="visibility: hidden"> způsobí skrytí celého odstavce. Na stránce ale zůstane vymezené místo, kde nic nebude (na rozdíl od display: none, která element jakoby zcela odstraní)

Marek umí, že se to po kliknutí pěkně rozjede dolu.
Markůůůůůůůůůůůůůůůůůůůůůůůůůůůůůů

Dopracoval jsem se k tomuto, ale stejně se to po "zaškrtnutí" radia nezobrazí

<style type="text/css">
.skryte {display: none}
</style>

<script type="text/javascript">
function  zmen_viditelnost(tis,zeli)   {
   var viditelnost=( tis.value ) ? 'visible' : 'hidden' ;
   document.getElementById(zeli).style.visibility=viditelnost ;
}
</script>

</head>

<body>

<form action="post.php">

<b>Jakou zeleninu máte nejraději?</b><br><br>

<input onclick="zmen_viditelnost(this,'zeli');" type="radio" name="zelenina" value="zeli"> zelí<br><br>
<div id="zeli" class="skryte">
napište prosím proč<br>
<textarea  name="proczeli" cols="40" rows="3">
</textarea>
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>New document</title>
</head>
<body>
<style type="text/css">
.skryte {display: none}
.odkryte {
	display: }
	
}
</style>

<script type="text/javascript">
function  zmen_viditelnost()   {
	 document.getElementById("zeli").style.display = "";

}
</script>



<form action="post.php">

<b>Jakou zeleninu máte nejraději?</b><br><br>

<input onclick="zmen_viditelnost();" type="radio" name="zelenina" value="zeli"> zelí<br><br>
<div id="zeli" style="display:none;">
napište prosím proč<br>
<textarea  name="proczeli" id="zeli2" cols="40" rows="3">
</textarea>
</div>
</form>



</body>
</html>

Případně přes třídy:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>New document</title>
</head>
<body>
<style type="text/css">
.skryte {display: none}
.odkryte {
	display: }
	
}
</style>

<script type="text/javascript">
function  zmen_viditelnost()   {
	 document.getElementById("zeli").className = "odkryte";

}
</script>



<form action="post.php">

<b>Jakou zeleninu máte nejraději?</b><br><br>

<input onclick="zmen_viditelnost();" type="radio" name="zelenina" value="zeli"> zelí<br><br>
<div id="zeli" class="skryte">
napište prosím proč<br>
<textarea  name="proczeli" id="zeli2" cols="40" rows="3">
</textarea>
</div>
</form>



</body>
</html>

Jupí dal jsem to na
http://krata.bubakov.net/www/pokusy/skryte-textare a/skryte-textarea.html
a chodí to i v ie6.
Něco takového jednoduchého jsem si představoval. Ale ty scripty asi budu dávat před inputy, aby se to nenačítalo sto let. Když se načtou první dva hned a může se vyplňovat, než se vyplní, donačte se to.

Ale nechápu to. Dřív mi v PSPadu ty scripty z disku chodily. Že by to bylo přechodem z XP na win 7?

Nechcu ti do toho moc kecat, ale nechceš si tu problematiku nejdřív nastudovat? Metoda pokus-omyl totiž u JavaScriptu není zrovna nejefektivnější (vlastní zkušenost).
Mimochodem, v IE6 nelze změnit styl přiřazený nějakému prvku na jiný takto snadno. Kdysi jsem to potřeboval a našel na internetu řešení docela složitou funkcí. Je dobře, že nové prohlížeče už to umí přímo...

Pěkné, dík. Schoval jsem si oboje, určitě to budu někdy potřebovat. U té "písanky" vpravo - to jde udělat, když jsou možnosti s krátkým textem. Ale u toho, co dělám budou dlouhé a nevešlo by se to.
No a stejně to bude všechno jinak, jelikož bude pouze jedna písanka pro jednu otázku, ať vybere cokoli viz
http://krata.bubakov.net/www/skrytetitulky/dotazni ky/en/index.jedna-pisanka.php .
Z kódu jsem vyhodil snad 50 řádků a to je jedna otázka z dvanácti.

Zpět do poradny Odpovědět na původní otázku Nahoru