|
הרשם | ![]() |
שאלות ותשובות | ![]() |
רשימת חברים | ![]() |
לוח שנה | ![]() |
הודעות מהיום | ![]() |
חיפוש | ![]() |
|
![]() |
![]() |
|
כלים לאשכול | תצורת הצגה |
|
![]() |
# 1 |
הוסטסניון
|
שינוי ה class של div מסוים בלחיצה
אני מחפש פקודה ב js שתשנה לי את העיצוב של div מסוים בלחיצה.
אני מתכוון לעשות קישור ובעזרת onclick אני רוצה לשנות את העיצוב של div מסוים, למשל להגדיר לו רקע חדש. תודה מראש. עריכה: הסתדרתי, אבל יש בעיה אחרת. אני משתמש בפונקציות - קוד:
<script type="text/javascript"> var classString="class1" var classString1="class3" function getObject(objectId) { if (document.all && !document.getElementById) { return document.all(objectId) } else { return document.getElementById(objectId) } } function changeClass() { if (classString=="class1") { getObject("myText").className="class2" classString="class2" getObject("myText1").className="class3" classString="class3" } else { getObject("myText").className="class1" classString="class1" } } function changeClass1() { if (classString1=="class3") { getObject("myText1").className="class4" classString1="class4" getObject("myText").className="class1" classString="class1" } else { getObject("myText1").className="class3" classString1="class3" } } </script> HTML קוד:
<div id="myText" class="class1"> <a href=# onclick ='changeClass(); document.getElementById("form").action="s-photos.html"'><font color=white><b>תמונות</b></font></a> </div> <div id="myText1" class="class3"> <a href=# onclick ='changeClass1(); document.getElementById("form").action="s-videos.html"'><font color=white><b>סרטונים</b></font></a> </div> בפעם האחרונה כשאני לוחץ על סרטונים, הקישור לא נלחץ. צריך פעמיים כדי שה class ישתנה. מה אפשר לעשות? Last edited by syn; 14-05-07 at 16:55.. |
![]() |
![]() |
# 2 |
חבר בקהילה
|
קוד:
document.getElementById('bla').className='header';
__________________
|
![]() |
![]() |
# 3 |
הוסטסניון
|
תודה אבל יש בעיה אחרת.
אני מנסה לשלוט על 2 ה divים, במקרה שהראשון לחוץ, שהשני לא יהיה. וההפך. קוד:
<script type="text/javascript"> var classString="class1" var classString1="class3" function getObject(objectId) { if (document.all && !document.getElementById) { return document.all(objectId) } else { return document.getElementById(objectId) } } function changeClass() { if (classString=="class1") { getObject("myText").className="class2" classString="class2" } else { getObject("myText").className="class1" classString="class1" } } function changeClass1() { if (classString1=="class3") { getObject("myText1").className="class4" classString1="class4" } else { getObject("myText1").className="class3" classString1="class3" } } </script> |
![]() |
![]() |
חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים) | |
|
|