Français
PHP, HTML & JavaScript- Forum

Erledigt: Texteditor dans JS

 

Thomas
Zielinski
allô gens,
je versuch justement un CMS trop bricoler. jusqu'à sur une kleinigkeit fonctionne aussi alles. cela einzigste quoi mir Sorgen bereitet, ist qui Editor pour neue Posts. Ähnlich dem Editor ici dans qui Community soll on bestimmte Tags per Button direct insérer peut. cela Problem liegt eh bien chez den Bildern.
c'est inconnu comment viele Bilder verwendet volonté. Daher muss qui eingabe qui Bilder qui Hochgeladen volonté devoir Dynamisch son. cela wird de qui Funktion newImage() gelöst. Zumindist fügt cet récente Inputfelder type="file" un. Eigentlich voulais je qui Pfade zum späteren Envoyer per poste à qui entsprechende page senden, allerdiengs aller dabei qui Pfade verloren. alors dacht je mir, auparavant qui données dans un Hiddenelement umzuspeichern (Solange on qui page pas verlässt bleibt qui Pfad im Value des Contribution type="file"). je pourrait auparavant qui données à une JS-Funktion senden ins Hiddenelement Sauver unnd ensuite plus à qui page zum auswerten senden. en supplément suis je mais trop doof --> HILFE! comment allez cela?
par un Klick sur den Button à droite près de dem Contribution type="file" soll ensuite qui journée dans cela Textarea eingefügt volonté ([IMG SRC="entsprechender Pfad"]). Doch wird cette Button dynamisch sur qui Funktion newImage() eingefügt et alle Versuche là un onClick einzufügen so comment je es chez car statischen Buttons gemacht habe. Allerdings était es Je ne possible, cet onClick avec einzubauen. alors aussi ici: comment allez cela?

Dank Schonmal im Vorraus.

Folgender Script(JS):
(komplet Sichtbar sous  [...]  )
<?php écho blub:.$_POST[bildpfad1]; ?>
<script type="text/javascript">
<!--
var bildzahl = 0;

function addText(area,typ) {

    si (typ == b1) {

        area.value += "[B]";
        the_button = document.getElementById(fett1);
        the_button.style.display = none;
        the_button = document.getElementById(fett2);
        the_button.style.display = ;

    }

    d'autre si (typ == b2) {

        area.value += "[/B]";
        the_button = document.getElementById(fett2);
        the_button.style.display = none;
        the_button = document.getElementById(fett1);
        the_button.style.display = ;

    }

    //... et so plus alle Buttons par

}

function newImage() {

    bildzahl++;
    var Ausgabebereich = document.getElementById("Bilder");
    var myINPUT = document.createElement("input");
    myINPUT.type = file;
    myINPUT.size = 45;
    myINPUT.nom = IMGINPUT+bildzahl;
    Ausgabebereich.appendChild(myINPUT);
    var myHIDDEN = document.createElement("input");//<-- hiddenelement dans cela avant dem Senden qui Pfad gespeichert volonté soll um ihn pas trop perdre.
    myHIDDEN.type = hidden;
    myHIDDEN.nom = bildpfad+bildzahl;
    myHIDDEN.value= ;
    Ausgabebereich.appendChild(myHIDDEN);
    var myBUTTON = document.createElement("input");//<-- onClick-Ereigniss einsetzen ähnlich addText() avec IMG
    myBUTTON.type = button;
    myBUTTON.value = Bild insérer;
    Ausgabebereich.appendChild(myBUTTON);
    var myBR = document.createElement("br");
    Ausgabebereich.appendChild(myBR);

}

//-->
</script>
<forme action="<?php écho $_SERVER[PHP_SELF]; ?>" method="POST">
<textarea nom="blubtext" rows="20" long="de" cols="53"></textarea><br>
<input type="button" value="Fett" onClick="addText(this.forme.blubtext,b1)" id="fett1">
<input style="display:none" type="button" value="/Fett" onClick="addText(this.forme.blubtext,b2) " id="fett2">
<input type="button" value="Kursiv" onClick="addText(this.forme.blubtext,k1)" id="kursiv1">
<input style="display:none" type="button" value="/Kursiv" onClick="addText(this.forme.blubtext,k2) " id="kursiv2">
<input type="button" value="U" onClick="addText(this.forme.blubtext,u1)" id="unter1">
<input style="display:none" type="button" value="/U" onClick="addText(this.forme.blubtext,u2) " id="unter2">
<input type="button" value="&Uuml;berschrift" onClick="addText(this.forme.blubtext,h1)" id="h1">
<input style="display:none" type="button" value="&Uuml;berschrift" onClick="addText(this.forme.blubtext,h2)" id="h2">
<input type="button" value="Table" onClick="addText(this.forme.blubtext,t1)" id="t1">
<input style="display:none" type="button" value="/Table" onClick="addText(this.forme.blubtext,t2)" id="t2">
<input type="button" value="Tr" onClick="addText(this.forme.blubtext,tr1)" id="tr1">
<input style="display:none" type="button" value="/Tr" onClick="addText(this.forme.blubtext,tr2)" id="tr2">
<input type="button" value="Td" onClick="addText(this.forme.blubtext,td1)" id="td1">
<input style="display:none" type="button" value="/Td" onClick="addText(this.forme.blubtext,td2)" id="td2">
<input type="Submit" value="Save" id="saveacomment">
<div id="Bilder"><input value="Neues Bild laden" type="button" onClick="newImage();"><br></div>
<script type="text/javascript">newImage();</script>
</forme>

