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

Eli-Hai · 16-01-07, 21:24

קוד ה-CSS (הצגה / הסתרה של הבלוק) -

קוד:

.display_off { display: none; }
.display_on { display: block; }

הפונקציה ב-Javascript -

קוד:

function viewDetails(object_id) {
	document.getElementById(object_id).className = (document.getElementById(object_id).className == "display_off"?"display_on":"display_off");
}

וקוד ה-HTML -

קוד:

<a href="#" onclick="javascript: viewDetails('div1');">Show Div #1</a>
<div class="display_off" id="div1">:P</div>

שים לב ל-id שאתה נותן ל-div/p/span, אל תשכח לעדכן את הלינק. תבנית פשוטה.

16-01-07, 21:24	# 9
Eli-Hai משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 2,758	קוד ה-CSS (הצגה / הסתרה של הבלוק) - קוד: .display_off { display: none; } .display_on { display: block; } הפונקציה ב-Javascript - קוד: function viewDetails(object_id) { document.getElementById(object_id).className = (document.getElementById(object_id).className == "display_off"?"display_on":"display_off"); } וקוד ה-HTML - קוד: <a href="#" onclick="javascript: viewDetails('div1');">Show Div #1</a> <div class="display_off" id="div1">:P</div> שים לב ל-id שאתה נותן ל-div/p/span, אל תשכח לעדכן את הלינק. תבנית פשוטה.