2012-03-02 77 views
2

我必須做一個簡單的HTML表單,做一個簡單的計算wordpress插件。這是我的表單代碼。wordpress插件需要

<html> 
<head> 
    <title>Calculate</title> 
    <script language="javascript"> 
      function addNumbers() 
      { 
        var val1 = parseInt(document.getElementById("value1").value); 
        var val2 = parseInt(document.getElementById("value2").value); 
        var ansD = document.getElementById("answer"); 
        ansD.value = val1 + val2; 
      } 
    </script> 

</head> 
<body> 
    <input type="text" id="value1" name="value1" value="1"/> 
    <input type="text" id="value2" name="value2" value="2"/> 
    <input type="button" name="Sumbit" value="Click here"    
    onclick="javascript:addNumbers()"/> 
    <input type="text" id="answer" name="answer" value=""/> 
</body> 
</html> 

感謝

回答

0

我會說這更是一個設計任務比單純的編碼任務。

當涉及到在WordPress生成的頁面上的某處輸出您的代碼時,我會建議使用wp_enqueue_script()來包含您的javascript。如果您確實需要內聯腳本代碼,則可以使用wp_headaction。要打印實際的form元素,on選項將掛接到the_contentfilter,並僅添加/預先添加內容。其他選項包括創建shortcode以允許用戶在頁面內容中插入[my_form],或者創建一個template tag以包含在主題模板文件中。

但所有這一切都取決於您的用戶的需求以及您打算使用此插件完成的任務。這就是說,它肯定是在WordPress的插件的概念,至少基本的瞭解具有Ersel阿克爾的建議,雖然插件做你問什麼,或者可能是一樣簡單一件好事:

// Enqueue javascript (placed in plugins.js in js subdir of plugin) 
wp_enqueue_script('plugin.js.handle', plugins_url('js/plugin.js', __FILE__), array()); 

// Add filter to the_content 
add_action('the_content', 'my_plugin_content'); 

// Append form to page content under certain conditions 
function my_plugin_content($content) { 

    $form = '<input type="text" id="value1" name="value1" value="1"/> <input type="text" id="value2" name="value2" value="2"/> <input type="button" name="Sumbit" value="Click here" onclick="javascript:addNumbers()"/> <input type="text" id="answer" name="answer" value=""/>'; 

    if (some_magic_conditions_are_met()) { 
     return $content . $form; 
    } 

    return $content; 
}