psychedelic
Neues Mitglied
[erledigt]wieder ins iframe springen
Hallo,
Zusatz:
Ich habe es geschafft der focus was falsch gesetzt omg damit geht der editor im Firefox und Opera schon mal perfekt ;ugl
Code Änderung:
mein WYSIWYG Editor funktioniert schon ganz gut
Nur stört es mich gerade das wenn man zb. den Button drückt erst wieder mit der Maus in das iframe klicken muss,
weiß einer von Euch wie das automatisch geht ?
Hier mein WYSIWYG Editor Marke Eigenbau :grin:
Im Opera funktioniert er schon am besten, Firefox kommt schon gut ran,
und IE macht bei den Smileys noch paar Probleme,
aber list sich alles lösen
Hallo,
Zusatz:
Ich habe es geschafft der focus was falsch gesetzt omg damit geht der editor im Firefox und Opera schon mal perfekt ;ugl
Code Änderung:
HTML:
parent.textfeld.focus();mein WYSIWYG Editor funktioniert schon ganz gut
Nur stört es mich gerade das wenn man zb. den Button drückt erst wieder mit der Maus in das iframe klicken muss,
weiß einer von Euch wie das automatisch geht ?
Hier mein WYSIWYG Editor Marke Eigenbau :grin:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Textfeld</title>
<script type="text/javascript">
function start(){
document.getElementById("textfeld").contentDocument.designMode = "on";
}
function aussehen(befehl, fehler, eigenschafft){
document.getElementById('textfeld').contentDocument.execCommand(befehl, fehler, eigenschafft);
document.getElementById('textfeld').contentDocument.focus;
}
function senden(){
var text = document.getElementById('textfeld').contentWindow.document.body.innerHTML;
var umwandeln_1 = text.replace(/<P>/g, "");
var umwandeln_2 = umwandeln_1.replace(/<\/P>/g, "<br>");
document.getElementById("ausgabe").innerHTML = umwandeln_2;
}
</script>
<style type="text/css">
.rahmen{
border:#CCCCCC 1px solid;
width:400px;
height:100px;
}
.box{
width:400px;
margin:100px auto;
}
.bilder{
border:#999999 1px solid;
}
</style>
</head>
<body onload="start()">
<div class="box">
<table>
<tr>
<td>
<b>So Sieht es Später aus!</b>
<div class="rahmen" id="ausgabe"></div>
</td>
</tr>
<tr>
<td>
<!-- Text Eigenschafften -->
<button onclick="aussehen('Bold', false, null)">B</button>
<button onclick="aussehen('Italic', false, null)">I</button>
<button onclick="aussehen('Underline', false, null)">U</button>
<!-- IMG Eigenschafften -->
<img onclick="aussehen('insertimage', false, 'bilder/icon41.gif')" src="bilder/icon41.gif" />
<img onclick="aussehen('insertimage', false, 'bilder/laugh.gif')" src="bilder/laugh.gif" />
<img onclick="aussehen('insertimage', false, 'bilder/looney.sml.gif')" src="bilder/looney.sml.gif" />
</td>
</tr>
<tr>
<td>
<div class="rahmen">
<iframe id="textfeld" src="editor.html" marginheight="0" marginwidth="0" width="400" height="100" frameborder="0"></iframe>
</div>
</td>
</tr>
<tr>
<td align="right">
<button onclick="senden()">Senden</button>
</td>
</tr>
</table>
</div>
</body>
</html>und IE macht bei den Smileys noch paar Probleme,
aber list sich alles lösen
Zuletzt bearbeitet:
