À défaut de trouver mieux pour le moment, je déplace simplement la div ainsi:

[code]function AfficheDuMur_N (id_perso, id_deux) {
Dest = document.getElementById('RepMur_' + id_deux);
DivRedac.style.position = "absolute";
DivRedac.style.top = Dest.offsetTop;
DivRedac.style.width = "850px";
Dest.style.width = "450px";
Dest.style.height = "300px";
DivRedac.style.backgroundColor = '#EEF';
document.getElementById('TitreDeRedaction').innerHTML = 'Votre réponse';
document.getElementById('NumInit').value = id_deux;
document.getElementById('Cliquez_' + id_deux).style.display = "none";
document.getElementById('Contenu_nouveau').value = "";
}
[/code]

Vos suggestions sont bienvenues.

J'avais mis cela de côté,
Je n'ai pas progressé d'un iota depuis tout ce temps.
Voici à nouveau le code qui fait défaut. J'aimerais savoir pourquoi et comment le corriger.

[code]
var Mere = document.getElementById('Rediger');
var DivRedac = document.getElementById('BulleDeRedaction');

function AfficheDuMur_N (id_perso, id_deux) {
var Dest = document.getElementById('RepMur_' + id_deux);
Mere.removeChild(DivRedac);
Dest.appendChild(DivRedac);
document.getElementById('TitreDeRedaction').innerHTML = 'Votre réponse';
document.getElementById('NumInit').value = id_deux;
Mere = Dest;
document.getElementById('Cliquez_' + id_deux).style.display = "none";
}
[/code]

Rappel: il s'agit d'un CKeditor à associer à une autre balise textarea. Avant la nouvelle association, tout va bien; après CKeditor a donné son apparence à la nouvelle balise textarea mais génère des erreurs.

Merci à l'avance.

<script src="outils/ckeditor/jquery.js"></script>
<script src="outils/ckeditor/ckeditor.js"></script>
<script src="outils/ckeditor/adapters/jquery.js"></script>

Non, vraiment, je patauge.
Replaçons-nous à la case départ.

En tête du document, j'ai
[html]<script src="outils/ckeditor/jquery.js"></script>
<script src="outils/ckeditor/ckeditor.js"></script>
<script src="outils/ckeditor/adapters/jquery.js"></script>
[/html]

Puis, il y a
<script>
if (!CKcontenu) {
var CKcontenu = CKEDITOR.replace( 'Contenu', { toolbar : 'Minus',
filebrowserImageBrowseUrl : 'outils/ckeditor_ChoisirImage.php',
filebrowserImageUploadUrl : 'outils/ckeditor_RecevoirImage.php',
width : '50%',
} );
}

</script>

Comment dois-je faire pour instancier un éditeur dans la forme Jquery ?
Où placer mon code
[code]$( document ).ready( function() {
$( 'textarea#editor1' ).ckeditor();
} );
[/code] ???

Je préfère avoir l'air con, mais avoir tout bon à la base afin d'arriver à faire la partie complexe par la suite.

Merci de votre aide.

Je vais explorer du côté de ckeditor.inline
Peut-être est-ce mieux adapté à mes besoins.

<script src="jquery.js"></script>
<script src="ckeditor.js"></script>
<script src="adapters/jquery.js"></script>

Oui, j'ai inséré

[html]<script src="jquery.js"></script>
<script src="ckeditor.js"></script>
<script src="adapters/jquery.js"></script>[/html]

tel que recommandé dans [url]https://docs.ckeditor.com/ckeditor4/latest/guide/dev_jquery.html[/url]

et je me suis assuré que jquery.js soit bien chargé en y mettant une commande 'alert' en bas de page. Et oui, mon alerte a été visible.

sans amélioration.

[quote=Patriboom post_id=456686 time=1532444752 user_id=9294]
Merci @rthur, mais j'avais déjà consulté cette page avant de vous consulter.
[/quote]
Et du coup tu as déjà chargé Jquery + l'adapter Jquery de CKeditor et ça n'a rien changé ?

Merci @rthur, mais j'avais déjà consulté cette page avant de vous consulter.

On dirait un problème de Jquery.
Regarde peut être ici :
https://docs.ckeditor.com/ckeditor4/latest/guide/dev_jquery.html

	<div id="Rediger">
		<!-- Petit formulaire de rédaction « Votre commentaire du  jour »  -->
		<img src="images/Decors/Reseau.jpg" width="30%" alt="Se garder formé et en forme"  align="right" />
		<div id="BulleDeRedaction">
		<form action="RepTraitement/FicherTraitement.php" method="POST" enctype="multipart/form-data" id="FormRedaction" name="Questionne" Target="ContenuVariable" onsubmit="return CommentaireSoumis()" >
		<span id="TitreDeRedaction">Votre commentaire du jour :</span> <br />
		<textarea name="Contenu" rows="4" cols="40"  id="Contenu_nouveau"></textarea><br />
		<input type="hidden" name="NumInit" id="NumInit" value="0" />
		<input name="Soumettre" value="Ecrire" id="Soumetre_nouveau" type="submit"  />
		</form>
		</div>
	</div>

