Seite 1 von 1

Button Grafik onclick

Verfasst: 28.03.2014, 23:17
von Ice Man
Ich baslte gerade an einer Formular Funktion

Eigentlich wie hier oben.
Man klickt auf das Fette B, und die BBCodes werden angehangen.

Also so gehts

Code: Alles auswählen

<input type=\"button\" value=\"b\" onclick=\"formatText &#40;&#91;message&#93;,'b'&#41;;\" >
Wenn der Text markiert ist, und man klickt, kommt das markierte zwischen den Code, ist nix markiert, wird der Code ohne Inhalt angehangen.

Fürs Zitat wollte ich statt dem Wort "Zitat" was hier "Quote" heißt, ein grafischen Button einbauen

Code: Alles auswählen

<img border=\"0\" src=\"/images/quote.gif\" width=\"24\" height=\"20\" type=\"image\"  onclick=\"formatText &#40;&#91;message&#93;,'b'&#41;;\"> 
Klick ich die Grafik an, passiert leider nix.
Wollte es halt optisch etwas aufpeppen.

also in anderen Foren sind auch grafische Buttons, irgendwie muss es gehen, aber trotz 30 Minuten Google suche, komm ich nicht weiter :(

Verfasst:
von

Verfasst: 29.03.2014, 06:41
von Kristian
Du kannst den button mit css "formatieren".
Google mal nach "button css"

Verfasst: 30.03.2014, 01:12
von nerd
Wo kann man den code denn live sehen, oder kannst du ihn bei pastebin einstellen? Was siehst du in den chrome dev tools - igendwelche fehlermeldungen?

ansonsten sind gif buttons fuer grafiken ziehmlich 1998...
https://zurb.com/blog_uploads/0000/0617/buttons-03.html

Verfasst: 31.03.2014, 19:38
von Ice Man
habs dann so hinbekommen

Code: Alles auswählen

<button name=\"i\" style=\"  font-size&#58;5px; color&#58;#FFFFFF;\" value=\"quote\" type=\"button\" onclick=\"formatText &#40;&#91;message&#93;,'i'&#41;;\">
<img src=\"/images/inverse.gif\" alt=\"Read book\" height=\"20\" border=\"0\" valign=\"bottom\"></button>