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

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

syn 14-05-07 16:16

שינוי ה 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 ישתנה.

מה אפשר לעשות?

The Crow 14-05-07 16:53

קוד:

document.getElementById('bla').className='header';

syn 14-05-07 17:35

תודה אבל יש בעיה אחרת.
אני מנסה לשלוט על 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>



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

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