PDA

View Full Version : سوال: تغییرات با استفاده از جاوا اسکریپت


username20
سه شنبه 16 اردیبهشت 1393, 03:10 صبح
سلام دوستان
من یه فرم میخواستم درست کنم که اگر روی دکمه show کلیک کردم اعمال تغییر رنگ وسایز و.. رو که علامت زدم نشون بده ام به جاوااسکریپت خیلی مسلط نیستم
میشه راهنماییم کنید یخورده برای یاد گیری میخوام



<head>
<script type="text/javascript">
function formating(){
alert ("?? ????? ???? ??????? ??? ?????");}
</script>
</head>
<body><form border="12">
string object formating
<hr>
string:<input type ="text" name="textbox" size=30 value="aaa ">
<p>
style : <input type="checkbox" checked="checked" name="choose1" value="1" /> Big
<input type="checkbox" name="choose2" onclick="formating()" /> Bold
<input type="checkbox" name="choose3" /> Italic
<input type="checkbox" name="choose4" /> Small
<input type="checkbox" name="choose5" /> Strike
<p>
Font : color
<select name= "pull down menu">
<option>Red
<option>Green
<option>blue
</select>
size :
<select name= "pull down menu">
<option>8
<option>10
<option>12
<option>14
<option>16
<option>18
<option>20
</select>
<p>
<input type="button" name="submit-button" value="Show" onclick="formating()">
</form>
</body>
{mahdi}
سه شنبه 16 اردیبهشت 1393, 11:00 صبح
<!doctype html>
<html>
<head>
<script language="javascript">



var d=document;
function i(e){
if(d.all)
return d.all(e);
else if(d.getElementById)
return d.getElementById(e);
else
throw new Error('cannot find element');
}
function formating(){
var s='';
s='your textbox value is:'+i('txt_string').value+'\n';
s+='-------------------------------------\n';
if(i('choose1').checked)
s+='bg checkbox checked.\n';
if(i('choose2').checked)
s+='bold checkbox checked.\n';
if(i('choose3').checked)
s+='italic checkbox checked.\n';
if(i('choose4').checked)
s+='small checkbox checked.\n';
if(i('choose5').checked)
s+='strike checkbox checked.\n';
s+='-------------------------------------\n';
s+='your selected pull down menu is :'+i('pull').options[pull.selectedIndex].value+'\n'
s+='-------------------------------------\n';
s+='your selected pull down menu color is :'+i('pull').options[pull.selectedIndex].value+'\n';
s+='-------------------------------------\n';
s+='your selected pull down menu number is :'+i('num').options[num.selectedIndex].value+'\n';
alert(s);
}



</script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<form border="12" id="f0">
string object formating
<hr>
string:<input type ="text" name="textbox" size=30 value="" id="txt_string">
<p>
style : <input type="checkbox" checked="checked" id="choose1" value="1" /> Big
<input type="checkbox" id="choose2" /> Bold
<input type="checkbox" id="choose3" /> Italic
<input type="checkbox" id="choose4" /> Small
<input type="checkbox" id="choose5" /> Strike
<p>
Font : color
<select name= "pull down menu color" id="pull">
<option>Red
<option>Green
<option>blue
</select>
size :
<select name= "pull down menu number" id="num">
<option>8
<option>10
<option>12
<option>14
<option>16
<option>18
<option>20
</select>
<p>
<input type="button" name="submit-button" value="Show" onclick="formating()">
</form>
</body>
</html>


امیدوارم مفید بوده باشه.....
username20
جمعه 19 اردیبهشت 1393, 01:10 صبح
درست نشد:اشتباه::اشتباه::اشتباه:
username20
جمعه 19 اردیبهشت 1393, 17:32 عصر
ممنونم
من خواستم اگر رنگ یاسایزیا .. را انتخاب کردم متن داخل text box به اون رنگ وسایزو.. دربیاد البته با زدن دکمه show
ممنون میشم اگه بمن توضیح بدین چکار کنم
مناین کد رو نوشتم بازدن دکمه show رنگ متن نارنجی میشه
من میخوام براساس تگselect
, option هاش یعنی قرمز وسبز وآبی ااعمال بشه

<!doctype html>
<html>
<head>
<script type="text/javascript">
function ChangeColor(id)
{
var block = document.getElementById('txt_string');
block.style.color= "#FC0";
}
</script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head><body>
<form border="12" id="f0">
string object formating
<hr>
string:<input type ="text" name="textbox" size=30 value="" id="txt_string">
<p>
style : <input type="checkbox" checked="checked" id="choose1" value="1" /> Big
<input type="checkbox" id="choose2" /> Bold
<input type="checkbox" id="choose3" /> Italic
<input type="checkbox" id="choose4" /> Small
<input type="checkbox" id="choose5" /> Strike
<p>
Font : color
<select name= "pull down menu color" id="pull">
<option>Red
<option>Green
<option>blue
</select>