الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مساعدة

مغلق
بدأه نهى يوسف في 22 ديسمبر 2007 · 2 رد · 1,158 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

انا مبتدئة في الجافا سكريب

و عندي مشروع باستخدام جافا سكريب انا عملت واجهة للمشروع وبديت اعمل الاكشن اللي على الكلام بس لقيت صعوبة

انا عندي textarea المفروض اني بكتب فيها اللي انا عاوزاه واول ما اضغط على حاجة من الاكشن تطبق على الكلام اللي في الtextarea

لكن عندي بيعمل الاكشن بس بيظهرو في صفحة جديدة انا عايزة طريقة عشان التعديل يتم في ال text area

وعندي كمان حاجة

دلوقتي انا عاوزة لو اخترت شي من القائمة المنسدلة يطبق على الtextarea يا ريت بس الطريقة او مثال على جزئية بس وانا حكمل الباقي

والكود هو

<?xml version="" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <title>Untitled</title>
 <script type="text/javascript">
 function myfunc1() {
 var text=Form1.Memo1.value;
 var check1=Form1.Check1.value;
 var check2=Form1.Check2.value;
 if(Form1.Check2.checked){
 if(Form1.Check1.checked){
 text=document.writeln("<b><i>" +text+"</i></b>");}
 else{
 text=document.writeln("<i>" +text+"</i>");
 }
  }

else if(Form1.Check1.checked){
text=document.writeln("<b>"+text+"</b>"); }
}
else
if(Form1.Select1.checked=red){
text=document.writeln("<FONT COLOR="#FF0000" >"+text+"</font>");}


 }
 </script>
 <meta http-equiv="Content-Type" content="text/xml; Charset=ISO-8859-1" />
 <meta name="KeyWords" content=" " />
 <meta name="Description" content=" " />
 <meta name="Author" content="Administrator" />
 <meta name="Generator" content="MetaProducts Visual Workshop 4.4 UNREGISTERED! - Visit http://www.metaproducts.com to register!" />
 <link rel="Stylesheet" href="default.css" type="text/css" />
</head>
<body>
<form name="Form1" action="myfunc1()" method="POST">
  <center><textarea name="Memo1" cols="50" rows="5"></textarea><br></center>
  <center><input type="Checkbox" name="Check1" value="" />Bold           
  <input type="Checkbox" name="Check2" value="" />Italic</center><br>
 <center><select name="Select1">
 <option>red
 <option>green
 <option>orange
 <option>blue</select>           
 <select name="Select1">
 <option>12
 <option>14
 <option>16
 <option>18
 </select>
 <br><br>      
 <select name="Select1">
 <option>red
 <option>green
 <option>orange
 <option>blue
 </select>           
 <select name="Select1">
 <option>red
 <option>green
 <option>orange
 <option>blue
 </select><br> <br>
      <input type="Button" value="Back" onclick="myfunc1()" /></form>
</body>
</html>

تم تعديل هذه المشاركة بواسطة نهى يوسف في 22 ديسمبر 2007 في 02:56

#2

يوجد اكثر من طريقة لعمل ما تريد ...

هذا مثال لاحد الطرق

<?xml version="" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>Untitled</title>
<style>textarea{ font-family:verdana; width: 350px;
  height: 100px;}</style>
<script type="text/javascript">
function setBold() {
	if(document.all('checkBold').checked){
		document.styleSheets[0].addRule("textarea", "font-weight: bold");
	}else{
		document.styleSheets[0].addRule("textarea", "font-weight: normal");
	}
}
function setItalic(){
	if(document.all('checkItalic').checked){
		document.styleSheets[0].addRule("textarea", "font-style: italic");
	}else{
		document.styleSheets[0].addRule("textarea", "font-style: normal");
	}
}
function setSize(v){
	document.styleSheets[0].addRule("textarea", "font-size: "+v+"px");
}
function setColor(v){
	document.all('Memo1').style.color=v;
}
function resetStyle(){
	document.all('checkBold').checked=false;
	document.all('checkItalic').checked=false;
	document.all('SelectSize').value='12';
	document.all('SelectColor').value='black';
	document.styleSheets[0].addRule("textarea", "font-weight: normal");
	document.styleSheets[0].addRule("textarea", "font-style: normal");
	document.styleSheets[0].addRule("textarea", "font-size: 12px");
	document.all('Memo1').style.color='black';
}
</script>

<meta name="KeyWords" content=" " />
<meta name="Description" content=" " />
<meta name="Author" content="Administrator" />
<meta name="Generator" content="MetaProducts Visual Workshop 4.4 UNREGISTERED! - Visit http://www.metaproducts.com to register!" />
<link rel="Stylesheet" href="default.css" type="text/css" />
</head>
<body>
  <center><textarea name="Memo1" cols="50" rows="5"></textarea><br>
  <input type="Checkbox" name="checkBold" onclick="setBold();" />Bold		
  <input type="Checkbox" name="checkItalic" onclick="setItalic();" />Italic<br>  <br>		
<select name="SelectSize" onchange="setSize(this.value);">
<option value=12>12
<option value=14>14
<option value=16>16
<option value=18>18
</select>Size
<br><br>	  
<select name="SelectColor" onchange="setColor(this.value);">
<option value="black">black
<option value="red">red
<option value="green">green
<option value="orange">orange
<option value="blue">blue
</select>   color		
<br> <br>
	  <input type="Button" value="Back" onclick="resetStyle()" />
</center>	  
</body>
</html>
#3

وصلت الفكرة

شكرا كتير الك

هذا الموضوع مغلق.

مواضيع مشابهة