Selecting text with javascript/jquery

Question

I have a server query, that queries a minecraft server and displays its status.It stores the ip and the server name in a variable and displays it with jquery in a single loop.

I want the dispalyed server name to be selectable onclick, but whatever i try it doesnt work

the code

$('.servercontainer .serverdata span[rel=\"'+serverarray[i]+'\"]').html(servername[i]);

here servername is the variable which contains the servername, server ip contains the ip and servercontainer is the class of the div that displays all the data.

I want to be able to select the server name when clicked on.

Thanks for reading this
edit: the servername is what i want selected. When a person clicks on the text, the whole text has to be highlighted so that all he has to do is ctrl+c to copy it.

Sorry for the confusion

What do you mean by "select"? Highlight? Link to? can you share what you have tried? — Jay Blanchard
– Jay Blanchard, Commented May 15, 2014 at 14:25

pumpkinzzz · Accepted Answer · 2014-05-15 14:31:18Z

1

Not sure to understand.. If you mean that u want the servername to be clickable and linking to the server IP, you can do:

$('.servercontainer .serverdata span[rel=\"'+serverarray[i]+'\"]').html("<a href='"+serverip[i]+"'>"+servername[i]+"</a>");

answered May 15, 2014 at 14:31

pumpkinzzz

2,9852 gold badges20 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

miny1997 · Accepted Answer · 2014-05-17 12:45:52Z

0

Do you mean this:

<SCRIPT>$(document).ready(
    function() {
        $('.copyText').click(
            function() {
                if ($('#tmp').length) {
                    $('#tmp').remove();
                }
                var clickText = $(this).text();
                $('<textarea id="tmp" />')
                    .appendTo($(this))
                    .val(clickText)
                    .focus()
                    .select();
        return false;
    });
$(':not(.copyText)').click(
    function(){
        $('#tmp').remove();
    });

});
</SCRIPT>
<SPAN CLASS="copyText">Click Me!</SPAN>
<SPAN>Not Me!</SPAN>

Live Demo at http://jsfiddle.net/Wx4YN/1/

If yes, don't forget that this need jQuery

Have some little bugs when you use div or p.

edited May 17, 2014 at 12:45

answered May 15, 2014 at 14:32

miny1997

4783 silver badges15 bronze badges

2 Comments

user3641206 Over a year ago

this exactly what i want. just how do i do it.

miny1997 Over a year ago

You must add the copyText class to your text container.

Foo · Accepted Answer · 2014-05-15 14:31:13Z

0

Hard to answer without more context, but assuming you're just trying to grab the text value of the clicked item, try using the .text() method...

example:

$('.servercontainer .serverdata span[rel=\"'+serverarray[i]+'\"]').click( function () {
  var capturedText = $(this).text();
  // do something with the captured text...
});

... instead of .html() if you just want the text.

answered May 15, 2014 at 14:31

Foo

1588 bronze badges

Collectives™ on Stack Overflow

Selecting text with javascript/jquery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related