Editor von tysk, 22.09.2004 14:39

Editor

tysk 22.09.2004 14:39

javascript

Hallo, habe folgendes Skript und möchte gerne wissen, wie ich dort Stylesheets einfüge (ich habe mal dies versucht: <select onchange="cmdExec('fontclass',this[this.selectedIndex].value);">, aber 'fontclass' wird nich akzeptiert, 'fontsize' im Gegenteil aber schon, wie lautet das denn richtig?) Benutze übrigens IE und muss auch nur dort funktionieren...

Merci für jede Auskunft und Anregungen!

<html> <head> <title>CMS-Editor</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!--

--> </style> </head>

<body bgcolor="#FFFFFF"> <STYLE TYPE="text/css"> TABLE#tblCoolbar { background-color:threedface; padding:1px; color:menutext; border-width:1px; border-style:solid; border-color:threedhighlight threedshadow threedshadow threedhighlight; } .cbtn { height:18; BORDER-LEFT: threedface 1px solid; BORDER-RIGHT: threedface 1px solid; BORDER-TOP: threedface 1px solid; BORDER-BOTTOM: threedface 1px solid; } .txtbtn {font-family:tahoma; font-size:70%; color:menutext;} .test1 { font-size: 14pt; font-weight: bold; color: #FF3300} .test2 { font-size: 10pt; font-weight: bold; color: #FF0000} .test3 { font-size: 8pt; font-weight: normal; color: #FF0033} </STYLE>

var isHTMLMode=false

function document.onreadystatechange() { idContent.document.designMode="On" } function cmdExec(cmd,opt) { if (isHTMLMode){alert("Please uncheck 'Quellcode anzeigen'");return;} idContent.document.execCommand(cmd,"",opt);idContent.focus(); } function setMode(bMode) { var sTmp; isHTMLMode = bMode; if (isHTMLMode){sTmp=idContent.document.body.innerHTML;idContent.document.body.innerText=sTmp;} else {sTmp=idContent.document.body.innerText;idContent.document.body.innerHTML=sTmp;} idContent.focus(); } function createLink() { if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;} cmdExec("CreateLink"); } function insertImage() { if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;} var sImgSrc=prompt("Insert Image File (You can use your local image file) : ", "http://www.abc.de/1.jpg"); if(sImgSrc!=null) cmdExec("InsertImage",sImgSrc); } function Save() { if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;} var sImgTag = idContent.document.body.all.tags("IMG"); var oImg; for (var i = sImgTag.length - 1; i >= 0; i--) { oImg = sImgTag[i]; alert("Add your code to Upload local image file here. Image Inserted : " + oImg.src ); } alert("Add your code to Save Document here"); alert("Your Document : " + idContent.document.body.innerHTML); } function foreColor() { var arr = showModalDialog("selcolor.htm","","font-family:Verdana; font-size:12; dialogWidth:30em; dialogHeight:34em" ); if (arr != null) cmdExec("ForeColor",arr); } </script>

<P><STRONG><FONT size=3 class="test">Online Content Editor</FONT></STRONG></P>

<td colspan=16> <select onchange="cmdExec('fontclass',this[this.selectedIndex].value);"> <option selected>Class</option> <option value="test1">Test</option> <option value="test2">Heading 1</option> <option value="test3">Heading 2</option> </select> <select onchange="cmdExec('formatblock',this[this.selectedIndex].value);this.selectedIndex=0"> <option selected>Style</option> <option value="<h1>">Normal</option> <option value="<h1>">Heading 1</option> <option value="<h2>">Heading 2</option> <option value="Heading 3">Heading 3</option> <option value="Heading 4">Heading 4</option> <option value="Heading 5">Heading 5</option> <option value="Address">Address</option> <option value="Formatted">Formatted</option> <option value="Definition Term">Definition Term</option> </select> <select onchange="cmdExec('fontname',this[this.selectedIndex].value);"> <option selected>Font</option> <option value="Arial">Arial</option> <option value="Arial Black">Arial Black</option> <option value="Arial Narrow">Arial Narrow</option> <option value="Comic Sans MS">Comic Sans MS</option> <option value="Courier New">Courier New</option> <option value="System">System</option> <option value="Times New Roman">Times New Roman</option> <option value="Verdana">Verdana</option> <option value="Wingdings">Wingdings</option> </select> <select onchange="cmdExec('fontsize',this[this.selectedIndex].value);"> <option selected>Size</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="10">10</option> <option value="12">12</option> <option value="14">14</option> </select>

</td>

</tr> <tr>

</tr> </table>

</body> </html>

Beitrag melden

– Informationen zu den Bewertungsregeln

Editor
XaraX Homepage des Autors 22.09.2004 14:57

javascript
– Informationen zu den Bewertungsregeln
Hallo,

durch onClick wird die Funktion cmdExec() aufgerufen; diese hat u. a. folgenden Code:

idContent.document.execCommand(cmd,"",opt);idContent.focus();

Daraus ist zwar ersichtlich, daß Du in einem Frameset bist, jedoch ist Deine Frage nach "fonclass" nicht hinreichend klärbar (es fehlt mir execCommand() ). Vermutlich handelt es sich, da ja gilt "fontsize wird akzeptiert", um eine Anwendung folgender Scchlüsselworte für CSS: http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften. Jedoch sollte dabei nur fontSize funktionieren...

Gruß aus Berlin!
eddi

--
at, wie er leibt und lebt auf ein Posting
> > Nein, ich denke nicht.
gepromptet
> Das empfiehlt sich aber.
:))))
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

tysk: Editor

Editor

Editor

Editor