اذهب إلى المحتوى

السؤال

نشر

كيف اسمح للمستخدم بتغير حجم textarea ؟

انا بالكود حطيت لكن ابي هو يغير

هذا الكود 

<html>
<head>
<title> Assignment2 Question1</title>
<script type="text / javascript" >
function ChangeSize ()  {
document.getElementbyId("area").width=;
document.getElementbyId("area").heigt=;
</script>
</head>
<body>
<h1> Change the size of the textarea below </h6>
<form id= "area">
<textarea cols="6" rows="6"> Hi! </textarea>
</form>
Textarea Columns:
<input type="text" name="box1 value= " /> 
<br/>
Textarea Rows:
<input type="text" name="box2 value= " /> <br/>
<input type="button" value="update Textarea"  onchange="ChangeSize" />

</body>
</html>

 

Recommended Posts

  • 1
نشر

يمكنك تغيير حجم ال textarea من خلال خاصية rows و cols كالتالي

textarea.rows = rows;//القيمة التي تريدها أو يدخلها المستخدم
textarea.cols = cols;//القيمة التي تريدها أو يدخلها المستخدم

يمكنك الإعتماد على هذه الخاصية لتغيير الحجم فقم بتعديل البرنامج الخاص بك ليعمل بالشكل المطلوب

  • 1
نشر

للسماح بالمستخدم بتعديل أبعاد text area يمكن وضع خاصية resize في CSS:

div {
  resize: both;
  overflow: auto;
}

وهي تقبل القيم:

resize: none|both|horizontal|vertical|initial|inherit;

منع تغيير الأبعاد، سماح أفقي و عمودي، فقط أفقي, فقط عمود،.

  • 1
نشر
بتاريخ 21 ساعات قال Munira Alharbi:

هذا اخر شي توصلت له لكن للان ما يسوي ابديت لل textarea

الشيفرة التي استخدمها أنا خاصة ب CSS يمكن وضعها ضمن العنصر STYLE في HEAD.

ارجو تصفح العنصر textarea وارتباطه في جافاسكربت و ماهي الخواص التي يملكها إن نظرت لشيفرة المدرب غبد الباسط تلاحظين استخدام rows و cols وهنا نقزم بإسناد عدد الاسطر و الأعمدة بدل الخاصية value.

  • 0
نشر

انا ادرس مادة تصميم المواقع والاكواد الي قلتوها للان ما درستها كيف احطها للدكتورة 

هذا اخر شي توصلت له لكن للان ما يسوي ابديت لل textarea

<html>
<head>
<title> Assignment2 Question1</title>
<script type="text / javascript" >
function ChangeSize ()  {
 var area1 = parseInt(document.getElementbyId("area1").value);
var area2 = parseInt(document.getElementbyId("area2").value);
document.getElementbyId("addition").value = area1 + area2 ;
}
</script>
</head>
<body>
<h1> Change the size of the textarea below </h1>
<form>
<textarea cols="6" rows="6" id="addition" > Hi! </textarea>
</form>
Textarea Columns:
<input type="text" name="box1" id="area1" value= "" /> 
<br/>
Textarea Rows:
<input type="text" name="box2" id= "area2" value= "" /> <br/>
<input type="button" value="update Textarea"  onclik="ChangeSize" />

</body>
</html>

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...