לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #1  
ישן 31-07-2008, 20:25
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
שימוש ב-DOM לשינוי מיקום אלמנטים

נניח יש לי את הטבלה הבאה:

קוד:
<table id='myTable'> <tr id='foo1'><td><select>...</select><a href="#" id='up1'>Up</a><a href="#" id='Down1'>Down</a></td></tr> <tr id='foo2'><td><select>...</select><a href="#" id='up2'>Up</a><a href="#" id='Down2'>Down</a></td></tr> <tr id='foo3'><td><select>...</select><a href="#" id='up3'>Up</a><a href="#" id='Down3'>Down</a></td></tr> </table>


כאשר לכל אחד מאלמנטי ה-select יש ערכי options זהים לחלוטין. הדבר היחידי ששונה בין אלמנטי ה-select הוא מאפיין ה-selected בתגי ה-options, שיכול להשתנות מ- select ל-select.

מה שאני מחפש זה דרך לשנות את מיקום תוכן ה-td, כלומר להזיז את תוכנו של כל אחד מה-td למעלה או למטה, בהתאם ללחיצה על הקישור המתאים.

ניסיתי לבנות בעצמי סקריפט במשך זמן רב אבל נתקלתי בקשיים רבים ובבאגים מעצבנים.

האם זה מוכר לכם, או ידוע לכם על הדרך הכללית שבה מתבצעים הפעולות האלו?

תודה רבה.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 02-08-2008, 13:28
  משתמש זכר yoavmatchulsky yoavmatchulsky אינו מחובר  
 
חבר מתאריך: 15.08.06
הודעות: 1,561
שלח הודעה דרך ICQ אל yoavmatchulsky שלח הודעה דרך MSN אל yoavmatchulsky Facebook profile
בתגובה להודעה מספר 1 שנכתבה על ידי dorM שמתחילה ב "שימוש ב-DOM לשינוי מיקום אלמנטים"

כמו שאמרת, אפשר לעשות את זה בשימוש בDOM:

קוד:
<html> <head> <script type="text/javascript"> function moveUp(linkObj) { var cellObj = linkObj.parentNode; var rowObj = cellObj.parentNode; var tableObj = rowObj.parentNode; var cloned = rowObj.cloneNode(true); var placeToInsert = rowObj.previousSibling; // sometimes we have a #text node if (placeToInsert.nodeName == '#text') placeToInsert = placeToInsert.previousSibling; tableObj.insertBefore(cloned, placeToInsert); oldRowObj = tableObj.removeChild(rowObj); } </script> </head> <body> <table border="1"> <tr><td>First | <a href="#" onclick="moveUp(this); return false;">Up</a></td></tr> <tr><td>Second | <a href="#" onclick="moveUp(this); return false;">Up</a></td></tr> <tr><td>Third | <a href="#" onclick="moveUp(this); return false;">Up</a></td></tr> </table> </body> </html>
_____________________________________
!!אזהרה!!
ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם
!!אזהרה!!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 11:05

הדף נוצר ב 0.03 שניות עם 11 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר