javascript
  • html
  • html5
  • detection
  • 2012-06-07 15 views 1 likes 
    1

    我在開發html文件方面很新,而且遇到了1個問題。比方說,我有6張圖片,這是按鈕(他們打開彈出窗口等)。 所以我的問題是...我如何傳遞img被按下的數據並將其顯示在標籤中?如何檢測HTML/Javascript中的多個按鈕的數據

    IMG按鈕的代碼如下所示:

    <td width="33%"><a onClick='javascript:fg_popup_form("fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup");'><img src="img/klumpanje.gif" width="202" height="77"></a></td> 
    

    標籤在彈出的一個單獨的文件,看起來像這樣:

    <div class='container'> 
        <label for='message'>Izbira:</label><br/> 
        <span id='contactus_message_errorloc' class='error'></span> 
        <input name="message" type="text" id="message" value="knof1" size="50" readonly="readonly" /> 
    </div> 
    

    泰的答案。

    +0

    如果您將'this'添加到'fg_popup_form'的參數中,您可以使用'this.childNodes [0]'得到圖像標籤的值,並獲得像'width','height','' src'。 – Steve

    +0

    爲什麼不使用''? – B7ackAnge7z

    回答

    1

    我創建了一個調用彈出一個新的功能,通過該功能

    <td width="33%"><a id="kl" onClick='test("1");'> <img src="img/klumpanje.gif" width="202" height="77"></a></td> 
    

    函數發送參數:

    function test(tmp){ 
        var elem = document.getElementById('message'); 
    
        if(tmp == "1") 
        { 
         elem.value="Klumpanje"; 
        }... 
        javascript:fg_popup_form("fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup","kl"); 
        } 
    

    Finnaly go它工作。 TY所有的答案,非常感謝:)。

    +0

    恭喜修理!如果可以,請確保將您的答案標記爲「已接受」,以便其他人能夠從您的成功中學習。乾杯〜 –

    0

    取決於你是如何處理的彈出窗口,你可以改變你的鏈接代碼,類似的事情:

    <a href="image-page.php?button=1" target="_blank"><img (your image tag here) /></a> 
    

    然後使用PHP或其他服務器端代碼來處理GET請求。 這種方式也將允許沒有javascript的用戶使用圖像作爲按鈕。

    +0

    彈出窗口在所有鏈接上都是一樣的 - >他們唯一不同的地方就是他們選擇了圖片,並決定發送給郵件,但彈出窗口保持不變。 – matja

    +0

    ?button = 1不會更改頁面,但會爲服務器提供一個變量,您可以使用該變量執行任何操作。在PHP中,變量將是$ _GET ['button'],它將等於「1」作爲一個字符串。 –

    -1

    在您的錨標記中添加id屬性,如id="someID",並在您的fg_popup_form()函數中傳遞id。例如;

    <td width="33%"><a id="someID" onClick='javascript:fg_popup_form("someID","fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup");'><img src="img/klumpanje.gif" width="202" height="77"></a></td> 
    

    你的功能代碼應該是這樣的

    function fg_popup_form(id,formContainer,innerContainer,backgroundPopup) 
    { 
        if(id == "someID") 
        { 
        // do your work 
        } 
        else if(id == "someID2") 
        { 
        // do your work 
        } 
        // and so on 
    } 
    
    +0

    很確定它不會說任何她想用jQuery的地方。 – Steve

    +0

    @Tar:他也沒有說他不想使用jquery .... – Talha

    +0

    @Tar:現在檢查,我修改了 – Talha

    相關問題