Sonstiges > Offtopic

Frage zu HTML/JavaScript

<< < (2/5) > >>

HRaq:
Hallo Axel,

ich gebe dir da völlig Recht. Grundsätzlich bin ich der gleichen Meinung. Da ich aber nicht gewerblich oder profimäßig entwickle, wollte ich halt den Weg der "Abkürzung" nehmen.
Abgesehen davon kann man sich auch nicht überall auskennen; es ist schwierig genug, die Kenntnisse als W2K-Admin sowie Notes-Admin up to date zu halten.
Sicherlich ist es wichtig, sich auch in html/Java-Script auszukennen, aber die Zeit reicht einfach nicht, um sich auch in dieser Richtung noch umfassend zu informieren. Aus dieser Überlegung heraus hatte ich den Thread gestartet. Ich dachte mir, dass es hier genügend Leute gibt, die sich damit auskennen (unter anderem auch du), so dass das Rad nicht neu erfunden werden muß.

In diesem Sinne, schönen Sonntag

Gruß Henning

Axel_Janssen:
Hallo Henning,

Um deine Nerven zu beruhigen: Ich habe den code angehängt.
<ohne_reden_schwingen_gehts_nicht>
O.k. warn bischen übertrieben.
Das sind für mich wirklich sensible Punkte. In der Zeit als Lotus-Notes-Entwickler habe ich extrem viel Zeit damit vergeudet, den Scheiss aufzuräumen, den irgendwelche Makaken-Programmierer in unternehmenskritischen Anwendungen mal so eben aus dem <goil>Internet</goil> da reingepastet haben, ohne wirklich zu wissen, was sie da machen. ... und dies mit einem falsch verstandenen "das Rad neu erfunden"-Argument begründet haben.
Und da brothas_and_sistas sind Java engineers eben anders. Da wird nämlich software engineering freakin' ernst genommen.
Für eine private homepage ist das aber vermutlich o.k.. Falls man so im professionellen Rahmen arbeitet, fällt das für mich unter zivilisationszersetzendes Verhalten.
</ohne_reden_schwingen_gehts_nicht>

Der code ist eine recht primitive Lösung, die allerdings auch mit 4er Browsern funktioniert. Mit 5er Browsern geht es auch mit reinem css (poste das vielleicht mal später (JavaScript/css/dhtml gehört seit ca 8 Monaten btw auch nicht zu meinem Job)). Ausserdem dürfte es eine DHTML-DOM Lösung geben.  

Ich gehe von folgenden aus:
- Die Foto-Images werden mit ihrer wirklichen Größe angezeigt. Du kannst also mit deiner Grafik-Software 2 Versionen der Grafik erstellen.

- Damit es nicht zu unprofessionellen verschiebeeffekten kommt, solltest du die height und width Parameter der td-tags an deine Grafikgrössen anpassen.

Deine Grafiken trägst du in diesem Bereich ein:

--- Code: ---Normal1 = new Image();
Normal1.src = "antialias6.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "filter1.jpg"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "antialias7.gif";     /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "filter2.jpg"; /* zweite Highlight-Grafik */

--- Ende Code ---
 

Gruß Axel

HRaq:
Hallo Axel,

vielen Dank für deine Hilfe. Es handelt sich um wirklich um eine private Homepage, an der nie irgendein anderer Entwickler irgendetwas zu tun hat. Insofern kann ich da, auch unprofessionell, "rumfutscheln".
Un keine Angst, meinen Nerven gehts sehr gut, die waren nicht beunruhigt  ;D

Also, vielen Dank nochmal und schönen Sonntag...

Gruß Henning

HRaq:
Hi,

ich bins nochmal, also nach stundenlangem Rumdoktern ist es mir nicht gelungen. Ich denke, ich werds jetzt drangeben...
Wenn ich sowas nicht nur irgendwo schonmal gesehen hätte...
Naja, was solls, wäre ne schöne Spielerei gewesen.

Auf jeden danke an alle Beteiligten (Rob und Axel  :D)

Gruß Henning

Rob Green:
und die Beschreibung oben wie man das in Netobjects macht, hat nix geholfen? War doch supereasy. Hab den leisen Verdacht, daß Du das nicht gelesen hast, oder? Würde ich tun, ist nämlich wirklich einfach. Falls es nicht geht würde mich das sehr wundern, denn vor ca. 5-6 Jahren haben wir Netobjects in der Firma getestet und da waren bereits massig Templates mit Rollover Effekten drin.

Lösung:
Um den Mouseover-Effekt mithilfe von Aktionen zu erzielen, müssen Sie sicherstellen, dass die Einstellung für das Veröffentlichen dieser Seite auf CSS und Layers eingestellt ist.

Platzieren Sie das Anfangsbild an der gewünschten Stelle auf der Seite.
Für dieses Beispiel nennen wir die Grafik Bild1.jpg.

Markieren Sie Bild1.jpg und klicken Sie die Registerkarte Aktionen (Actions) auf der Eigenschaften-Palette Bild (Picture properties).
 
Benennen Sie die ObjectID in Bild1 um, so dass es einfach zu identifizieren ist.
 
Fügen Sie durch Klicken auf das Plus-Symbol (+) eine Aktion hinzu.

Wählen Sie im Dialogfeld "Aktion einrichten" (Set actions) Nachricht > Objekt > Bild festlegen (Message > Object > Set Image).

Wählen Sie Parameter > Werte (Parameter(s) > Values), doppelklicken Sie auf das Feld Bild 1 (Normal). Dadurch wird das Dialogfeld "Bilddatei öffnen" (Picture File Open) aufgerufen.
Wählen Sie die Registerkarte Bild-Assets (Image Assets). Bild1.jpg sollte hier aufgelistet sein.
Markieren Sie Bild1.jpg und klicken Sie auf Öffnen.

Dann doppelklicken Sie auf das Feld Bild2 (Hervorgehoben). Im Dialogfeld "Bilddatei öffnen" (Picture File Open) markieren Sie die Registerkarte Ordner und suchen dort die Datei Bild2.jpg.
Markieren Sie Bild2.jpg und klicken Sie auf Öffnen.
Für dieses Beispiel ist Bild2.jpg das Bild, das erscheinen soll, wenn die Maus über der Bildfläche ist.
Klicken Sie auf OK.

Fügen Sie eine weitere Aktion wie folgt ein:
Anlass (When): Maus darüber (Mouse Over)
Ziel (Target): Bild1.jpg
Meldung (Message): Objekt > Bild verwenden (Object > Use Image)
Parameter: Bild 2 (Hervorgehoben) (Image 2 (Highlighted))
Klicken Sie auf OK.

Fügen Sie eine dritte Aktion wie folgt ein:
Anlass (When): Maus außerhalb (Mouse Out)
Ziel (Target): Bild1.jpg
Meldung (Message): Objekt > Bild verwenden (Object > Use Image)
Parameter: Bild 1 (Normal)
Klicken Sie auf OK.

Navigation

[0] Themen-Index

[#] Nächste Seite

[*] Vorherige Sete