عرض نص كبير في عدة Divs

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

كيف حال الجميع؟

سؤالي هو كيف يمكنني عرض نص طويل في مجموعة من Div لها نفس Class و تختلف في المعرّف Id ، كل هذا بطريقة دينامكية بحيث كل 500 كلمة يتم إنشاء div

كيف يمكنني فعل ذلك بـ php و Jquery ؟

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

قم بتقسيم الكلمات الى مصفوفه

قم بعمل loop على المصفوفه

اطبع الناتج بعد التعديل

.. لا تحتاج jquery

Mohammed_Alkhafaji1 أضف ردا

يمكنك ان تقسمها الى مصفوفه كما قال الاخ @beshoo او جعل الحاسوب يقسمها خاصه اذا كانت الكلمات مدخلات من المستخدم ويمكنك عملها كتالي

HTML

<div id="h">

</div>
<div id="words">

</div>

JS

var a = "Hello world my name is Mohammed and i love JavaScript and this is just random text to test in it I hope you are having a good time Love you body"
var h = document.getElementById("h")
var words = document.getElementById("words")
h.innerHTML="The length of the string is " + a.length
var Array_of_a = a.match(/.{1,50}/g);
for (var i = 0; i < Array_of_a.length; i++) {
  var text = document.createTextNode(Array_of_a[i]); 
  var div  = document.createElement("div");
  div.appendChild(text);
  div.className = "MyClass"
  div.id = Math.random()
  document.body.insertBefore(div, words); 
}

JsFiddle

شكرا أخي هذا ما كنت أبحث عنه

شكرا أخي ، هذا ما كنت أبحث عنه ، شيء اخر ، هل يمكنني تسمية id بأرقام متتالية ساعتمدها لكي اضعها اسفل كل div

الهادي عبد الله أضف ردا

شكرا اخي ، شيء اخر فقط ، هل يمكنني البدء من الواحد بدلا من الصفر ، اعتذر اخي

الهادي عبد الله أضف ردا

الله يبارك عليك ، رد سريع و رائع ، شكرا أخي ، أظنني احتاجك في مشاريعي :)

حقا صدق mohamed asfar حين قال استشره

العفو

إن واجهت أي مشكلة إبحث في google وإن لم تجد حلا ،إطرحها في حسوب وستجد من يساعدك بإذن الله

بالتوفيق

شكرا أخي ، لكن قد واجهت مشكلة عند تجريبي لكودك ، لا يظهر شيء على الصفحة عندما قمت بنسخ الكود كما هو ، ولما ذهبت إلى console ظهر لي خطأ مفاده أن قيمة h و word هي null، لم افهم ما هو الخطأ بالضبط.

هل يمكنك إرسال المصدر مباشرة لي دون كتابته في الموقع السابق

جزاك الله خيرا، وزادك علما أخي

استشر المتميز @zakariamouhid ربما يفيدك