Discussion :

[dancom5]

Bonjour.

Ce code jquery marche tout seul avec mon textarea du formulaire, c'est CLEDITOR:

Code :

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

1
2
3
4
5
6
7
8
<script>
        $(document).ready(function() {
            $("textarea[name=contenu]").cleditor({
                width: 900, // width not including margins, borders or padding
                height: 450, // height not including margins, borders or padding
            });
        });
    </script>

mais, le second code ci ne fonctionne pas à cause du premier:

Code :

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

1
2
3
4
5
6
7
8
9
 
        <script>
                $(document).ready(function(){
                        $("#textarea").keyup(function(){
                                var currentText = $(this).val();
                                $(".taout").text(currentText);
                        });
                });
        </script>

j'avais deux ID qui allait dans le même textarea, j'ai alors penser remplacer le premier ID par textarea[type=text] dans le premier script
et ça ne fonctionne pas plus. C'est surement un conflit avec CLeditor. Les deux script fonctionnent si je mets un ou l'autre mais pas les deux
en même temps sur le même textarea.

Y a-t-il moyen de combiner les deux jquery en un seul pour appliquer le second dans le premier?

Je suis bloqué sur ça après plusieurs heures de recherches non réussies.

[SpaceFrog]

Essaye ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
        $(document).ready(function() {
            $("textarea[name=contenu]").cleditor({
                width: 900, // width not including margins, borders or padding
                height: 450, // height not including margins, borders or padding
            })
            .on("keyup",function(){
                                var currentText = $(this).val();
                                $(".taout").text(currentText);
                        }); );
        });
 
</script>

[dancom5]

Merci pour la réponse.

J'ai essayé, mais ça ne fonctionne pas. J'ai vu un ";)" de trop mais ça ne marche pas plus en supprimant..

J'ai tenté ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
    <script>
                $(document).ready(function(){
                        $('textarea[id="textarea"]').keyup(function(){
                                var currentText = $(this).val();
                                $(".taout").text(currentText);
                        })
            on.cleditor({
                width: 900, 
                height: 450
            });
                });
    </script>

Mais, c'est seulement la partie keyup qui fonctionne. L'éditeur lui ne marche pas.

[SpaceFrog]

Code :

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

 on.cleditor({

[dancom5]

la partie on.cleditor ne marche pas.

négatif:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script>
    $(document).ready(function(){
        $('textarea[id="textarea"]').keyup(function(){
             var currentText = $(this).val();
             $(".taout").text(currentText);
        })
        on.cleditor({
            width: 900, 
            height: 450
        });
    });
</script>

[SpaceFrog]

oui je me doute parce que ce n'est pas du Jquery ...

Code :

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

1
2
3
4
5
6
7
8
9
10
 $(document).ready(function(){
        $('textarea[id="textarea"]').cleditor({
                                                         width: 900, 
                                                         height: 450
                                                       })
                                           .on('keyup', function(){
             var currentText = $(this).val();
             $(".taout").text(currentText);
         });
      });

applique d'abord le cleditor, puis le keyup

[dancom5]

Ça ne fonctionne toujours pas.

J'ai essayé ceci:

Code :

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

1
2
3
4
5
6
      $(document).ready(function() {
          var editor = $("#input").cleditor();
          editor.change(function() {
              alert("change event");
          });
      });

puis ça marche mais je ne veux pas d'une notification.

J'ai changer par alert... par

Code :

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

$(this).css({"backgroundColor" : "blue"});

et ça ne fonctionne pas sauf pour l'éditeur lui-même.

Je me demande si ce n'est pas l'éditeur.