1 pièce(s) jointe(s)
Une< DIV> insérée, par une fonction, ne s'aligne pas dans une ligne <P>
bonjour a tous
ma fonction d'insertion d'un div englobant une selection fonctionne mais le div va tout de suite a la ligne je ne sais pas comment le faire rester sur la meme ligne dans un content editable(WYSIWYG)
la fonction
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| <script type="text/javascript">
var elementactif;
function selection(){ return window.getSelection().getRangeAt(0);}
function Insertdiv() {
var container = document.createElement("div");
container.style.width="200px";
container.style.height="200px";
var divID="div" + document.getElementsByTagName ("DIV").length;
container.id=divID;
container.style.border="1px solid black";
container.style.border="1px solid black";
container.innerHTML="<p> </p>";
document.title="divactif:" +divID;
selectione= selection();
documentFragment = selectione.extractContents();
container.appendChild(documentFragment);
selectione.insertNode(container);
document.getElementById(divID).addEventListener("mouseup", function() { document.title="divactif:" +divID; });
}
//codescript;
</script> |
le resultat en haut l'original
en bas le resultat en ayant selectionner "un div stylé"
Pièce jointe 344238
si quelqu'un a une solution ? je suis preneur