ajout contenu dans textarea

**gtraxx** · 20/05/2010, 08h54

Bonjourà tous je cherche le moyen de pouvoir d'injecter un contenu particulier dans un textarea via la méthode append().
Seulement je clic,
il ajoute,
je re clic il ajoute,
si j'ajoute un contenu à la suite et que je clic de nouveau plus rien.
Je souhaite pouvoir remplir mon textarea manuellement et profiter d'un bouton pour ajouter des mots à la suite de mes phrases.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$("#add-category").live("click",function (){
            $("#strrewrite").append("category");
            return false;
        });
        $("#add-subcategory").live("click",function (){
            $("#strrewrite").append("subcategory");
            return false;
        });
        $("#add-product").live("click",function (){
            $("#strrewrite").append("product");
            return false;
        });

J'ai essayer plusieurs petite méthode.

Une idée ?

Invité · 20/05/2010, 11h27

En faisant comme cela:

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
(document).ready(function() {
    $("#un").click(function (){
        var myContent = $("#myTextarea").val();
        $("#myTextarea").val(myContent + "un").focus();
        return false;
    });
 
    $("#deux").live("click",function (){
        var myContent = $("#myTextarea").val();
        $("#myTextarea").val(myContent + "deux").focus();
        return false;
    });
 
    $("#trois").live("click",function (){
        var myContent = $("#myTextarea").val();
        $("#myTextarea").val(myContent + "trois").focus();
        return false;
    });
});

Pour le html

Code :

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

1
2
3
4
5
6
7
<body>
    <textarea id="myTextarea" cols="45" rows="15">Bonjour</textarea><br />
    <input type="button" value="un" id="un" />
    <input type="button" value="deux" id="deux" />
    <input type="button" value="trois" id="trois" />
    <input type="button" value="quatre" id="quatre" />
</body>

A+

**gtraxx** · 20/05/2010, 11h39

Super sa marche .
Je pense que vous m'avez répondu sur le fil de jquery FR

et le test étais concluant

Invité · 20/05/2010, 11h50

Pour finir

le js:

Code :

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

1
2
3
4
5
6
7
$(document).ready(function() {
    $("#un, #deux, #trois").live("click", function(){
        var myContent = $("#myTextarea").val();
        $("#myTextarea").val(myContent + $(this).val()).focus();
    })
    return false;
});

Effectivement j'ai aussi répondu sur jquery.fr

A+

[Edit] Un autre exemple

:

Code :

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

1
2
3
4
5
6
$(document).ready(function() {
    $("#un, #deux, #trois").live("click", {"me": $("#myTextarea")}, function(e){
        e.data.me.val(e.data.me.val() + $(this).val()).focus();
        return false;
    })
});

A+

ajout contenu dans textarea

jQuery

Discussions similaires

Partager

Partager