nicht angemeldet
Hallo liebes Forum,
ich habe folgendes Problem ... Ich habe eine Website, die quasi aus 3 Bereichen/Seiten besteht bzw. konkreter werden bestimmte Bereiche einer Seite durch Ajax Funktionalitäten verändert. D.h. Je nach dem welche Seite gerade geladen ist, werden die CSS Styles dementsprechend angepasst - nun habe ich folgendes Problem:
Ich verwende die Bibliothek "Overlib", um Tooltips erstellen zu können - diesen Tooltips sind auch CSS Styles zugeordnet und in einem File tooltips.css gespeichert.
Nun ist es so, dass die 3 Bereiche mittels Tabs aufgerufen werden können - wenn ein Tab geklickt wurde erscheint quasi der neue Bereich/content. Ich habe eine Funktion geschrieben, die "onclick" auf so einen Tab die Styles für die Tooltips verändern soll - das passiert mit der untenstehenden Funktion:
function chanceCSS(pagetype){
if(pagetype == 3){
document.styleSheets.item(0).cssRules.item(6).style.backgroundColor = '#F2E7E7';
}
if(pagetype == 2){
document.styleSheets.item(0).cssRules.item(6).style.backgroundColor = '#fbf6ea';
}
if(pagetype == 1){
document.styleSheets.item(0).cssRules.item(6).style.backgroundColor = '#d8e5d8';
}
}
Durch das Debuggen sehe ich, dass jeweils immer die richtige Nummer (pagetype) übergeben wurde und auch der Javascript Code ausgeführt wird.
Das Problem: Die Tooltips werden für die ersten 2 Bereiche richtig/verändert dargestellt, nur für den 3. nicht bzw. dieser hat dann wieder den Style des 1. ... An was kann das liegen? Ich weiß lt Firebug, dass die richtige Javascript Anweisung für den dritten Bereich ausgeführt wird bzw. "pagetype" die richtige Nummer bekommt und auch in die richtige if Anweisung gewechselt wird, darum verstehe ich das nicht so ganz. Ich hoffe ihr könnt mir einen Tipp geben was da schief gelaufen sein könnte.
Danke für jede Hilfe!
LG,
Martin