textarea

G

GodFather2

Registered
Значи имам един въпрос :) как да направя така че примерно измирам от <select> нещо си там и като го натисна отдолу да се появява текстареа с текст вътре .. нещо по динамично искам да е :)
 
Това където искаш
Код: 
<select onChange='toTextarea(this.value);'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select><br />
<textarea id='text' style='width: 400px; height: 250px'></textarea>

а това е javascript функцията
Код: 
function toTextarea(what) {
document.getElementById("text").innerHTML = what;
}
 
дам тва имах в предвид ама тва нещо не ми допада няма ли начин да е по "модерно" щот тва е някво е някво дървено а и преди да съм избрал опция не искам да има текстареа отдолу
 
В какъв смисъл по-модерно?
иначе ето ти кода да се показва текстареата при селектиране:

Код: 
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>
<script type='Text/JavaScript'>
function toTextarea(what) {
document.getElementById("text").innerHTML = "<textarea id='text' style='width: 400px; height: 250px'>" + what + "</textarea>";
}
</script>

</head>

<body>

<select onChange='toTextarea(this.value);'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select><br />
<div id='text'></div>

</body>

</html>
 
Давам пример с Easytrader.bg там дето си избираш размера на рекламите :) виж го и кажи дали има начин
 
http://stat.easytrader.bg/v2/affiliates/rotator.php

така като натисна някоя опция и текстареата се показва плавно...
 
Ето какво направих с помоща на KOKO5.
<html>

<head>

<title></title>
<style type="text/css">
#myField {
background : #ff0000 ;
filter: alpha(opacity=0);
opacity: .0;
color:#ffffff;
}
</style>
<script type="text/javascript">
function showMe()
{
var myNum = document.getElementById('mySelect').value;
change();
var myTextArea = document.getElementById('myField');
myTextArea.value = myNum;
}
function change() {

var pole = document.getElementById('myField');

if (navigator.appName.indexOf("Netscape") != -1 && parseInt(navigator.appVersion) >= 5) {
var opacity = pole.style.MozOpacity;

if (opacity != "")
opacity = parseFloat(opacity);
if (opacity < 1)
opacity += 0.1;

pole.style.MozOpacity = opacity;

} else if (navigator.appName.indexOf("Microsoft") != -1 && parseInt(navigator.appVersion) >= 4 ) {
pole.filters.alpha.opacity += 10;
}
else {
pole.style.opacity = pole.style.opacity-0+0.1;
}

window.setTimeout("change()", 40);
}
</script>
</head>

<body>
<select onchange="showMe()" id="mySelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<textarea id="myField" cols="30" rows="10">This is created by Emagi</textarea><br />
</body>

</html>
Увеличете...
 
Не баца под опера :P :wink:

Ще го едитна и ще го постна след малко :twisted:

Edit:

Код: 
<html> 

<head> 

<title></title> 
<style type="text/css"> 
#myField { 
background : #ff0000 ; 
filter: alpha(opacity=0); 
opacity: .0; 
color:#ffffff; 
} 
</style> 
</head> 

<body> 
<select onchange="showMe(this)" id="mySelect"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 
<textarea id="myField" cols="30" rows="10">This is created by Emagi</textarea><br /> 
<script type="text/javascript">
var pole = document.getElementById('myField'); 
var op = 0, timer;

pole.setOpacity = function(opacity){ 
	this.style.opacity = (opacity / 100); 
	this.style.MozOpacity = (opacity / 100); 
	this.style.KhtmlOpacity = (opacity / 100); 
	this.style.filter = "alpha(opacity=" + opacity + ")";
}

function showMe(mySelect) 
{ 
var myNum = mySelect.value; 
change(); 
var myTextArea = document.getElementById('myField'); 
myTextArea.value = myNum; 
}

function change() 
{
	if(op < 100){
		op += 10; 
		pole.setOpacity(op);
		timer = window.setTimeout("change()", 40);
	}else{
		pole.setOpacity(100);
		op = 0;
		window.clearTimeout(timer);
	}
}
</script> 
</body> 

</html>
 
А само да те питам.. как да вкарам примерно е тоя код да се показва на примерно като избера 1

Код: 
<script type="text/javascript">
var width = '468';
var height = '60';
</script>
<script type="text/javascript" src="http://otrova.net/sait/rek1.js"></script>
 
Ми от опциите като избера първата примерно и в текстареата да се появи тоя код... след тва като избера 2рата да се появи друг код
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе