السلام عليكم و رحمة الله أرجو أن تساعدوني في حل المشكلة التالية:
يوجد عندي صفحة html التالية:
<html>
<body>
<div id="d1"> </div>
<button id="b1"> </button>
</body>
</html>
أريد عند الضغط على الزر الذي يحمل id =b1 وضع داخل ال div الذي يحمل ال id= d1 ديف أخر يحوي div , table
اي أريد أن بصبح الكود عند ضغط الزر كل التالي :
<html>
<body>
<div id ="d1">
<div>
<table> </table>
<div> </div>
</div>
<div>
<button id="b1"> </button>
</body>
</html>
تلقائيا حصرا عن طريق كود jquery
وعليكم السلام ورحمة الله وبركاته
إن كان فقط هذا الشكل الذي تريده في الناتج
فهذه تكفي :
طبعا لا تنسى تضمين مكتبة الـ Jquery في الصفحة
إذا كنت تريد تفاصيل أكثر فقط أخبرني بها بالضبط حتى أعطيك الكود المناسب
ملاحظة : في حالتنا هنا عند الضغط على الزر يمكنك فقط من خلال الـ Firebug رؤية التغير الحاصل على الصفحة والله أعلم
لأن الجدول و الـ Div فارغان تماماً أو يمكنك اضافة نص بداخلهما فيظهر لك التغير بشكل واضح
بتوفيق الله ..
تم تعديل هذه المشاركة بواسطة MoHaMMaD Pro في 8 أغسطس 2010 في 19:59
Everything will be fine when we TALK LESS, DO MORE
MoHaMMaD Pro كتب:وعليكم السلام ورحمة الله وبركاته
إن كان فقط هذا الشكل الذي تريده في الناتج
فهذه تكفي :
<script>
$(document).ready(function(){
$("#b1").click(function(){
$("#d1").append("<div><table></table><div></div></div>");
});
});
</script>طبعا لا تنسى تضمين مكتبة الـ Jquery في الصفحة
إذا كنت تريد تفاصيل أكثر فقط أخبرني بها بالضبط حتى أعطيك الكود المناسب
ملاحظة : في حالتنا هنا عند الضغط على الزر يمكنك فقط من خلال الـ Firebug رؤية التغير الحاصل على الصفحة والله أعلم
لأن الجدول و الـ Div فارغان تماماً أو يمكنك اضافة نص بداخلهما فيظهر لك التغير بشكل واضح
بتوفيق الله ..
شكرا كثيرا هذه ما أريد جزاك الله كل خير