isContentEditable et window.onload

Le
unbewusst.sein
si je set, pour une div, isContentEditable à true :
- ça ne marche pas si activé dans window.onload (do_it());
- ça marche si activé par un bouton (toggleEdit()).

Pourquoi ?

Le code :

<html>
<head>
<!-- see https://developer.mozilla.org/en/DOM/element.onpaste -->
<title>onpaste event example</title>
<style type="text/css">
.normal {color: black}
.editing {color: red}
</style>
<script type="text/javascript">
window.onload=do_it;
var editor;
var editBtn;
function do_it(){
editor=document.getElementById("editor");
editBtn=document.getElementById("editBtn");
log("editor.isContentEditable = "+editor.isContentEditable);
editor.isContentEditable=true;
log("editor.isContentEditable = "+editor.isContentEditable);
editor.className = (editor.isContentEditable) ? "editing" :
"normal";
editor.addEventListener("paste", pasteIntercept, false);
}
function toggleEdit(){
log("editor.isContentEditable = "+editor.isContentEditable);
var newState = !editor.isContentEditable;
editor.contentEditable = newState;
log("editor.isContentEditable = "+editor.isContentEditable);
editor.className = (newState) ? "editing" : "normal";
editBtn.innerHTML = (newState) ? "Disable Editing" : "Enable
Editing";
}
function log(txt){

document.getElementById("log").appendChild(document.createTextNode(txt +
""));
}

function pasteIntercept(e){

document.getElementById("result").innerHTML=document.getElementById("edi
tor").innerHTML;
log("Pasting!");
}
</script>
</head>
<body>
<h3>Play with this editor!</h3>
<p>&lt;p&gt;Some text to paste&lt;/p&gt;</p>
<div id="editor">
Try pasting text into this area!<br />
<br />
end<br />
</div>
<p><button id="editBtn" onClick="toggleEdit()"
onFocus="this.blur()">Enable Editing</button></p>
<h3>Log</h3>
<textarea rows="15" cols="80" id="log" readonly="true"></textarea>
<h3>Result</h3>
<div id="result"></div>
</body>
</html>


--
« Là où la vérité n'est pas libre,
la liberté n'est pas vraie. »
(Jacques Prévert)
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
unbewusst.sein
Le #23810091
Une Bévue
editor.isContentEditable=true;



il faut mettre :
editor.contentEditable=true;

c tout )))
--
« Là où la vérité n'est pas libre,
la liberté n'est pas vraie. »
(Jacques Prévert)
SAM
Le #23810161
Le 01/10/11 13:16, Une Bévue a écrit :
Une Bévue
editor.isContentEditable=true;



il faut mettre :
editor.contentEditable=true;

c tout )))



et pourquoi ?

<p contenteditable>écrivez ici :</p>




(on n'y voit pas IScontenteditable)

--
Stéphane Moriaux avec/with iMac-intel
unbewusst.sein
Le #23810301
SAM
et pourquoi ?



c'est la même chose que :
<p contenteditable>écrivez ici :</p>



en programmé.

(on n'y voit pas IScontenteditable)



Ben si, si tu mets :
<p id="para" contenteditable>Écrivez ici :</p>

et qqpart :
alert("#para.isContentEditable :
"+document.getElementById('para').isContentEditable);

isContentEditable retourne la valeur de contenteditable.

--
« Là où la vérité n'est pas libre,
la liberté n'est pas vraie. »
(Jacques Prévert)
Publicité
Poster une réponse
Anonyme