prob mit eigenem wysiwyg-editor im ie von Gregor, 01.08.2006 15:17

prob mit eigenem wysiwyg-editor im ie

jonny_w 01.08.2006 14:16

javascript

hallo forum, im nachfolgendem code ist ein kleiner wysiwyg-editor zu sehen, der im ff wunderbar funktioniert und eigendlich auch im ie, bis auf die tatsache das ich da keine farben aendern kann und ich bekomms einfach nciht hin das entsprechnd zu machen. ich hab schon gesucht, aber leider ohne erfolg, habt ihr evtl eine idee wie ich das problem loesen kann ?

***schnipp***
<html>
<head>
  <style>
   #color{
    position: absolute;
    visibility: hidden;
    overflow: auto;
    }
  </style>
  <script type="text/javascript">
   function init(){
    ifrm = frames[0].document;
    ifrm.designMode = 'on';
    buttons = document.getElementsByTagName('span');
    for(i in buttons){
     if(buttons[i].className == "button")
      buttons[i].onclick = machsmir;
     }
    }

function machsmirbunt(color){
    document.getElementById('color').style.visibility = 'hidden';
    ifrm.execCommand("ForeColor",false,color);
    }

function machsmir(){
    document.getElementById('color').style.visibility = 'hidden';
    if(this.id == "fontsize"){
     sel    = document.getElementById(this.id).childNodes;
     uagent = navigator.userAgent.toLowerCase();
     if(uagent.match('msie') && !uagent.match('opera') && (!uagent.match('msie 5.5')||!uagent.match('msie 6.')))
      sel  = sel[0];
     else
      sel  = sel[1];
     arg    = sel.options[sel.selectedIndex].firstChild.data;
     }
    else
    arg = null;
    ifrm.execCommand(this.id,false,arg);
    }

function test(){
alert(frames[0].document.body.innerHTML);
}

function set_color(x,y){
    document.getElementById("color").style.left       = x;
    document.getElementById("color").style.top        = y+20;
    document.getElementById("color").style.width      = 200;
    document.getElementById("color").style.height     = 200;
    document.getElementById("color").style.visibility = "visible";
    }
  </script>
</head>
<body onload="init()">
  <span class="button" id="bold"><b><a href="#" onclick="return false">B</a></b></span> |
  <span class="button" id="italic"><i><a href="#" onclick="return false">K</a></i></span> |
  <span class="set_color" onclick=";set_color(this.offsetLeft,this.offsetTop);">farbe</span> |
  <span class="button" id="fontsize">

</tr>
    <tr>
     <td style="background-color: #FF00FE" onclick="machsmirbunt(this.style.backgroundColor);"> </td>
     <td style="background-color: #FEA500" onclick="machsmirbunt(this.style.backgroundColor);"> </td>
     <td style="background-color: #FFFF00" onclick="machsmirbunt(this.style.backgroundColor);"> </td>
     <td style="background-color: #01FF01" onclick="machsmirbunt(this.style.backgroundColor);"> </td>
     <td style="background-color: #00FFFF" onclick="machsmirbunt(this.style.backgroundColor);"> </td>
     <td style="background-color: #00BFFE" onclick="machsmirbunt(this.style.backgroundColor);"> </td>
     <td style="background-color: #9931CC" onclick="machsmirbunt(this.style.backgroundColor);"> </td>

***schnapp***

Beitrag melden

– Informationen zu den Bewertungsregeln

prob mit eigenem wysiwyg-editor im ie
Gregor 01.08.2006 15:17

javascript
– Informationen zu den Bewertungsregeln
hallo forum, im nachfolgendem code ist ein kleiner wysiwyg-editor zu sehen, der im ff wunderbar funktioniert und eigendlich auch im ie, bis auf die tatsache das ich da keine farben aendern kann und ich bekomms einfach nciht hin das entsprechnd zu machen. ich hab schon gesucht, aber leider ohne erfolg, habt ihr evtl eine idee wie ich das problem loesen kann ?

Tjaa der Internet Explorer hat halt so seine Macken. Meine Empfehlung wäre der Cross-Browser Richtext Editor (http://www.kevinroth.com/rte/), der läuft auch mit dem IE. Den verwende ich auch selbst auf meiner Seite.

mfg Gregor

P.S.: Bei meiner neuen Seite kriegen alle IE-User eine fette Browserwarnung vorgesetzt die auf schwerwiegende Fehldarstellungen und Funktionsfehler hinweist und allen empfiehlt umzusteigen :-)
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. prob mit eigenem wysiwyg-editor im ie
  
  jonny_w 01.08.2006 16:03
  
  javascript
  – Informationen zu den Bewertungsregeln
  hm, ja das mag schon sein, der der funktioniert, aber ich will ja eben meinen eigenen und einfachen haben, die frage ist nur warum im ie nicht klappt. vom prinzip klappt das auch, wenn ich onlick durch onmouseover ersetze dann macht der auch auf, nur kann man denn den editor nicht nehr gescheit bedienen.
  
  hallo forum, im nachfolgendem code ist ein kleiner wysiwyg-editor zu sehen, der im ff wunderbar funktioniert und eigendlich auch im ie, bis auf die tatsache das ich da keine farben aendern kann und ich bekomms einfach nciht hin das entsprechnd zu machen. ich hab schon gesucht, aber leider ohne erfolg, habt ihr evtl eine idee wie ich das problem loesen kann ?
  Tjaa der Internet Explorer hat halt so seine Macken. Meine Empfehlung wäre der Cross-Browser Richtext Editor (http://www.kevinroth.com/rte/), der läuft auch mit dem IE. Den verwende ich auch selbst auf meiner Seite.
  
  mfg Gregor
  
  P.S.: Bei meiner neuen Seite kriegen alle IE-User eine fette Browserwarnung vorgesetzt die auf schwerwiegende Fehldarstellungen und Funktionsfehler hinweist und allen empfiehlt umzusteigen :-)
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

jonny_w: prob mit eigenem wysiwyg-editor im ie