Seite 2 von 2

Verfasst: 20.10.2005 12:08
von Sujao
Eine Möglichkeit wäre in den <button>-tag einen <a> ta zu packen und den könnte man bestimmt mit hover effekten "zubereiten". Beim Klicken sieht man aber afair, dass es eigentlich ein Button ist.

Verfasst: 20.10.2005 14:24
von mristau2k5

Code: Alles auswählen

// Absenden:
<a href="javascript: document.form.submit()">Absenden</a><br>
<a href="#" onClick="document.form.submit()">Absenden</a><br>

// Zurücksetzen
<a href="javascript: document.form.reset()">Zurücksetzen</a><br>
<a href="#" onClick="document.form.reset()">Zurücksetzen</a><br>
so in etwa müßte es auch gehen, vllt muss das Formular noch explizit angegeben werden also document."Name des Formulars".submit(). Den Namen ohne Anführungszeichen eingeben, wie er im <form>-Tag definiert wird. Man kann, soweit ich weiss, wenn man den Namen angibt, den Button auch außerhalb des <form></form> hinschreiben.[/quote]

Verfasst: 20.10.2005 15:00
von phpBB User
Hi Bolli,

der Code für dein Submit Button:

Code: Alles auswählen

<input type="submit" value="Dein Text" name="send" style="cursor:hand; color:#4d4d4d; font-family:Arial; font-size:11px; background-color:transparent; border-color:transparent; border:0px;">
und für 123teddy321 mit Hover Effekt:

Code: Alles auswählen

<input type="submit" value="passwort anfordern" name="send" onMouseOver="this.style.backgroundColor='#FEB74B';" onMouseOut="this.style.backgroundColor='transparent';" style="cursor:hand; color:#4d4d4d; font-family:Arial; font-size:11px; background-color:transparent; border-color:transparent; border:0px;">

Verfasst: 20.10.2005 18:33
von Bolli
Hi

zur Lösung von mristau2k5

Code: Alles auswählen

// Absenden:
<a href="javascript: document.form.submit()">Absenden</a><br>
<a href="#" onClick="document.form.submit()">Absenden</a><br>
Guter Ansatz, so weit war hatte man mich auch schon inspiriert. Es wird auch schön submitet. Leider fehlt dann der Name des gesendeten Buttons so wie hier im Orginal submit:

Code: Alles auswählen

<input type="submit" name="save" .....>
Die Lösung von PHBB User

Code: Alles auswählen

<input type="submit" value="passwort anfordern" name="send" onMouseOver="this.style.backgroundColor='#FEB74B';" onMouseOut="this.style.backgroundColor='transparent';" style="cursor:hand; color:#4d4d4d; font-family:Arial; font-size:11px; background-color:transparent; border-color:transparent; border:0px;">
finde ich ausgesprochen gut.

Herzlichen Dank für eure Mühe

Peter

Verfasst: 21.10.2005 11:12
von 123teddy321
gut da habe ich mit der lösung schon mal die hintergrundfarbe! nun brauche ich aber auch noch border in verschiedenen farben!
also ich brauche sozusagen den oben geposteten css in einem button per mouseover!

Verfasst: 23.10.2005 11:30
von phpBB User
123teddy321 hat geschrieben:gut da habe ich mit der lösung schon mal die hintergrundfarbe! nun brauche ich aber auch noch border in verschiedenen farben!
also ich brauche sozusagen den oben geposteten css in einem button per mouseover!
Meinst du so was?

Code: Alles auswählen

<input type="submit" value="passwort anfordern" name="send" onMouseOver="this.style.backgroundColor='#FEB74B';" onMouseOut="this.style.backgroundColor='transparent';" style="cursor:hand; color:#4d4d4d; font-family:Arial; font-size:11px; background-color:transparent; border: solid 1px #4d4d4d;">