הרשם שאלות ותשובות רשימת חברים לוח שנה הודעות מהיום

חזור   הוסטס - פורום אחסון האתרים הגדול בישראל > עיצוב גראפי, תכנות על כל שפותיו וקידום ושיווק אתרים > פורום תיכנות

   
|!|

השב
 
כלים לאשכול תצורת הצגה
ישן 14-05-07, 16:16   # 1
syn
הוסטסניון
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
הודעות: 1,919

syn לא מחובר  

שינוי ה 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..
  Reply With Quote
ישן 14-05-07, 16:53   # 2
The Crow
חבר בקהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: קריית אונו
גיל: 36
הודעות: 181
שלח הודעה באמצעות MSN אל The Crow

The Crow לא מחובר  

קוד:
document.getElementById('bla').className='header';
  Reply With Quote
ישן 14-05-07, 17:35   # 3
syn
הוסטסניון
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
הודעות: 1,919

syn לא מחובר  

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

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)
 


חוקי פירסום
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is מופעל
סמיילים הם מופעל
[IMG] קוד מופעל
קוד HTML מכובה

קפיצה לפורום


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

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