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

اضافة كود الى html باستعمال جافا سكريبت

بدأه sin-cos في 26 يونيو 2010 · 4 رد · 1,004 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

اريد ان اضيف هدا الكود الى html

1 - اضافة div

2- اضافة صورة الى هدا ال div واريد ان اضع لها كخاصية float:right

3- اضافة نص داخل نفس ال div

اريد ان اقوم باضافة هدا الكود من خلال الجافا سكريبت

وقمت في هدا الكود باضافة div الى td لكني لااعرف كيف اضيف الصوره والنص داخل هدا ال div

  function yeah(i)
    {
        var divTag = document.createElement("div");

        divTag.id = i;

       divTag.setAttribute("align","left");

        divTag.style.margin = "12px 12px";

        divTag.style.padding="0";


         divTag.style.border= " 1px solid green";



        document.getElementById("here").appendChild(divTag);



    }

وشكرا مقدما :wub:

#2
      function yeah(i) 
    { 
        var divTag = document.createElement("div"); 

        divTag.id = i; 

       divTag.setAttribute("align","left"); 

        divTag.style.margin = "12px 12px"; 

        divTag.style.padding="0"; 



         divTag.style.border= " 1px solid green"; 



        document.getElementById("here").appendChild(divTag); 


           document.getElementById(i).innerHTML="test<br /> <img src='/public/style_images/clean3.1_images/feed.png'>";
    }

:)

In bad state

#3

شكرا لك اخي الكريم على سرعة الاجابة

المهم عندما اضفت الكود حصلت على هده النتيجة

http://www.easy-upload.net/fichier.php?fichier=20106262331

كما تلاحض في الصوره ان النص تم اضافته خارخ ال div

لكنني اريد ان اقوم باضافته داخل ال بلوك واريد ان اضيف خاصية float left لصوره

اريد ان احصل على هده النتيجة

http://www.easy-upload.net/fichier.php?fichier=201062624955

وشكرا مقدما

#4
    <script type="text/javascript">
      function yeah(i) 
    { 
        var divTag = document.createElement("div"); 

        divTag.id = i; 

       divTag.setAttribute("align","left"); 

        divTag.style.margin = "12px 12px"; 

        divTag.style.padding="0"; 



         divTag.style.border= " 1px solid green"; 
         divTag.style.position="static";

    divTag.style.width="200px";

        document.getElementById("here").appendChild(divTag); 


           document.getElementById(i).innerHTML="<img src='/public/style_images/clean3.1_images/feed.png'>tesfgfdgdfgdfffff<br />ffffffffffffffffffffffffffffffffffffffffffft<br /> ";
    }
    </script>

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

اما بالحالة العادية مع لغة سيرفر الامر محلول

من خلال عملية الاضافة من خلال textarea يتم حفظ br

وخلال العرض بحسب لغة البرمجة المستخدمة يتم عرضها

انا اعرف asp and php

ان كانت بواحد منها ارفق مثالا

بالتوفيق

In bad state

#5

مبدأياً أخي الكريم لا أعرف طريقة غير التي كتبها الأخ X-File جزاه الله خيرا

ولكن الخطأ الذي يجعل النص يخرج عن الحدود الـ Div

هي أنك تضع كلمة طويلة جدا نسبيا فلا يمكن للكود أن يقطع الكلمة بنفسه و ينزل بها إلى سطر آخر

أي أنه يعتبر هذه :

اقتباس

fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

كلمة واحدة

فالحل يكون عندما تضع نص حقيقي فيه فراغات بين الكلمات و ليس تكرار للأحرف بشكل عشوائي سيبقى النص بداخل حدود الـ Div بإذن الله

تم تعديل هذه المشاركة بواسطة MoHaMMaD Pro في 26 يونيو 2010 في 18:36

Everything will be fine when we TALK LESS, DO MORE


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