שלום לכולם
אני מנסה לבנות Organization Chart
אני מחפש לוגיקה לבניית פונקצייה שתחשב את הקווים שבין הקוביות.
כלומר גם אם אגרור קובייה למיקום אחר במסך היא תידע לחשב את נקודות השבירה
( left-top , right -bottom )שלאורך הדרך.
כאשר התנאי הוא שהקווים אנכים ואופקיים בלבד ולא אלכסונים.
שפת הבנייה לא צויינה כי כאמור אני מחפש את הלוגיקה . אבל במידה ויש דוגמה ב JavaScript
היא כמובן תתקבל בברכה בחיוך ובלייק ענק ....

לצורך המחשה צירפתי תמונה ובה הקובייה של מחלקה 1 ניגררה למיקום חדש והקו המחבר חושב
מחדש .

אולי זה יעזור:
Managing Hierarchical Data in MySQL
http://ftp.nchu.edu.tw/MySQL/tech-r...hical-data.html

"nested set model"

ציטוט:

במקור נכתב על ידי dorM אולי זה יעזור: Managing Hierarchical Data in MySQL http://ftp.nchu.edu.tw/MySQL/tech-r...hical-data.html "nested set model"

על מה אתה מדבר? מה הקשר?

(קרדיט למרשי)
אמר לה ינאי מלכא לדביתיה אל תתיראי מן הפרושין ולא ממי שאינן פרושין אלא מן הצבועין שדומין לפרושין שמעשיהן כמעשה זמרי ומבקשין שכר כפנחס
אמר פסטן: שניהם גרועים, אבל עדיף להיות טיפש מאשר שקרן.

תודה לך על הקישור .
אבל זה חומר כבד שיקח לי זמן להפנים ולהשתמש במידה ואפשר .
אז לבינתיים רק תודה, ברכה חיוך ולייק ענק .... אולי בהמשך.
אסף (:

בכיף

זה מה שנראה לי כרגע:
כל קוביה מקבלת אבא ודרגת ריחוק מהאבא

בדוגמא שלך:
מנכל זה השורש
הילדים שלו זה
סמנכל ומזכיר בדרגה 1
דובר דרגה 2
מחלקות 1-4 בדרגה 3

התמונה שלך לא מפרטת יותר מדי וכיוון המחשב שלי הוא כזה:
יש סידור ראשוני של הנתונים (ככה את הצגת את זה) כזה:
השורש למעלה ואז לפי דרגות
אם יש בדרגה איבר אחד אז זה יראה כמו הדובר
אם יש 2 איברים זה יראה כמו הסמנכל והמזכיר
אם יש 3 איברים ומעלה אז צריך ליצור צומת ולסדר הכל כמו במחלקות
את הסידור הראשוני נבצע פעם אחת ונקבל קורדינות מדוייקת לכל איבר.
אם יש קפיצות בין דרגות אז לדלל או לא לעשות כלום.


עכשיו ברגע שאנחנו מזיזים את אחד האיברים,
* אם זה איבר בודד, נמתח קו מאיפה שהוא יצא
* אם זה 2 איברים, אז תלוי בכיוון,
- אם זה הכיוון ממנו הוא יצא אז נמתח את הקו כאילו זה איבר אחד
- אם זה לכיוון של האיבר השני אז ניצור צומת חדשה (כמו במחלקות) ואז נמתח קו לאיבר הקרוב ביותר
* 3 איברים ומעלה, כבר יש לנו צומת נותר רק למתוח קו לאיבר הקרוב ביותר


**למתוח קו זה לקחת את ה2 נקודות של האלכסון-הדמיוני ולקחת מהם ערכי x ו y ואז לבנות קו או 2 בהתאם.


מה אומר?

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

ושוב רק תודה .
האמת היא שלא התמקדתי בהירכייה וניראה לי שהיא החלק הפחות חשוב (חייב לבדוק עם הלקוח).
התמונה עצמה הורדה מויקיפדיה ונערכה ידנית רק כדי להמחיש. אבל כנראה לא בצורה טובה מספיק.
בגדול הדרישה כרגע היא רק למצב שבו קיימת הגדרה לכל קובייה מי הקוביות השכנות שלה ,
ואני צריך למתוח קו בינהן שיענה לכללים של אופקי אנכי. כולל בייצור קובייה חדשה , אז כבר בזמן הייצור
וכחלק מהתהליך שמייצר את הקובייה נידרש לספק את ID של הקוביות הקשורות.
לאחר שזה הוגדר אני צריך את נקודות השבירה של הקווים
(אותם אייצר ב SVG או div עם border בצד אחד או canvas או כל מה שיראה לי קל יותר באותו הרגע)
מזכיר מעט את המצב שבו יוצרים קשרים בטבלאות במסך הגרפי של SQL או באקסס והקווים שומרים על מיקום ביחס לתיבות גם במצב גרירה
אבל במסכים אילו אין את התנאי של אופקי אנכי והם יכולים להיקשר באלכסון.

אסף

אני רק שאלה:

יש איזה עניין בלהמציא כאן את הגלגל לבד? כי... https://www.graphviz.org

נמאס לכם לזכור סיסמאות? לחצו כאן!

שימי תודה (:
לא היכרתי את מה ששלחת .
נראה טוב , בקרוב הוריד ואבדוק האם פותר לי את הבעייה.
או לפחות ניתן להבין כיצד עשו זאת.
אסף