Bonjour,

Je rencontre un souci avec ckeditor depuis une mise à jour de ckeditor.
Avant la mise à jour, le code javascript suivant fonctionnait:
[code]
var Mere = document.getElementById('Rediger');

function AfficheDuMur_N (id_perso, id_deux) {
var Dest = document.getElementById('RepMur_' + id_deux);
var DivRedac = document.getElementById('BulleDeRedaction');
Mere.removeChild(DivRedac);
Dest.appendChild(DivRedac);
document.getElementById('TitreDeRedaction').innerHTML = 'Votre réponse';
document.getElementById('NumInit').value = id_deux;
Mere = Dest;
document.getElementById('Cliquez_' + id_deux).style.display = "none";
}
[/code]

Voici ce que ça devrait faire:
- sur une page, j'ai plusieurs div identifiées individuellement par id="RepMur_"xyz
- En ouverture de cette page, j'ai la div de rédaction qui est en tête, à l'intérieur de 'Rediger'

Lorsque le visiteur écrit dans la fenêtre de ckeditor en ouverture: fonctionnement correct.
Ce n'est donc pas ckeditor qui est en problème.

Cependant, lorsque le visiteur clique sur un bouton et fait exécuter la fonction ci-haut (function AfficheDuMur_N ),
il n'est plus possible d'utiliser le traitement de texte ckeditor.

La fonction se rend jusqu'au bout sans souci.
Cependant, lorsqu'on clique dans la fenêtre ou sur un des boutons ( « gras » ou « italique » par exemple) de ckeditor, le message suivant apparaît dans la console de débogage:
[quote]TypeError: this.document.getWindow(...).$ is undefined[En savoir plus] ckeditor.js:422:228
CKEDITOR.dom.selection.prototype.getNative http://127.0.0.1/[...]/ckeditor/ckeditor.js:422:228
CKEDITOR.dom.selection http://127.0.0.1/[...]/ckeditor/ckeditor.js:420:272
CKEDITOR.editor.prototype.getSelection http://127.0.0.1/[...]/ckeditor/ckeditor.js:418:11
CKEDITOR.plugins.undo.Image http://127.0.0.1/[...]/ckeditor/ckeditor.js:1007:458
e.prototype.save http://127.0.0.1/[...]/ckeditor/ckeditor.js:1002:123
.init/< http://127.0.0.1/[...]/ckeditor/ckeditor.js:998:395
m http://127.0.0.1/[...]/ckeditor/ckeditor.js:10:222
CKEDITOR.event.prototype</<.fire</< http://127.0.0.1/[...]/ckeditor/ckeditor.js:12:42
CKEDITOR.editor.prototype.fire http://127.0.0.1/[...]/ckeditor/ckeditor.js:13:212
.setData http://127.0.0.1/[...]/ckeditor/ckeditor.js:256:311
AfficheDuMur_N http://127.0.0.1/[...]/Reseau/index.js:82:2
<anonyme> javascript:AfficheDuMur_N(2,14);:1:2
[/quote]

Je n'ose rien changer à ckeditor.js, puisque l'éditeur fonctionne très bien en autres circonstances.
Je suppose qu'il y a de quoi d'erroné ou manquant à ma fonction de déplacement de l'éditeur.
Sauriez-vous quoi ?

Voici - par ailleurs - la div complète où se trouve le textarea et les div appelées par la fonction.
[html] <div id="Rediger">
<!-- Petit formulaire de rédaction « Votre commentaire du jour » -->
<img src="images/Decors/Reseau.jpg" width="30%" alt="Se garder formé et en forme" align="right" />
<div id="BulleDeRedaction">
<form action="RepTraitement/FicherTraitement.php" method="POST" enctype="multipart/form-data" id="FormRedaction" name="Questionne" Target="ContenuVariable" onsubmit="return CommentaireSoumis()" >
<span id="TitreDeRedaction">Votre commentaire du jour :</span> <br />
<textarea name="Contenu" rows="4" cols="40" id="Contenu_nouveau"></textarea><br />
<input type="hidden" name="NumInit" id="NumInit" value="0" />
<input name="Soumettre" value="Ecrire" id="Soumetre_nouveau" type="submit" />
</form>
</div>
</div>
[/html]

J'ai vérifié: le déplacement de la div se fait très bien, tous ses éléments sont après comme ils étaient avant le déplacement.

Merci à l'avance.