Discussion :

[soohikei]

Bonjour,

je suis entrain de faire un petit plugin en jquery pour récupérer les données poster de ckeditor et de les poster en ajax.

Mon premier formulaire qui permet de creer un post :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<form method="POST" action="#" id="formcreer" class="formaccueil">
    <label for="title">Titre :</label>
    <input type="text" name='title' id='title'/>
    <hr/>
    <textarea class="txta" id="txtarea" name='txtarea' ></textarea>
    <hr/>
    <input class='sub' id="register" name="register" type="submit" value="Enregistrer">
    <input class='sub' id="preview"  name="preview" type="submit" value="Prévisualiser">
</form>

mon second qui permet de modifier le post :

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
<p class="toggle">
        <dt><?php echo $row['titre'];?></dt>
        <dd class = "target" name="<?php echo $row['titre'];?>">
            <form method="POST" action="#" id="formmodif" class="formaccueil">
                <label for="title">Titre :</label>
                <input type="text" name='titre' id='titre' value="<?php echo $row['titre'];?>" />
                <hr/>
                    <textarea class="txta" id="txtarea" name='txtarea' ><?php echo $row['texte'];  ?></textarea>
                <hr/>
                <input type="hidden" name='titre' id='titre' value="<?php echo $row['id'];?>" />
                <input class='sub' id="register" name="register" type="submit" value="Enregistrer">
                <input class='sub' id="preview"  name="previewModif" type="submit" value="Prévisualiser">
            </form>
        </dd>
        <hr class="hr" >
    </p>

et la mon code jquery :

Code javascript :

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
23
24
25
26
27
28
29
$(".sub").click(function(){
 
        //on recupere le bouton sur lequelle on a click !
        var btn = $(this).attr('id');
 
        //on recupere le formulaire parent !
        var form = $(this).parents("form");
 
        //on recupere le contenu des champs !
        var title = form.find("input[name=title]").val();
 
        /* permet de recuperer l'id d'un formulaire à modifier
                **(il n'y est pas dans tous les formulaires)
                **et c'est un input de type hidden !
                */
        var id = form.find("input[name=id]").val();
 
        var txt = form.find("textarea[name=txtarea]").val();
 
        //partie traitement
 
        if(btn == "preview"){
            alert('txt');
        }if(btn == "register"){
            alert('save');
        }
 
        return false;
    });

alors dans mon second formulaire j'arrive à récupérer mes données sans problème mais dans mon premier je n'y arrive pas du tout.

alors j'ai chercher un peu et j'ai trouver la doc ckeditor http://docs.cksource.com/CKEditor_3....jQuery_Adapter malgres cela je n'y arrive toujours pas ou alors je n'ai pas bien compris la doc.

merci d'avance de l'aide que vous pourrez m'apporter

cordialement

[soohikei]

bon ca va j'ai resulu mon problème en faite je n'utilisais pas la bonne syntaxe pour la version que j'ai en faite il faud mettre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var txta = form.find("textarea").attr("id");
		var valEdit = CKEDITOR.instances[txta].getData();
                var txt = CKEDITOR.instances[valEdit].getData();

a la pace de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 var txt = form.find("textarea[name=txtarea]").val();

J'ai bien avancé du coup.