HTML-editor med smileys

Der er ingen smileys at indsætte?..

Tryk på smileyen i toppen og klik på en af dem der kommer frem...

Tja... Der kommer nu heller ingen Smileys frem (IE5)! :)

Det skulle der da gerne... Ellers er der da noget helt galt...
Den skulle gerne vise et div med smileys... SE KODEN!!!

Du skal nok ikke lave "SmileysTop" og "SmileysBody" til en div, men snarere til en <span> med class="SmileyTop/Body"!

Derudover skal du dette sted i din kode:

frames.editor.document.write(skriv);

... skrive dette istedet:

frames.editor.document.execCommand("InsertImage", false, skriv);

Desuden har du faktisk en masse unødvendig kode, men det, jeg har skrevet, burde nu løse dit umiddelbare problem. Men du bør nok få en til at tynde lidt ud i din kode!

Hvad er det for noget unødvendig kode???

phoenixv >>> Det ser ikke ud til at det virker...
Hvad kan der være galt???

Tja, din AddSmiley()-funktion har en masse replaces, der kunne undgås med en smule trylleri, fx:

skriv = "<img src=\"Billeder/Smiley_" + mode + ".gif\">";

Så skal du bare sørge for, at mode er lig med filnavnet på din smiley. Men så behøver du kun én linje frem for 10!

Derudover kan du samle din AddBold()- og AddItalic()-funktioner til én, der så bare skal kaldes på en anden måde:

function ex() {
com = ex.arguments[0];
if (ex.arguments.length == 1)
document.editor.document.execCommand(com);
else {
par = ex.arguments[1];
if (par != null && par != 'undefined')
document.editor.document.execCommand(com, false, par);
}
document.editor.focus();
}

Hvis du vil gøre skriften fed, skal du så kalde en med:

ex("Bold");

Kursiv vil tilsvarende være:

ex("Italic");

For at gøre skrifttypen til Arial kan du kalde funktionen med:

ex("FontName", "Arial");

Prøv lige at give Smileys et højere z-index...

Jeg vender tilbage snart, men jeg skal lige have noget frokost! :)

Ja, problemet er, at iframen altid vil ligge oven på din div, så smileysne bliver faktisk vist, de ligger bare bag ved editor-framen!
Du bliver nok nødt til at finde et andet sted at vise de smileys; ellers må du åbne et fullscreen-vindue og resize det.

Hvordan gør de så på f.eks. hotmail hvor de har lavet det...???

Jeg har nu prøvet hvor jeg udskifter iframen med et div...
Men nu er det eneste problem så at jeg skal markere noget tekst før smileyen kommer det rigtige sted...
Nogen ideer til hvordan jeg kan fixe det...??? :)

Du skal ikke udskifte iframen, for så forsvinder idéen med document.designMode jo!
Du skal derimod placere dine smileys et andet sted end lige ovenpå iframen!

Men smileyene skal jo vises i "editoren"... Hvordan skulle det ellers kunne laves?
Men prøv lige at tjekke det med div'et!

Det vil ikke virke med en div, da man så ikke kan skrive i feltet.

Og hvad er der galt med at placere Smileys lige til venstre for iframen? Det er da endnu bedre, for så går de ikke ind over den tekst, man har skrevet!

Undskyld at jeg har været væk i noget tid...

Men hvis jeg nu sætter contentEditable="true" i div'et er det muligt at skrive i det...

Kan det ikke bruges?

Hvad mener du med "til venstre for iframen"...???

Lukker

Undskyld, jeg har ikke modtaget mails fra dette spm af én eller anden grund!
Jo contentEditable vil virke på div'en. Til gengæld vil det udelukke alle andre browsere end IE5.5+, og det er jo en betydelig del!
"Til venstre for iframen": Placér smileysne i en boks til venstre for editoren. Så er de hele tiden synlige, og det er nu engang nemmere for brugeren, hvis han/hun skal indsætte flere på én gang!