✔ BB-Codes in ein Textarea über Pop-up eintragen.

Zack

Zack

cookies vader
Hallo,
ich baue zur Zeit eine Newsseite auf´. In dieser habe ich ein Textarea verwendet und möchte nun mittels BB-Codes Formatierungen vor nehmen. Dazu defeniere ich mir ein paar Buttons z.B.
PHP: 
echo "<input type=\"submit\" name=\"B\" value=\"Fett\">";
Wie schaffe ich es jetzt das wenn auf den Button Fett gedrückt wird ein Pop-up kommt in dem der User seinen Text eintragen kann und dann wird dieser Text mit
PHP: 
 TEXT
in das Textarea geschrieben?
 
also das mit dem popup hab cih raus bekommen. die frage ist nur wie bekomm ich dort ein textfeld rein? ich habs mit dem html form tag versucht. geht leider nicht. und des weiteren wie lese ich den inhalt aus diesem aus -_

PHP: 
onclick=\"alert()

währe toll wenn mir mal wer helfen könnte! ich hab jetzt 4 tutorials durchgewältzt und nirgends ist dort von nem eingabefeld in diesem popupfenster die rede.
 
Zuletzt bearbeitet:
Mhm den Inhalt aus nen alert Fenster auslesen ? Ich glaube das geht nicht wobei man diesen ja selber setzen kann um sich den Inhalt anzeigen zu lassen.

Code: 
alert("hallo welt");

Zum Beispiel.

Was du meinst ist dann window.open

HTML: 
<html>
    <head>
        <script type="text/javascript">
               /*
                alternativ würde ich aber empfehlen 
 
                var nerf = window.open("loadForm.html","testpopup","height=300,width=400");
 
                spart dir die Schreibarbeit und du hast den Inhalt des Popups in einer speraten Datei
                mit window.opener sprichst dann das Fenster an welches dafür verantworlich ist das das 
                Popup geöffnet wurde.
               */               
               var nerf = window.open("","testpopup","height=300,width=400");
               nerf.document.write("<htmL>");
               nerf.document.write("<head></head><body>");
               nerf.document.write("<a href=\"http://www.google.de\">google</a>");
               nerf.document.write("</body></html>");
               nerf.document.close();
        </script>
    </head>
    <body>
    </body>
</hmtl>
 
Zuletzt bearbeitet:
mhm also die window.open funktion kenn ich. hier mal ein screen shoot von dem was ich meine.
 

Anhänge

  • so.jpg
    so.jpg
    41,8 KB · Aufrufe: 37
Ahso oki dann versuche mal das hier:

Unser Ausgangs HTML Element popup.html

HTML: 
<html>
    <head>
        <script type="text/javascript">
            function catchValue(val) {
                alert(val);
                // naja nun den Inhalt halt in die Textbox schreiben
                // wobei ich mir nicht sicher bin ob textareas mit HTML Tags umgehen können dürften sie nicht
                // im Regelfall sind das editierbare IFrames.
                document.getElementById("meinetextarea").value += " "+val+" ";
            }; 

            window.onload = function () {
                window.open("popupcontent.html","","height=300,width=300");
            }
        </script>
    </head>
    <body>
    </body>
</hmtl>

Das HTML Dokument welches vom Popup geladen wird ich hab es popupcontent.html genannt.

HTML: 
<html>
    <head>
        <script type="text/javascript">
            function sendToParent() {
                var text = document.getElementById('meineEingabe');
                window.opener.catchValue(text.value);
                return false;
            }
        </script>
    </head>
    <body>
        <form method="post" id="meinform" onsubmit="return sendToParent();">
            <input type="text" id="meineEingabe"></input>
            <input type="submit" ></input>
        </form>
    </body>
</html>

Ein Onsubmit Event wird im Formular eingetragen , die Funktion sendToParent ruft das Fenster auf welches dafür verantwortlich ist das das Popup geöffnet wurde und sendet den Öffner den Wert vom Eingabe Feld mit der ID meine Eingabe an die Funktion catchValue().

return false habe ich nun gemacht damit der nicht auf die Idee kommt das Formular wirklich abzusenden.
 
Zuletzt bearbeitet:
Hallo, danke für deine Bemühung, war aber auch nochnicht ganz richtig. Ich habe heute mal meinen IV-Lehrer gefragt und der konnte mir weiterhelfen.

Im Prinzip sind es meherer functions:
PHP: 
// speichert den text im message feld
function AddText(addtext) {
	var current = document.post.message.value;
	var newtext = current + addtext;
	document.post.message.value = newtext;
	document.post.message.focus();
}

// fügt den [IMG] tag hinzu
function AddImg() {
	inserttext = prompt("Enter the URL to the Image:" + "\n[ IMG]xxx[ /IMG]", "http://");
	if ((inserttext != "http://") && (inserttext != "") && (inserttext != null)) addtext = " [ IMG]" + inserttext + "[ /IMG] ";
	else addtext="";
	
	AddText(addtext);
}

und dazu das definierte Textfeld bzw der Button:
PHP: 
	  <input type="button" accesskey="b" value="B" style="width: 30px;" onClick="AddB()">

<textarea name="message" rows="20" cols="80" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></textarea>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück