자바 스크립트 : 행이있는 함수 사용

Question

JavaScript를 사용하여 데이터 테이블을 생성했습니다. 각 행의 끝에 클릭 할 수있는 이미지가 있습니다. 클릭하면 행을 기반으로 한 정보가 포함 된 팝업이 나타납니다.

내가 여기에 두 번째 예제를 사용하고 있습니다 : http://www.abidibo.net/projects/js/moopopup/demo

을 기본적으로, 나는 그것을 가지고 어떻게 설정 이제이 있습니다 :

기능;

function popup() { 

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

는 처음에 이미지가 다음 팝업 실행을 만들기 위해 onclick을 사용

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

숨겨진 사업부를 사용하여 팝업을 나타납니다.

onclick='popup();' 

지금이 그러나 각 행은 내가 팝업에 넣을 내용이 다릅니다, 정적 데이터와 함께 작동합니다. 그래서 나는 기본적으로 모두 똑같은 일을하는 ID를 가진 많은 함수를 생성하지 않고 어떻게 각 팝업을 개별 행으로 만들지에 대해 혼란스러워합니다.

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

각 행의 끝에있는 이미지; 클릭하면 몇 가지 추가 콘텐츠가 표시됩니다 ...

Answer 1

일반적으로 매개 변수로 하나의 기능에 일부 정보를 전달한 다음 해당 매개 변수를 사용하여 콘텐츠를 선택하고 싶습니다. 예를 들어, 함수에 ID를 전달하십시오.

onclick="popup(1);" 

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