Salut Thomas
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Zum Text+Bild gibt es zur Zeit 2 gängige Opportunités, un Applet (Java) ou bien un editierbarer Body (Contenteditable).

un simple Beispiel pour variante 2 zeigt vBulletin z.B. chez Paule  [...]  . (eingeloggt son) (Klick qui Smilies.)

c'est cela "gängige" Prinzip quoi aussi léger adaptierbar ist.

qui ganzen anderen Probleme lösen sich avec einer Session bzw. avec einem Cookie, ansonsten seulement per Variablenweitergabe de formulaire trop formulaire.

tu peux Dein Hochladeformular aussi dans un hidden Iframe lenken per Target, qui dahinterliegende PHP peux JavaScript zurücksenden à Top comment <script>top.myInsertToMyEdit("someText")</script> à "Antwort" dans Dein Éditer trop senden.
 
25.06.2009  
 




Thomas
Zielinski
nie gemacht sentiment du verstehst mich faux.
Beim ersten Punkt werd je cela avec car Keksen faire ou bien Session. la fois sehn worauf je lust bekomme.
quoi den Zweiten unkt angeht reden wir l'un à l'autre vorbei. je veux pas cela Bild direct insérer. Ist mir schnuppe. Ist schließlich oui seulement pour schreiber. Sondern un journée dans cela Textarea ala [IMG SRC="entspechender Pfad"]. Pour normal serait je ici den Button so gestalten <input type="button" onClick="der funktionsaufruf">. seulement bekomme je ici:

ne...aucune onClickereigniss avec herrein quoi ensuite auslösen serait. cela soll oui dynamisch son. Beim Envoyer de Anhängen ici dans qui Community funktioniert le nombre qui Felder zum eintragen doch aussi Dynamisch, iF.
Salut Thomas
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



en supplément était qui Tip gedacht:

tu peux Dein Hochladeformular aussi dans un hidden Iframe lenken per Target, qui dahinterliegende PHP peux JavaScript zurücksenden à Top comment <script>top.myInsertToMyEdit("someText")</script> à "Antwort" dans Dein Éditer trop senden.
 
25.06.2009  
 



Ah, mir ist eingefallen wohin je cela so tu - im aktuellen smallBum  [...]  !

Sogar gleichzeitig jusque 5 Downloads.

(cet variante peut sich aussi grob erweitern)
;si ($_FILES[postfilein][size]>$_smallbum_conf[MaxUploadSize])
qui("< script style=text/javascript>;top.gal_ui_upfreset(".$uploadTargetForm.")< /script>")
 
25.06.2009  
 




Thomas
Zielinski
Ah okay. Hat je übersehn. je versuchs la fois. cela klingt bien.
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Habe je seulement après angefügt, "Nachtrag:" hat gefehlt, la hâte Du alors wahrscheinlich garnicht la fois übersehen.

Mist, hab encore ne concept.
 
25.06.2009  
 




Thomas
Zielinski
Rück calme toujours raus avec cela. je hab zwar seulement rudimentärste Grundkentinisse de JS mais un plan B peux nie dommage.
Salut Thomas
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Sorry, aucun zum Thema.

cela Stabilste ist wirklich si Du cela < forme target="myIframe" ... > comme Antwort un < script type="text/javascript" >;top.eineFunc("[insertText]")< /script > zurückgeben peut. Im main arrêt une function eineFunc(s){ qui s ensuite ins Éditer einfügt. Dadurch cela Du dem forme aussi un onSubmit verpassen peux, peux Du sogar dynamisch cela forme.target changement.

So gesehen ist JS comment XProfan un Schlaraffenland. ^ ^ (et PHP naturellement aussi)
 
25.06.2009  
 



répondre


Topictitle, max. 100 marque.
 

Systemprofile:

ne...aucune Systemprofil angelegt. [anlegen]

XProfan:

 Posting  Font  Smilies  ▼ 

s'il te plaît s'inscrire um une Beitrag trop verfassen.
 

Options du sujet

13.197 Views

Untitledvor 0 min.
Walter24.07.2023
iF28.09.2020
Nkh201821.07.2018
Michael Borowiak30.11.2014
plus...

Themeninformationen

cet Thema hat 2 participant:

iF (5x)
Thomas Zielinski (4x)


Admins  |  AGB  |  Applications  |  Auteurs  |  Chat  |  protection des données  |  Télécharger  |  Entrance  |  Aider  |  Merchantportal  |  Empreinte  |  Mart  |  Interfaces  |  SDK  |  Services  |  Jeux  |  cherche  |  Support

un projet aller XProfaner, qui il y a!


Mon XProfan
Privé Nouvelles
Eigenes Ablageforum
Sujets-La liste de voeux
Eigene Posts
Eigene Sujets
Zwischenablage
Annuler
 Deutsch English Français Español Italia
Traductions

protection des données


Wir verwenden Cookies seulement comme Session-Cookies à cause de qui technischen Notwendigkeit et chez uns gibt es aucun Cookies de Drittanbietern.

si du ici sur unsere Webseite klickst ou bien navigierst, stimmst du unserer Erfassung de Informationen dans unseren Cookies sur XProfan.Net trop.

Weitere Informationen trop unseren Cookies et en supplément, comment du qui Kontrolle par-dessus behältst, findest du dans unserer nachfolgenden Datenschutzerklärung.


d'accordDatenschutzerklärung
je voudrais keinen Cookie