Bookmarklet to auto fill textarea with random element name

Question

I am trying to build a bookmarklet to auto-fill the textarea with attribute name="param[random-number][details]" with text.

enter image description here

The random-number is generated on the server and is different each time. The page HTML looks like:

<table>
<tbody>
<tr>
<td>Video Title:</td>                                                
<td>                            
<input type="text" name="param[30301754][title]" value="VIDEO TITLE" autocomplete="on">
</td>
</tr>

<tr>
<td>File name:</td>
<td>
<input type="text" name="param[30301754][filename]" value="FILE NAME" autocomplete="on">.3gp
</td>
</tr>
<tr>
<td>Description: </td>
<td><textarea name="param[30301754][description]"></textarea>
</td>
</tr>
</tbody></table>

@jack like var text = {'text i want to insert on textarea'}, — Reza Fahmi, Apr 21 '15 at 18:42
@NateBarbettini no, I mean someone can build me, because i dont know javascript language :( — Reza Fahmi, Apr 21 '15 at 18:46
Welcome to Stack Overflow! For future reference, "can someone build this for me" is not generally a good reason for a question here. We like to answer specific questions, not write code on request. People will be much more receptive if you mention what you've already tried and how it failed. — Nate Barbettini, Apr 21 '15 at 19:47

score 2 · Accepted Answer · edited May 23 '17 at 10:29

2

Assuming there's only one element like <textarea name="param[xxx][description]"> on the page, you can use a jQuery wildcards as a selector.

$("textarea[name$=\\[description\\]]").val("test");

Update

To do this as a simple bookmarklet, you'll need to prompt the user for the text they want to auto-populate (or get it from somewhere else), and wrap the whole thing in an anonymous function. You also need a reference to the jQuery library. (See this article for more information on how to create a bookmarklet.)

This should do it for your case:

javascript: (function () {
    if (!($ = window.jQuery)) {
        script = document.createElement('script');
        script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js';
        script.onload = doAutoFill;
        document.body.appendChild(script);
    } else {
        doAutoFill();
    }

    function doAutoFill() {
        var textToFill = prompt("Enter text to fill:");
        if (textToFill != null) $("textarea[name$=\\[description\\]]").val(textToFill);
    }
})();

Here's an updated fiddle as an example: jsfiddle

edited May 23 '17 at 10:29

Community

1
1

answered Apr 21 '15 at 19:10

Nate Barbettini

51,256
26
134
147

Updated my example with a working bookmarklet. Let me know if it does what you are looking for. – Nate Barbettini Apr 21 '15 at 19:43
yes, its work! you're awesome nate, thanks so much :D but it cant automatically filled :( – Reza Fahmi Apr 21 '15 at 19:58
No problem, glad that worked! :) btw, you can upvote the answer as well as accept it. – Nate Barbettini Apr 21 '15 at 19:59
Ah, forgot about that. No worries! – Nate Barbettini Apr 21 '15 at 20:05

Jack · Answer 2 · 2015-04-21T19:02:00.683

0

I don't see your bookmarklets button so I'm making some assumptions. jsfiddle

var someText = "text for the textbox";
$('#myButtonId').on('click', function(){
  $('textarea').val(someText);
});

edited Apr 21 '15 at 19:02

answered Apr 21 '15 at 18:51

Jack

8,851
3
21
26

but it have a random number on name (name="param[random-number][details]") – Reza Fahmi Apr 21 '15 at 18:54
Why does it need to be random? If there's only one textbox on the page you can give it an Id, the name won't matter. – Jack Apr 21 '15 at 18:57
because it name had been randomized from server – Reza Fahmi Apr 21 '15 at 18:59
yes, just only one textbox but i cant give it an id, because the page are generated from server automatically – Reza Fahmi Apr 21 '15 at 19:01
I updated my code, you still have to have some way of attaching the click handler to the button though. – Jack Apr 21 '15 at 19:02
This still can not :( – Reza Fahmi Apr 21 '15 at 19:09

Bookmarklet to auto fill textarea with random element name

2 Answers2