Ajax | הצגה והסתרה של תוכן

[syn]

אני מחפש משהו פשוט.

יש לי את -

<div id="text">Text</div>

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

תודה מראש

[בניה]

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

[Udi]

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

[syn]

נכתב במקור על ידי בניה

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

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

[Eli-Hai]

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

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

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

[4ior]

אם אני לא טועה זאת הפעם השניה שאתה "מתבלבל". זה 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]

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

<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]

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

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

בהצלחה.

[syn]

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

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

[somebody]

נכתב במקור על ידי mayden

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

<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)