2012-01-09 38 views
0

我想了解一個現有的網站。該網站似乎是使用PHP,JavaScript和HTML構建的。生成的html頁面中的一個表格包含許多玩家,包括等級,名稱,俱樂部等。玩家名稱是可點擊的,並且點擊將提供關於該玩家的進一步信息。我只是不明白爲什麼這個名字是可點擊的,以及什麼代碼說明了當你點擊時應該發生什麼,因爲表中沒有-html標籤等。在這裏工作必須有一些php/javascript/html魔法,我不明白。這些可點擊的html項目如何在沒有-html標籤的情況下點擊?

下面是該表格的HTML代碼摘錄,對於500名玩家中的第一個,其中玩家姓名「Persson,Jörgen」將變爲可點擊的HTML代碼的摘錄。

<table> 
     <tr><td colspan='2'>Placering</td><td>Namn</td><td>Född</td><td>Klubb</td><td colspan='2'>Poäng</td></tr> 

<tr><td class='hoyre'>WR43 1</td><td>(1)</td><td><span class='rml_poeng' id='rml:41118:159:0'>Persson, Jörgen</span></td> 
     <td>1966</td><td>Halmstad BTK</td><td class='hoyre'>2516</td><td>(-22)</td></tr> 

到達這個站點和表:
*轉到http://www.cupassist.com/pa/login.php
*點擊藍色和黃色標誌文本「SVENSKABORDTENNISFÖRBUNDET」
*點擊「排行」
*請點擊上「Listor」

現在你應該看到一個500名玩家的名單。您現在可以顯示此頁面的頁面源代碼,以查看上面摘錄的完整代碼。

回答

2

JavaScript是用於結合click事件處理程序的元件(在這種情況下,所有span元件與名爲rml_poeng一個類):

'span.rml_poeng' : function(element) 
{ 
    element.onclick = function(e) 
    { 

     id = this.id; 
     vis_poengdet(e, id); 
    } 
} 

可點擊單元之一的一個例子:

<span class="rml_poeng" id="rml:41118:159:0">Persson, Jörgen</span> 

JavaScript使用了一些似乎叫做behaviour.js的庫,它允許使用CSS樣式選擇器來選擇DOM元素(很像jQuery)。

您可以進一步挖掘以找到vis_poengdet函數的實現。只需使用Firebug或Chrome開發者工具。

+0

如果該頁面的作者在表格上放置單個偵聽器,然後在發生點擊事件時處理,可能會更加高效。 – RobG 2012-01-09 01:26:32

相關問題