JavaScript Buttons

    Hallo,


    um ein Forum etwas zu erweitern würde ich gerne einige Buttons erstellen.
    Es geht darum das die Nutzer des Forum ihre Texte gestalten können. Also den Text fett, kuriv etc. machen können.


    Bin völliger Neuling in Java und HTML.


    Ich fand hier schon eine Anleitung mit einem Button der auch so aussieht wie die fürs Forum <!-- m --><a class="postlink" href="http://www.html-seminar.de/javascript2.htm">http://www.html-seminar.de/javascript2.htm</a><!-- m -->


    Man soll bei meinen aber die Buttons anklicken können, und dann soll der jeweilige HTML Code für kurisven, fetten etc. Text im Textfeld erscheinen. So wie hier wenn jemand etwas schreibt.


    Ich bräuchte Button mit folgenden Codes: für unterstrichenen Text, für URL, um bilder anzuzeigen, Aufzählungen, verschiedenen Farben und für verschiedenen Schriftgrößen.


    Bin dankbar für jede Hilfe.


    Liebe Grüße

    hier ein paar codes :wink:



    Fetter Text:

    Code
    <A HREF="javascript:insert('[b]','[/b]')"><img src="http://www.button-adresse.de/button1.gif" alt="[b] Text [/b]" border=0 width="21" height="18"></A>


    Kurusiver Text:

    Code
    <A HREF="javascript:insert('[i]','[/i]')"><img src="http://www.button-adresse.de/button1.gif" alt="[i] Text [/i]" border=0 width="21" height="18"></A>


    Bild einfügen:

    Code
    <A HREF="javascript:returnTag('[img]http://[/img]')"><img src="http://www.button-adresse.de/button1.gif" alt="[img]http://[/img]" border=0 width="31" height="18"></A>


    Quote einfügen:

    Code
    <A HREF="javascript:insert('[quote]','[/quote]')"><img src="http://www.button-adresse.de/button1.gif" alt="[quote] Text [/quote]" border=0 width="61" height="18"></A>



    Text Rot:

    Code
    <A HREF="javascript:insert('[rot]','[/rot]')"><img src="http://www.button-adresse.de/button1.gif" alt="[rot] Text [/rot]" border=0 width="10" height="18"></A>


    Text blau:

    Code
    <A HREF="javascript:insert('[blau]','[/blau]')"><img src="http://www.button-adresse.de/button1.gif" alt="[blau] Text [/blau]" border=0 width="10" height="18"></A>


    Text grün:

    Code
    <A HREF="javascript:insert('[gruen]','[/gruen]')"><img src="http://www.button-adresse.de/button1.gif" alt="[gruen] Text [/gruen]" border=0 width="10" height="18"></A>


    Text orange:

    Code
    <A HREF="javascript:insert('[orange]','[/orange]')"><img src="http://www.button-adresse.de/button1.gif" alt="[orange] Text [/orange]" border=0 width="10" height="18"></A>


    Text Lila:

    Code
    <A HREF="javascript:insert('[lila]','[/lila]')"><img src="http://www.button-adresse.de/button1.gif" alt="[lila] Text [/lila]" border=0 width="10" height="18"></A>


    Text weiss:

    Code
    <A HREF="javascript:insert('[weiss]','[/weiss]')"><img src="http://www.button-adresse.de/button1.gif" alt="[weiss] Text [/weiss]" border=0 width="10" height="18"></A>


    Text schwarz:

    Code
    <A HREF="javascript:insert('[schwarz]','[/schwarz]')"><img src="http://www.button-adresse.de/button1.gif" alt="[schwarz] Text [/schwarz]" border=0 width="10" height="18"></A>



    das sind codes für "bbcode"
    für HTML musste dann dementsprechen abändern :wink:


    so jetzt haste schon mal eine kleine vorlage den rest solltest du selber können 8)


    hoffe das hat dich Viel weiter gebracht :D


    bbcode= []
    html-code= <>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden