שלום לך,
אני מתכנת כרגע אתר יד-שניה,
נתקלתי בבעיה דיי קטנה אך דיי משמעותית.

הבעיה היא, כיצד ליצור תפריט אשר יהיה אפשר לפתוח\לסגור אותו בלחיצת כפתור,
כלומר תופיע שורה עם כפתור פתח\סגור ובלחיצה עליו יפתח בdiv מידע חדש.
הנה דוגמא:
http://www.yad2.co.il/Cars/Car.php
הכפתור "לפרטים", פותח את המודע ומיד לאחר מכן מופיע "סגור" אשר סוגר את המודעה.

דוגמא נוספת:
http://www.dynamicdrive.com/dynamic...ajaxcontent.htm
הדוגמא הזו רלוונטית רק מבחינת התצורה שלה, אין לה כפתור פתח\סגור.
ניתן להשתמש בקוד הזה, הוא קוד פתוח.

אני אשמח לקבל עזרה בנושא,
תודה לעוזרים.

אתה שולף את הרשומות ממסד נתונים נכון? אז תיצור div בעזרת echo ב-php, ותשרשר id שמורכב ממילה מסוימת ולאחריה מספר, שיהיה משתנה. בכל שליפת רשומה אתה מעלה את המשתנה ב-1 <לולאה>, וככה נוצרים divים בעלי id סידוריים.

תן לכל div קישור שבלחיצה עליו תיקרא פונקצית js, שפעולותיה יהיו הצגת/הסתרת ה-div.

ה-div והקישור:

קוד:

<span style="cursor:hand" onclick="showHide(i)">קישור</span>
<div id="oDiv1" style="display:none">
text1
</div>

הקישור קורא לפונקציה showHide() ושולח לה כפרמטר את משתנה i, שבעזרתו תאתר הפונקציה את ה-div המבוקש.


הפונקציה:

קוד:

 
<script type="text/javascript">
function showHide(nId) {
document.getElementById("oDiv"+i).style.display='none'?document.getElementById
("oDiv"+i).style.display='block':document.getElementById(  "oDiv"+i).style.display='none'
}
</script>

הפונציה בודקת האם oDiv1 מוצג, אם כן-מסתירה אותו, ואם לא-מציגה אותו.

בהצלחה

תודה

ציטוט:

במקור נכתב על ידי אקונה מטטה הפונקציה: קוד: <script type="text/javascript"> function showHide(nId) { document.getElementById("oDiv"+i).style.display='none'?document.getElementById ("oDiv"+i).style.display='block':document.getElementById( "oDiv"+i).style.display='none' } </script>

תקן אותי אם אני טועה... אבל בכל מקום שרשמת בו i היית אמור לכתוב nId... לא? (oDiv'+nId')

פשוט שלחתי את ההודעה כשרשום i בסוגריים של הפונקציה..ואז ערכתי ל-nId..ושכחתי לשנות בשאר המקומות