prob mit eigenem wysiwyg-editor im ie von jonny_w, 01.08.2006 14:16

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

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

jonny_w: prob mit eigenem wysiwyg-editor im ie

Beitrag lesen

prob mit eigenem wysiwyg-editor im ie

prob mit eigenem wysiwyg-editor im ie