السلام عليكم ورحمة الله وبركاته ..
منذ أيام أحاول إتمام هذه المهمة لكن دون جدوى، أولاً شرح المهمة عبر الصورة الآتية:
في الصورة هناك 3 أعمدة، كل عمود بمحتوى مختلف، المطلوب كالتالي:
تحويل محتوى تلك الأعمدة من xml إلى الشكل في الصورة، بحيث الأعمدة مخزنة في جدول والمحتوى في جدول آخر، ومثال للـXML هنا:
الأعمدة:
كود:
<?xml version="1.0" encoding="utf-8"?>
<Status>
<Item StatusId="B">
<StatusDescription>Backlog</StatusDescription>
</Item>
<Item StatusId="D">
<StatusDescription>Done</StatusDescription>
</Item>
<Item StatusId="I">
<StatusDescription>Work-in-progress</StatusDescription>
</Item>
</Status> محتوى الأعمدة:
كود:
<?xml version="1.0" encoding="utf-8"?>
<Tasks>
<Task TaskId="1" StatusId="I">
<StartTime>2011-09-14 19:42:44</StartTime>
<EndTime>0000-00-00 00:00:00</EndTime>
<Description>Draw the layout of the website</Description>
</Task>
<Task TaskId="2" StatusId="B">
<StartTime>0000-00-00 00:00:00</StartTime>
<EndTime>0000-00-00 00:00:00</EndTime>
<Description>Design the visual layout in Photosthop</Description>
</Task>
<Task TaskId="3" StatusId="B">
<StartTime>0000-00-00 00:00:00</StartTime>
<EndTime>0000-00-00 00:00:00</EndTime>
<Description>Code the HTML from the designed layout</Description>
</Task>
<Task TaskId="4" StatusId="B">
<StartTime>0000-00-00 00:00:00</StartTime>
<EndTime>0000-00-00 00:00:00</EndTime>
<Description>Valid the HTML</Description>
</Task>
<Task TaskId="5" StatusId="B">
<StartTime>0000-00-00 00:00:00</StartTime>
<EndTime>0000-00-00 00:00:00</EndTime>
<Description>Create the stylesheet for the website</Description>
</Task>
<Task TaskId="6" StatusId="I">
<StartTime>2011-09-14 19:42:44</StartTime>
<EndTime>0000-00-00 00:00:00</EndTime>
<Description>Contact client for more content detail</Description>
</Task>
</Tasks> والمهمة الأخرى في ذات الصفحة، هي استخدام خاصية Drag & Drop أو السحب والإلقاء لتحريك محتويات الأعمدة فيما بينها ..
كل ذلك يجب انجازه باستخدام jQuery .. هل من متطوّع لشرح الطريقة الصحيحة ؟
المواضيع المشابهه 
