iframe éditable

Bonjour,

On va faire simple, voici mon code qui ne marche pas (il créée l'iframe mais ne lui donne pas le focus et n'est pas modifiable non-plus)

<code>
function inli(obj){
   

    var iframe = null;//initialisation


    iframe = document.createElement("iframe");//Création de l'élément


    iframe.id = 'Saisie';//On nomme l'éléments
   
    obj.replaceChild(iframe, obj.firstChild);//On remplace l'élément cliqué par l'iframe

           
    Champ=document.getElementById('Saisie').contentDocument;   
    Fen=document.getElementById('Saisie').contentWindow;
    Champ.designMode='On';    // iframe modifiable

   
    Fen.focus();        //On donne le focus
   

   
}

Après plusieurs tests le pb viendrai peut être iframe = document.createElement("iframe") mais quel est le pb exacte et comment le solutionner vraiment je ne voit pas. Si quelqu'un à une idée ça me dépatouillerai ...


</code>

Bonjour,

    tu pourrais nous donner obj et son firstChild ?


>>frame = document.createElement("iframe")
    ça je ne le pense pas....
    ça viendrait plutôt (?) qu'il ne trouve pas l'ID "Saisie" car "mal créé" ?

---

                Cordialement            Bul         [mon Site]     [M'écrire]

<div onClick="inli(this);" class='corpDeTexte1'>un texte</div>

'fin rien de spéciale en fait...

De plus en continuant mes tests, lorsque je fait un "alert('truc')" juste avant la ligne

"Champ=document.getElementById('Saisie').contentDocument;  "

Et bien après avoir cliqué "ok" ça marche.

Je me demande si en fait il ne trouve pas 'saisie' car pas fini de l'avoir créé... C'est surement stupide, mais il doit y avoir un truc autour de ça.

(merci pour ton code d'ailleur, il m'a inspiré pour faire ce que je fait - si tu as suivie c'est un combo entre le inlineMode et un système WYSI... )

et pourquoi "tu t'embêtes" avec replaceChild du firstChild d'un div... vide ?
    pourquoi pas simplement un iframe, directement dans le body ?
si tu as regardé mon code ici, c'est ce qui est fait.
    mais on peut regarder pourquoi ça ne baigne pas tel que tu le fais...

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Non c'est un système "inlineMode", ctad quand on clique sur un texte, il passe en mode "modification", quand on clique ailleur, le texte d'origine est remplacé par celui saisie. Il faut donc

au clique : crééer l'iframe
au clique exterrieur le supprimer.

(Je te passe le reste du code qui lui fonctionne, et j'ai isolé juste cette partie pour vérifier qu'il n'y pas problème de doublont ou autre...)

Et pour l'instant, j'ai juste ce petit problème de passage en mode modification de l'iframe. J'ai encore tester d'autre chose et rien n'y fait. Il y a juste qu'avec alert que ça marche. Pourquoi je ne sais pas... Si tu as une idée...

si tu veux basculer mode wysiwyg / mode texte brut,
    j'ai fais cela en recouvrant l'iframe par textarea de même taille/position
          ( et inversement )
si tu veux cacher... il y a d'autres moyens plus simples... mais tu sais probablement....

mais si tu veux conserver cette méthode...

    l'erreur est ici : document.getElementById('Saisie')
        il ne trouve pas l'ID Saisie,
    l'Iframe est bien créée, l'id "Saisie" ne lui est pas affecté !
       j'ai en tête d'avoir eu un problème similaire, je ne me souviens
          plus à quoi c'était du, quelle erreur je faisais ! de mémoire
          d'Alzheimer , un problème "de syntaxe" pour affecter en dynamique un ID....
       faut retrouver quoi...

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Oui je pense aussi que le pb vient de là. Ce qui est curieux c'est qu'après une alrt ça marche... Je vais creuser...

Quant au remplacement par un textarea, ce n'est pas utile dans mon cas, car je récupère le contenu de l'iframe et le fait charger dans la page par une méthode ajax, les varibles pouvant être envoyés en post par ajax, pas utile d'avoir des éléments de formulaire...

Merci  quand même en tout cas...

j'ai pas des conneries ? comme souvent ?

    switch (navigator.appName)   
    {    //         ===============================
        case     "Microsoft Internet Explorer":
        //         ===============================
            Fen=window.frames['Saisie'];
            Champ=Fen.document;

            break;
        //               =========
        default:    //     sinon
        //               =========
            Champ=document.getElementById('Saisie').contentDocument;
            Fen=document.getElementById('Saisie').contentWindow;
            break;   
    }

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Ca ne marche pas non plus... Je suis déjà sous mozilla.

crottes de biques....

<body>
<script type="text/javascript">
function inli(obj){
   var Fen,Champ;
   var ifr = document.createElement("iframe");
   ifr.id = 'Saisie';
   ifr.name="Saisie";
   obj.replaceChild( ifr, obj.firstChild );
   switch (navigator.appName)  
   {    //            ===============================
        case         "Microsoft Internet Explorer":
        //            ===============================
            Fen=window.frames['Saisie'];
            Champ=Fen.document;
            break;
        //            =========
        default:    //  sinon
        //        =========
            Champ=document.getElementById('Saisie').contentDocument;
            Fen=document.getElementById('Saisie').contentWindow;
alert( Champ + "\n" + Fen );
            break;
   }
   Champ.designMode='On';
   Fen.focus();
}
</script>
<div onClick="inli(this);">un texte</div>
</body>

    ça fonctionne parfaitement avec IE,

    et avec FF :

Erreur : uncaught exception:
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE)
[nsIDOMNSHTMLDocument.designMode]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)" 
location: "JS frame :: file:///D:/Temp/new%201.htm :: inli :: line 26"  data: no]


    je doit faire une grossière erreur avec FF !
    un spécialiste devrait pouvoir nous dire...

---

                Cordialement            Bul         [mon Site]     [M'écrire]