Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Entwickler>Widget Background auf Klick ändern

Widget Background auf Klick ändern

IceRikku
IceRikku13.07.0719:21
Hallo, ich habe ein Widget und würde gerne mit hilfe von einem next und einem prev. button den hintergrund ändern können.

Vielleicht hat ja jemand eine Idee.
0

Kommentare

Mr. Krabs
Mr. Krabs17.08.0714:25
JavaScript kann dir da sicherlich helfen. Damit setzt du dann einfach den neuen Hintergrund.
„Deux Strudel!“
0
Vicelow_SSC17.08.0715:02
Du steuerst z.B. mit JS direkt CSS an:
Hier zwei Möglichkeiten:

Ist's ein Bild?
document.getElementById('dein div').style.backgroundImage="url(/dein bildpfad)"

Soll die Farbe geändert werden?
document.getElementById('dein div').style.backgroundColor="#123456"
0
Vicelow_SSC17.08.0715:03
Hoppla, das Anfangspost ist ja uralt....
0
Mr. Krabs
Mr. Krabs17.08.0716:15
Vicelow_SSC<br>
Hoppla, das Anfangspost ist ja uralt....

Najo, ich antworte dennoch gerne, denn ich bekomme immer wieder einen Hals wenn ich was suche und dann nicht abgeschlossene Threads finde
„Deux Strudel!“
0
IceRikku
IceRikku17.08.0717:25
Vicelow_SSC

kannst du mir auch genau sagen wie ich das in so ein Widget einbinden würde?
Ich bin leider ein totaler voll noob
0
Vicelow_SSC17.08.0718:22
Du bastelst dir einen Button,z.B. mit einem <img> Tag in HTML, dann fügst du den Event-Handler onclick="javascript:document.get....." (siehe oben) ein das Tag ein. Also <img src=... onclick="....">
Alternativ machst du aus dem Code oben eine Funktion in deiner externen JS-Datei, Typ:
function toggleBG(){
document.getElementById('dein div').style.backgroundImage="url(/dein bildpfad)"
}

und referenzierst die Funktion dann im Handler.
0
Vicelow_SSC17.08.0718:46
Ach ja vergessen, das soll ja weitergehen. Ich würde dann eine Variable definieren, die bei jedem Klick eins hoch- (next) bzw. runter (previous) zählt und somit den entsprechenden Background setzt. Das musst du dann in deiner Funktion z.B. mit Case lösen. Lies dich mal in Selfhtml ein, da steht alles weitere, die Stichworte hast du hier.
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.