تغییرات با استفاده از جاوا اسکریپت

**username20** · سه شنبه 16 اردیبهشت 1393, 03:10 صبح

سلام دوستان
من یه فرم میخواستم درست کنم که اگر روی دکمه show کلیک کردم اعمال تغییر رنگ وسایز و.. رو که علامت زدم نشون بده ام به جاوااسکریپت خیلی مسلط نیستم
میشه راهنماییم کنید یخورده برای یاد گیری میخوام

کد HTML:

     <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 صبح

کد HTML:

<!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);

}

کد HTML:

</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 هاش یعنی قرمز وسبز وآبی ااعمال بشه

کد HTML:

 <!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>

نام تاپیک: تغییرات با استفاده از جاوا اسکریپت

ابزار های تاپیک

نمایش

تغییرات با استفاده از جاوا اسکریپت

نقل قول: تغییرات با استفاده از جاوا اسکریپت

نقل قول: تغییرات با استفاده از جاوا اسکریپت

نقل قول: تغییرات با استفاده از جاوا اسکریپت

تاپیک های مشابه

ارور در استفاده از جاوا اسکریپت

ارور در استفاده از جاوا اسکریپت

ارور در استفاده از جاوا اسکریپت

اضافه کردن ایتم به asp :dropdownlistبا استفاده از جاوا اسکریپت

استفاده از جاوا اسکریپت(لطفا برای توضیح تاپیک را بخوانید)

قوانین ایجاد تاپیک در تالار