Submit mit Rollover?

[Marco]

Hi,

Wollte für meine HP ein Submit-Button mit Rollover machen! Wie geht das?
Hab's schon mit <button type="submit"><img ...></button> versucht, kein erfolg!
Muss ich das mit Flash machen? Könnt' ich ja auch machen, aber wie geht da das Submit?

Marco

PS.: Ich hab' eine Seite mit einem iFrame. Kann man, wenn die Seite mit den durch SUBMIT gesendeten Daten neu geladen wird, in den iFrame ebenfalls eine neue Datei laden?

[Ashura]

Hallo Marco.

Wollte für meine HP ein Submit-Button mit Rollover machen! Wie geht das?

Mit der :hover-Pseudoklasse für aktuelle Browser.
Für veraltete Dokumentenbetrachter wie den IE bedarf es Javascript.
Die Suchstichworte dazu lauten „onmouseover“, „onmouseout“, „this“ und „style“.

Hab's schon mit <button type="submit"><img ...></button> versucht, kein erfolg!

Was sollte dabei auch heraus kommen?

Muss ich das mit Flash machen? Könnt' ich ja auch machen, aber wie geht da das Submit?

Nein, Flash ist hier absolut nicht erforderlich.

PS.: Ich hab' eine Seite mit einem iFrame. Kann man, wenn die Seite mit den durch SUBMIT gesendeten Daten neu geladen wird, in den iFrame ebenfalls eine neue Datei laden?

Warum verwendest du dafür nicht einfach einen Link?

Gruß, Ashura

[Marco]

PS.: Ich hab' eine Seite mit einem iFrame. Kann man, wenn die Seite mit den durch SUBMIT gesendeten Daten neu geladen wird, in den iFrame ebenfalls eine neue Datei laden?

Warum verwendest du dafür nicht einfach einen Link?

Was für einen Link? Ich will ja, dass, wenn ein User auf SUBMIT klickt (User-Login), die Seite neu geladen wird (statt LOGIN steht LOGOUT da) und parallel dazu erscheint im iFrame ein Begrüßungsfenster.

Marco

[Ashura]

Hallo Marco.

Warum verwendest du dafür nicht einfach einen Link?
Was für einen Link? Ich will ja, dass, wenn ein User auf SUBMIT klickt (User-Login), die Seite neu geladen wird (statt LOGIN steht LOGOUT da) und parallel dazu erscheint im iFrame ein Begrüßungsfenster.

Aha. Warum hast du dies nicht schon im Eröffnungsposting erwähnt? So wäre die Sache mit einem einfachen Link gegessen gewesen.

Nun sieht es aber für mich wie folgt aus:
Du hast eine Hauptseite mit einem Formular zum Einloggen. Wenn man sich einloggt, wird die Hauptseite sowieso aktualisiert, der Iframe ebenfalls erneut geladen, aber mit altem Inhalt.

Wenn ich das richtig sehe, würde es genügen, wenn du im Skript der Zielseite für das Formular das src-Attribut für den Iframe entsprechend änderst.

Gruß, Ashura

[Marco]

Stimmt, Danke!

Ich würde jetzt dennoch gerne wissen, wie das mit dem Rollover klappt, oder kann ich nicht auch ein Bild zwischen einen Link-Tag einbauen: <a><img ..></a> Und dann über CSS mit :hover :active usw. das Bild ändern? Geht doch, oder? Das Problem ist, ich hab' keine Ahnung wie ich aus einem einfachen Link ein SUBMIT erstelle!?!

Marco

[Ashura]

Hallo Marco.

Ich würde jetzt dennoch gerne wissen, wie das mit dem Rollover klappt, oder kann ich nicht auch ein Bild zwischen einen Link-Tag einbauen: <a><img ..></a> Und dann über CSS mit :hover :active usw. das Bild ändern?

Nein, das geht mit CSS nicht. Ich empfehle dir, einen Hintergrund für das <a>-Element festzulegen, ein leeres volltransparentes GIF (mit alt-Attribut!) in das <a>-Element mit entsprechenden Ausmaßen zu legen.
Dann kannst du (sogar IE-tauglich) einfach per a:hover ein anderes Hintergrundbild festlegen.

Das Problem ist, ich hab' keine Ahnung wie ich aus einem einfachen Link ein SUBMIT erstelle!?!

Meine erste Antwort hast du aber gelesen, oder?

Gruß, Ashura

[Marco]

Meine erste Antwort hast du aber gelesen, oder?

Ja, aber ich hab' kein Plan wie das mit SUBMIT funktionieren soll. Kannst mir ned einmal einen <input>-Tag einfach hier 'reinposten?

Marco

[Ashura]

Hallo Marco.

Meine erste Antwort hast du aber gelesen, oder?
Ja, aber ich hab' kein Plan wie das mit SUBMIT funktionieren soll.

Dann lerne erst einmal, wie man richtig sucht.

Kannst mir ned einmal einen <input>-Tag einfach hier 'reinposten?

Ja, kann ich: <input />.

Scherz beiseite; wofür hast du dich denn nun überhaupt entschieden? Für das JS-Submit, oder für den umformatierten Submit-Button?

Gruß, Ashura

[Nico]

Hallo!

Zu der ersten Frage weiß ich jetzt erstmal nicht weiter. Aber zu der zweiten hätte ich ne Idee:
Wenn du z.B. PHP benutzt, kannst du bei der Zuweisung der Quelle in dem IFrame ja die Daten aus dem ersten Formular verwenden, wenn du das so meinst. Also so:

<iframe src="<?php echo $_GET['var'] ?>">

oder mit einer switch-Anweisung.

<?php
switch ($_GET['var']){
case "a": $var2="x.html";
break;
case "b": $var2="y.html";
break;
...
}
echo "<iframe src='$var2'>";
?>

Oder du kannst eine zufällige Seite anzeigen lassen. Da kannst du auch die Switch-Anweisung nehmen, blos eben mit einer Zufallszahl.

Nico

[Klawischnigg]

Hi there,

Wollte für meine HP ein Submit-Button mit Rollover machen! Wie geht das?

Wie Ashura schon ausgeführt hat, gehts nur mit javascript, wenn Du auch den IE berücksichtigen willst. Ein möglicher Weg von mehreren wäre ein transparentes Bild als submitbutton, unter dem das von Dir gewünschte Buttonbild als Hintergrund bspw. eines divs oder eines <td>s liegt. DIesen Hintergrund tauscht Du bspw. in einer javascriptfunktion aus, wenn jemand über das transparente Bild, daß den eigentlichen Submitbutton darstellt, hovert...