Internet Explorer et designMode: bug?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Internet Explorer et designMode: bug?

masklinn

í dag viðrar vel til loftárása

Je suis en train de tester la fonctionalité designMode, qui permet de rendre le contenu d'un document éditable, designMode étant -- contrairement à contentEditable -- disponible dans tous les principaux navigateurs (apparement) (et de toute façon c'est juste pour une démo, donc Lynx ne m'importe que peu).

Histoire de tester, j'ai donc créé une simple iframe (contenant le document à éditer) et j'ai ajouté un joli bouton pour switcher entre éditable et non éditable:

Code :

<div>
    <iframe src="/testframe" id="editor-window" 
        name="editorWindow"
        style="height: 250px;width: 500px;"></iframe>
</div>
<form action="#" method="get">
    <div>
        <button onclick="toggleEdit(); return false;" id="toggle">
            Not editable
        </button>
    </div>
</form>

Et un bout de JS pour switcher entre editable et non editable:

Code :

function doEdit(id, makeEditable) {
    var frame = document.getElementById(id);
    if(!frame.contentWindow || !frame.contentWindow.document
         || !frame.contentWindow.document.designMode) {
        return;
    }
    frame.contentWindow.document.designMode = 
        makeEditable?"On":"Off";
}
 
var editable = false;
function toggleEdit() {
    editable = !editable;
    doEdit("editor-window", editable);
    document.getElementById('toggle').innerHTML =
        editable?"Editable":"Not editable";
}

Sous Firefox et Opera aucun problème (iframe read-only, je toggle ça passe read-write, je re-toggle ça repasse read-only, win) par contre j'ai comme un souci sous MSIE tout va bien pour passer de read-only à read-write, mais quand je fais le passage inverse il supprime toutes les modifs effectuées dans l'iframe ce sagoin [:pingouino]

Donc je voulais savoir si j'avais genre raté un truc, où si il faut vraiment se taper le transfert des données entre les modes éditable et non éditable à la main sous MSIE [:androids974]

Message édité par masklinn le 22-07-2007 à 17:57:33

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Publicité

Shinuza

This is unexecpected

Ca ne fonctionne effectivement pas sous IE 6.0 ( http://msdn.microsoft.com/archive/ [...] efault.asp )
Par contre tu peux passer par contentEditable :

Code :

<html>
<head>
</head>
<body>
<script type="text/javascript">
function doEdit(id, makeEditable) {
var frame = document.getElementById(id);
frame.contentEditable = makeEditable?"true":"false";
}
var editable = false;
function toggleEdit() {
editable = !editable;
doEdit("editor-window", editable);
document.getElementById('toggle').innerHTML =
editable?"Editable":"Not editable";
}
</script>
<div>
<div id="editor-window" contenteditable="false"
name="editorWindow"
style="height: 250px;width: 500px;"></div>
</div>
<form action="#" method="get">
<div>
<button onclick="toggleEdit(); return false;" id="toggle">
Not editable
</button>
</div>
</form>
</body>
</html>

Message cité 1 fois
Message édité par Shinuza le 22-07-2007 à 21:48:19

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

gatsu35

Blablaté par Harko

Et c'est comme ça que font la plupart des RTE nan ?

masklinn

í dag viðrar vel til loftárása

Shinuza a écrit :

Ca ne fonctionne effectivement pas sous IE 6.0 ( http://msdn.microsoft.com/archive/ [...] efault.asp )
Par contre tu peux passer par contentEditable :

Code :

<html>
<head>
</head>
<body>
<script type="text/javascript">
function doEdit(id, makeEditable) {
var frame = document.getElementById(id);
frame.contentEditable = makeEditable?"true":"false";
}
var editable = false;
function toggleEdit() {
editable = !editable;
doEdit("editor-window", editable);
document.getElementById('toggle').innerHTML =
editable?"Editable":"Not editable";
}
</script>
<div>
<div id="editor-window" contenteditable="false"
name="editorWindow"
style="height: 250px;width: 500px;"></div>
</div>
<form action="#" method="get">
<div>
<button onclick="toggleEdit(); return false;" id="toggle">
Not editable
</button>
</div>
</form>
</body>
</html>

sauf que contentEditable ne fonctionne pas sous FF, et je sais pas si il fonctionne sous opera. Dans tous les cas ça force à avoir 2 codepath séparés, ce qui est franchement naze

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Shinuza

This is unexecpected

Wé, mais c'est IE qu'é naze à la base, le code est pas franchement différent en plus

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

FORUM HardWare.fr

Programmation

HTML/CSS

Internet Explorer et designMode: bug?

Sujets relatifs
[résolu] script java qui ne fonctionne pas sous Internet explorer	internet explorer n'affiche rien
Réduction taille image, Internet Explorer	Cacluler le poids d'un site internet
réalisation avec Xpage internet studio 5	[CSS] Faire une info-bulle avec internet explorer...
Plus de sujets relatifs à : Internet Explorer et designMode: bug?

Page générée en 0.065 secondes