הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   Ajax | הצגה והסתרה של תוכן (https://hosts.co.il/forums/showthread.php?t=43660)

syn 15-04-07 19:52

Ajax | הצגה והסתרה של תוכן
 
אני מחפש משהו פשוט.

יש לי את -
קוד:

<div id="text">Text</div>
אני צריך איזה כפתור/קישור שבלחיצה הוא יפתח את ה div ויראו את ה Text, ובלחיצה נוספת זה יסגור את ה div.

תודה מראש |לב|

בניה 15-04-07 20:07

אתה רוצה שהטקסט ילקח מדף אחר?
או שהוא יהיה כבר בDIV?
כי אם הוא יהיה כבר בDIV אין שום קשר לAJAX.

Udi 15-04-07 20:10

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

syn 15-04-07 20:38

ציטוט:

נכתב במקור על ידי בניה (פרסם 460087)
אתה רוצה שהטקסט ילקח מדף אחר?
או שהוא יהיה כבר בDIV?
כי אם הוא יהיה כבר בDIV אין שום קשר לAJAX.

הטקסט יהיה כבר ב div,
חח חשבתי שזה ajax, זה בטח js פשוט?

Eli-Hai 15-04-07 20:56

קוד:

function blockDisplaySettings(block) {
        block = document.getElementById(block);

        if( block.style.display == "none" ) block.style.display="inline";
        else block.style.display="none";
}

אמור לעבוד. מזמן לא עבדתי בסינטקס של JS, ככה שיש מצב לשגיאות תחביר.

4ior 15-04-07 21:12

אם אני לא טועה זאת הפעם השניה שאתה "מתבלבל". זה javascript זה לא ajax.
קוד:

<script language="JavaScript">
        function Show_Div(Click_Menu)
        {
                if (Click_Menu.style.display == "none")
                {
                        Click_Menu.style.display = "";
                }
                else
                {
                        Click_Menu.style.display = "none";
                }
        }
</script>


mayden 15-04-07 21:37

אפשר לעשות זאת על ידי HTML ו CSS פשוט:

HTML קוד:

<a href='javascript:;'
onclick="if (document.getElementById('hiding').style.display=='none') document.getElementById('hiding').style.display='';else document.getElementById('hiding').style.display='none';">

הצג תוכן מוסתר PLOX</a>
<div id='hiding' style='display:none;'>
תוכן מוסתר
</div>

איזה אחד כאן בפורום הביא את זה ..

Hanan 15-04-07 21:43

יש קוד שעשיתי מזמן
http://www.webox.org/index.phps
http://www.webox.org/ajax.js

שניהם באותה תיקיה, שנה את הקובץ index.phps ל index.php ותריץ.

בהצלחה.

syn 15-04-07 22:35

תודה רבה לכולכם!

4ior, ממתי להתבלבל ולטעות זה רע?

somebody 16-04-07 00:20

ציטוט:

נכתב במקור על ידי mayden (פרסם 460191)
אפשר לעשות זאת על ידי HTML ו CSS פשוט:

HTML קוד:

<a href='javascript:;'
onclick="if (document.getElementById('hiding').style.display=='none') document.getElementById('hiding').style.display='';else document.getElementById('hiding').style.display='none';">

הצג תוכן מוסתר PLOX</a>
<div id='hiding' style='display:none;'>
תוכן מוסתר
</div>

איזה אחד כאן בפורום הביא את זה ..

בטח שיש בזה שימוש ב-JS..
רק שלא כתבת את זה בין תקיות SCRIPT.
אבל זה JS רגיל כמו מה שהציעו כאן.
נסה לבטל את ה JS בדפדפן ותיראה שזה לא עובד..
כל הקודים שהובאו פה יש בהם שימוש ב-CSS, כדי להסתיר/להציג את האלמנט.

כמו שהעירו פה, זה לא AJAX, אלא JS נטו, בגלל שאין כאן שימוש ב XMLHTTP.
אם היה פה שימוש ב-XMLHTTP זה היה נחשב "AJAX"(שזה עצמו JS רק עם שילוב של XMLHTTP)


כל הזמנים הם GMT +2. הזמן כעת הוא 09:27.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