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 : Sélectionner tout - Visualiser dans une fenêtre à part
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é"

Nom : Capture.JPG
Affichages : 281
Taille : 62,0 Ko
si quelqu'un a une solution ? je suis preneur