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

textbox size

بدأه noor ahmad في 30 يونيو 2010 · 7 رد · 617 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

كيف ممكن اتحكم في حجم textbox

بحيث انه يستوعب جميع الكلام المكتوب فيه او انه يصغر على حسب الكلام

يعني بدي اعمل فورم وادخل الكلام في textbox وبعدين اطبعه

#2

كيف ممكن اخلي المؤشر يبدأ من اليمين؟

#3

السلام عليكم ورحمة الله وبركاته

الأخ/الأخت noor ahmad

بالنسبة لتصغير وتكبير حجم الـ textbox لا أعلم كيف أقوم بذلك ولكن أعتقد أنه يحتاج إلى code javascript معقد وذلك لحساب حجم وعدد الحروف مع مراعاة نوع الخط

اما بالنسبة لتغيير إتجاه الخط (من اليمين إلى اليسار والعكس) ذلك ممكن عن طريق CSS

لو كان العنصر الذي تريد تغييره من نوع HTML فكل ما عليك/عليكي فعله هو تحديد الإتجاه عن طريق الـ style attribute كما هو موضح في الأسفل

<div style="direction: rtl;">
...
...
...
</div>
 <!-- OR -->

<input type="text" style="direction: rtl;" />

أما لو كان نو العنصر هو ASP Server Control مثل الـ TextBox الذي يتم سحبه من صندوق الأدوات قم/قومي بإستخدام الـ Code التالي في صفحة التصميم aspx

<% @ PageLanguage="C#" %>
<html>
	<head>
		<title>Using CSS</title>
		<style type="text/css">
			.myTextBox {
				direction: rtl;
			}
		</style>
	</head>
	<body>
		<asp:TextBox ID="whatever" runat="server" CssClass="myTextBox" />
	</body>
</html>

حيث أن القيم التي يأخذها الـ direction هي إما rtl إختصار لـ Right to Left أو ltr إختصار Left to Right

أتمنى لك/لكي التوفيق والنجاح

#4

شكرا كتير

الله يجزيك الخير

#5

هذه صفحة تحتوي على TextBox ويتغير حجمة حسب الText 

 

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %>

<!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" >
<head runat="server">
	<title>Untitled Page</title>
	<script type="text/javascript" >
	function setInitValues(controlName){
    	CreateSpane();
    	document.getElementById("sp1").innerHTML=controlName.value;
    	controlName.style.width=document.getElementById("sp1").offsetWidth;   
	}
// To Hold text value and get its text width
	function CreateSpane()
	{
     	if(document.getElementById("sp1")==null){
         	var sp= document.createElement('span');
            	sp.id= "sp1";       	
         	sp.style.visibility="hidden";
         	document.body.appendChild(sp);
         	}
	}
	function ResizeTextBox(controlName)
	{
        	controlName.style.zIndex=9000; //To over any other controls

        	document.getElementById("sp1").innerHTML=controlName.value;
         	controlName.style.width=document.getElementById("sp1").offsetWidth;

	}

	</script>	

</head>
<body>
	<form id="form1" runat="server">
	<div>
  	<asp:TextBox ID="TextBox1" runat="server" onfocus="setInitValues(this);" onkeyup="ResizeTextBox(this,0);" ></asp:TextBox>
	</div>
	</form>
</body>
</html>
1

اللهم ارزقنا فهم النبيين وحفظ المرسلين

Hock341@yahoo.com

الشركة التطبيقية لخدمات الحاسب الالي [حاسب]

http://www.hasib.com.sa

مدونتي

#6

السلام عليكم

طريقة جميلة جدا جدا :)

مشكور عليها ولكنها لا تعمل على جميع المتصفحات

التصحيح

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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" > 
<head id="Head1" runat="server"> 
        <title>Untitled Page</title> 
        <script type="text/javascript" > 
        function setInitValues(controlName){ 
        CreateSpane();
        document.getElementById("sp1").innerHTML=document.getElementById(controlName).value; 
        document.getElementById(controlName).style.width=document.getElementById("sp1").offsetWidth+"px";    
        } 
// To Hold text value and get its text width 
        function CreateSpane() 
        { 
        if(document.getElementById("sp1")==null){ 
                var sp= document.createElement('span'); 
                sp.id= "sp1";            
                sp.style.visibility="hidden"; 
                document.body.appendChild(sp); 
                } 
        } 

        function ResizeTextBox(controlName) 
        { 
                document.getElementById(controlName).style.zIndex=9000;  

                document.getElementById("sp1").innerHTML=document.getElementById(controlName).value; 
                document.getElementById(controlName).style.width=document.getElementById("sp1").offsetWidth+"px"; 

        } 

        </script>        

</head> 
<body> 
        <form id="form1" runat="server"> 
        <div> 
        <asp:TextBox ID="TextBox1" runat="server" onfocus="setInitValues(this.id);" onkeyup="ResizeTextBox(this.id);" ></asp:TextBox> 
        </div> 
        </form> 


</body> 
</html>

جزاكم الله كل خير

تم تعديل هذه المشاركة بواسطة X-File في 1 يوليو 2010 في 02:17

In bad state

#7

شكر كتير

الله يجزيكم الخير

#8

السلام عليكم

كيف ممكن اعمل فورم لما اطبعه يكون نفس حجم ورقة الطباعة؟

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