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