اقتراحات تصميم شجرة العائلة؟
-
27-09-2019 - |
سؤال
أود تصميم شجرة عائلة على موقع الويب الخاص بي. كيف يمكن القيام بذلك مع jQuery أو Ajax؟ أي أمثلة متحركة هناك؟
المحلول
استخدم واجهة برمجة تطبيقات Google Visualization ، تم توثيقها جيدًا: http://code.google.com/apis/visualization/documentation/gallery/orgchart.html#example
نصائح أخرى
سيكون الرابط التالي مفيدًا للمشاركة هنا حيث طبقت كل منطق مذكور هنا ولكن لا شيء يعمل. في النهاية وجدت هذا الحل. لقد ساعدني ذلك في بناء شجرة عائلة محترفة عبر jQuery و PHP
يفحص www.geni.com. يستخدمون الفلاش ، وليس JavaScript ، لكنه لطيف ، متحرك وما إلى ذلك.
تم إلقاء نظرة سريعة على موقع jQuery Plugin الأسهم والصناديق. يبدو أنه يفعل ما تحتاجه. إذا لم ينجح هذا الأمر ، فمن المحتمل أن يكون هناك عشرات آخرين لمحاولة.
القي نظرة على عينة تم إنشاؤها باستخدام D3.JS ، والهاتف المحمول.
- تمرير الماوس للتكبير ، قابلة للسحب ، مع تلميح أدوات تفاعلي
- زر "البحث" للبحث في أي فرد من أفراد الأسرة
- زر "إعادة تعيين" لإعادة تعيين التكبير والموضع
قادرة على عرض علاقات صعبة مثل الزيجات المتعددة والزواج بين أفراد الأسرة. تم إنشاؤها باستخدام D3.JS