[GastForen Programmierung/Entwicklung JavaScript Hilfe für eigenes Widget

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Hilfe für eigenes Widget

Huelsenbeck
Beiträge gesamt: 11

7. Nov 2006, 13:46
Beitrag # 1 von 2
Bewertung:
(530 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Zusammen

Zuerst mal: Ich glaube das Problem liegt am Java-File, deshalb poste ich das hier. Ich hab sonst keinen geeigneten Platz gefunden, sollte ich falsch liegen, bitte korrigieren.

Nun zu meinem Problem:
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 eben 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:

http://www.designchochi.ch/test/Test.wdgt.zip

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

Vielen Dank im Voraus

Gruss

Matthias
X

Hilfe für eigenes Widget

Canio
Beiträge gesamt: 174

19. Nov 2006, 18:26
Beitrag # 2 von 2
Beitrag ID: #262655
Bewertung:
(503 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi, du meinst doch sicherlich die Dashboard-Widgets für den Mac, oder?
Ein Widget ist eigentlich genau wie AJAX, also ein Website. Du erstellst einfach einen DIV-Container innerhalb deiner html-Seite und gibst ihm eine bestimmte id, z.B. so:

<div id="flip-front"><img src="pics/dein_bild.gif" /></div>

Der Code für's Flippen ist folgender:

Code
// Flip-Button vorne 
document.getElementById("flip-front").onmouseup = function(){
if (window.widget){
widget.prepareForTransition("ToBack");
}
front.style.display = "none";
back.style.display = "block";
if (window.widget){
setTimeout ('widget.performTransition();', 0);
}
}
// Flip-Button hinten
document.getElementById("flip-back").onmouseup = function(){
if (window.widget){
widget.prepareForTransition("ToFront");
}
front.style.display = "block";
back.style.display = "none";
if (window.widget){
setTimeout ('widget.performTransition();', 0);
}
}


Dabei musst du auch einen DIV-Container für die Rückseite erstellen, den du per css unsichtbar machst:

#flip-back{
display: none;
}

Du programmierst das Ding übrigens in JavaScript, nicht Java. Das sind zwei völlig verschiedene Sprachen.


als Antwort auf: [#260497]

Aktuell

Diverses
flightcheck

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
21.06.2022

Online
Dienstag, 21. Juni 2022, 10.00 - 10.30 Uhr

Webinar

Viele Druckereien – kleine und große – suchen heute nach Wegen, ihre Effizienz und Produktivität zu steigern. Dabei erkennen sie oft, dass sie sich dringend um die Optimierung, Standardisierung und Automatisierung ihrer Workflows und Prozesse kümmern sollten. In unserer kostenlosen, jeweils ca. 30 minütigen Webinar-Reihe erfahren Sie, wie Sie die Effizienz- und Produktivitätspotenziale Ihrer Druckerei erschließen können – und wie einfach und kostengünstig das sein kann.

kostenlose 3-teilige Webinar-Reihe, 21., 23. und 26. Juni 2022, jeweils 10:00 - 10:30

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://impressed-workflow-server.de/impressed-webinar-reihe-the-big-picture/

Impressed Webinar-Reihe THE BIG PICTURE
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/