ajout contenu dans textarea

Version imprimable

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:

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 ?

En faisant comme cela:

Code:

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:

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+

20/05/2010, 11h39
gtraxx

Super sa marche .
Je pense que vous m'avez répondu sur le fil de jquery FR :ccool: et le test étais concluant ;)

Pour finir

le js:

Code:

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 :lol: :

Code:

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+