النتائج 1 إلى 13 من 13

الموضوع: مطلوب كود مربع نصي

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57

    مطلوب كود مربع نصي



    السلام عليكم

    مطلوب كود مربع نص عند الكتابة بداخل المربع في مستعرض الويب يتمدد مع طول النص

    على سبيل المثال كتبنا كلمة من 10 أحرف المربع على طول الكلمة فقط بينما عند الكتابة 30 حرف المربع يتمدد تلقائياً على طول النص

    بإنتظار خدمتكم وشكراً







  2. #2
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    674


    الكود
    كود PHP:
    <html>
    <
    head>
    <
    script language="JavaScript"
    function 
    ResizeTextArea(id,d

    var 
    txtBox=document.getElementById(id);
    sValtxtBox.value.length
    if (
    sVal ) { txtBox.cols = (sVal+3);}

    </script>
    </head>
    <body>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest" name="txtTest" cols="20" rows="1" style="overflow-y: hidden;" > </textarea>
    </body>
    </html> 
    هذه الخاصية موجودة بـjquery
    استخدم الـ jquery وريح راسك اذا ما بتفهم جافاسكربت





    __________________
    Professional Java?Script Programmer and Web Developer

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    أشكرك من كلّ قلبي عزيزي






  4. #4
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    وفقك الله






  5. #5
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    السلام عليكم ورحمة الله
    أخي العزيز شكراً لك على جهودك
    بخصوص مربع الكود النصي حصلت معي مشكله بسيطه
    عند تكراره في صفحه واحده يصير اول مربع يتمدد فقط بينما البقية لا تتمدد
    إذا أمكن تحلّ لي المشكلة
    شاكر ومقدر لك تعاونك
    =============================================
    كود:
    <html>
    <head>
    <script language="JavaScript"> 
    function ResizeTextArea(id,d) 
    { 
    var txtBox=document.getElementById(id);
    sVal= txtBox.value.length; 
    if (sVal > d ) { txtBox.cols = (sVal+3);}
    } 
    </script>
    </head>
    <body>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest" name="txtTest" cols="20" rows="1" style="overflow-y: hidden;" > </textarea>
    </body>
    </html>
    ===================================================






  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    674


    كود:
    <html>
    <head>
    <script language="JavaScript"> 
    function ResizeTextArea(id,d) 
    { 
    var txtBox=document.getElementById(id);
    sVal= txtBox.value.length; 
    if (sVal > d ) { txtBox.cols = (sVal+3);}
    } 
    </script>
    </head>
    <body>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest1" name="txtTest1" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest2" name="txtTest2" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest3" name="txtTest3" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest4" name="txtTest4" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest5" name="txtTest5" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest6" name="txtTest6" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest7" name="txtTest7" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest8" name="txtTest8" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest9" name="txtTest9" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    <textarea onkeydown="ResizeTextArea(this.id,20);" id="txtTest10" name="txtTest10" cols="20" rows="1" style="overflow-y: hidden;" > </textarea><br>
    
    </body>
    </html>
    يمكن تكرار 100 ما المشكلة
    هل راعيت تغير الـ ID لكل عنصر





    الصور المرفقة الصور المرفقة  
    __________________
    Professional Java?Script Programmer and Web Developer

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    عزيزي فاهم عليك ولكن انا بستخدمه في متغير في محرر نماذج كحقل واحد وأكرر أنقر على أيقونة المتغير في كل مره أستخدمه وفي أماكن مختلفه وبيأخذ الكود بآي دي واحد فما أدري هل يوجد حل ّ ؟؟؟






  8. #8
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    674


    مش فاهم

    ضع الكود الناتج هنا





    __________________
    Professional Java?Script Programmer and Web Developer

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    عزيزي شكراً لك تم حلّ المشكلة






  10. #10
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    مافيه حل يأ إخوان عند الطباعه ما تظهر حدود المربع ؟؟

    انا أستخدم المربع النصي في محرر وأطبع نماذج ولكن عند الطباعه إذا أستخدمت المربع النصي بالكتابة بداخله تظهر حدود المربع وتعتيم خفيف خلفيه

    هل فيه حلّ لتلافي هذه المشكلة ؟








  11. قم بعمل ملف CSS خاص بالطابعه ، عن طريق media=print كما يلى :
    كود PHP:
    <link rel="stylesheet" type="text/css" media="print" href="print.css"






    __________________
    Keepondev | مدونه شديد التخصص فى الجافاسكربت
    جافاسكربت الموجهه بالكائنات | أنماط تصميم جافاسكربت

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    وفقك الله أخي العزيز

    سيتم التجربة إن شاء الله

    عندي إضافة محتاج حجم الخط يكون 15 داخل المربع لأنة يظهر صغير جداً

    آسف جداً على الإطالة عليكم






  13. #13
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    57


    إخواني آسف على إزعاجكم أتمنى مساعدتي في تغيير حجم الخط داخل المربع لانه يطبع صغير










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض