Javascript: Using a function with rows

Question

I have a table of data being produced with JavaScript. At the end of each row is an image, which is clickable. When clicked, a popup appears containing information based on the row.

I am using the second example on here: http://www.abidibo.net/projects/js/moopopup/demo

Basically, how I have it setup now is this:

The function;

    function popup() {

    var mp_instance = new moopopup({ 
        overlay: true, 
        title: 'Copy server address', 
        html_node: 'mynode',
    }); 
    mp_instance.display();
}

make the popup, appear, using a div which is initially hidden

<div id="mynode" style="display:none">Content.</div>

The image then uses onclick to make the popup run.

onclick='popup();'

Now this works with static data, however each row has different content I want to put in to the popup. So i'm confused about how I would make each popup individual to the row, without creating loads of functions with an ID on the end, which basically all do the same thing.

http://www2.lethal-zone.eu/servers/tf2-servers

The image at the end of each row; when clicked shows some extra content...

Did you contact the developer of the widget and ask for them to support it? — epascarello
– epascarello, Commented Oct 16, 2012 at 12:24

jbabey · Accepted Answer · 2012-10-16 12:25:35Z

1

You generally would want to pass some information to the one function as parameters and then use those parameters to choose the content. For example, pass some ID to the function:

onclick="popup(1);"

function popup(id) {
    // do something with id to choose the content
    // snip...
}

answered Oct 16, 2012 at 12:25

jbabey

46.8k12 gold badges73 silver badges94 bronze badges

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

6 Comments

Alias Over a year ago

Thanks! Also, when this popup appears, I would also like it to be already selected... I have done: a function: function highlight(id){ document.getElementById("mynode-"+id).select(); } However, this doesn't seem to do anything... Not sure if thats the correct way :/

jbabey Over a year ago

@Alias i'm not sure what you mean by selected. do you want some text to be highlighted?

Alias Over a year ago

Yeah, basically when they click the button the div pops up (as it does now), however the text is already highlighted so all they have to do is press Ctrl + C to copy it :)

jbabey Over a year ago

@Alias where is the text located? in an input type="text"? what is that element's ID?

Alias Over a year ago

Well a div is produced with the id='mynode-(counter)' at the end of each row, so the image is clicked it loads the popup based on which row was clicked, so the first row would trigger <div id='mynode-1'>Content</div> So just the content inside of the div that's all.

|

Collectives™ on Stack Overflow

Javascript: Using a function with rows

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related