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

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

Munira Alharbi

السؤال

كيف اسمح للمستخدم بتغير حجم 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...