[Huelsenbeck]

Hallo Zusammen

Ich bin gerade an meinem ersten wirklichen Widget. Ich hab mir dafür die Beispiel-Widget von Apple runtergeladen und an den Codes rumgeschraubt. Ich versteh nicht wirklich was von HTML, CSS oder Java, sondern hab einfach mal probiert. Und es hat eigentlich auch ziemlich gut geklappt, doch jetzt ist ein Problem aufgetaucht:

Ich möchte, dass auf der Rückseite des Widget anstatt des Standart-"Done"-Buttons, ein Pfeil steht, der gleich funktioniert wie das "i" auf der Vorderseite. D.h. wenn man mit der Maus über das Widget fährt, taucht der Pfeil auf, wenn man über den Pfeil fährt kommt der Kreis, wenn man drauf klickt kommt man wieder auf die Vorderseite.

Um das zu erreichen hab ich einfach den Code für das "i" im Java-File kopiert und in Turn umbenannt und mit dem Pfeil verlinkt. Doch jetzt erscheint auf der Vorderseite das "i" nicht mehr und auch auf der Rückseite erscheint nur der weisse Kreis.

Kann mir da jemand helfen?

Das Widget stehr hier zum Download bereit:

Widget

(Um auf die Rückseite des Widget zu kommen, einfach unten rechts klicken, es klappt obwohl dort kein Button (mehr) steht)

Vielen Dank im Voraus

Gruss

Matthias

[Kempi]

[Huelsenbeck]

Nein, sicher bin ich natürlich nicht. Wie gesagt ich verstehe eigentlich nichts vom der Materie.

Das ich Verknüpfungen unterbrochen habe glaube ich trotzdem nicht, da ich den Code für den Pfeil kopiert habe, und den ursprünglichen "i"-Code nicht angefasst habe. Umbenannt habe ich dann nur den kopierten Code.

Oder kann man auch so Verknüpfungen unterbrechen?

[Kempi]

[Huelsenbeck]

Ich glaube es funktioniert nicht ohne umbennen, da die Animation (einblenden, kreis, usw...) ja auf der einen Seite mit dem Pfeil und auf der anderen mit dem "i" ablaufen soll.

Umbennant habe ich folgendes:

Die "i"-Animation heisst auf im CSS und im Java-File 'flip' und 'fliprollie'. Meine eigene Animation habe ich 'turn' genannt, also habe ich überall wo mir 'flip' oder 'fliprollie' begegnet ist, den Text kopiert und beim zweiten mit 'turn' bzw. 'turnrollie' ersetzt

Beispiel im js. File:
Ursprünglich (noch immer verhanden):
animation.firstElement = document.getElementById ('flip')

neu (zusätzlich):
animation.firstElement = document.getElementById ('turn')


Beispiel im CSS-File:
Ursprünglich:

#flip {
opacity:0;
background: url(file:///System/Library/WidgetResources/ibutton/black_i.png) no-repeat top left;
z-index:8000;
}

neu (zusätzlich):

#turn{
opacity:0;
background: url(file:///Images/black_arrow.png) no-repeat top left;
z-index:8000;
}


Ich hoffe es ist einigermassen verständlich!!