2012-03-02 13 views
2

私は簡単な計算を行う簡単なHTMLフォームのプラグインを作成する必要があります。ここに私のフォームコードです。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要素を印刷するには、オプションでthe_contentfilterに接続し、内容を追加/追加するだけです。その他のオプションには、shortcodeを作成して、ユーザーが[my_form]をページのコンテンツに挿入できるようにするか、またはtemplate tagをテーマテンプレートファイルに含めることができます。

しかし、これらのすべては、実際にユーザーのニーズとこのプラグインで達成しようとしているものによって異なります。それそれは間違いなく、されたERSELアーケルにより示唆されるように、プラグインは、あなたが求めているかのような単純なものかもしれない何をしても、WordPressのプラグインの概念上の少なくとも基本的な理解を持つ良いこと:いいえ、いくつかの非常に

// 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; 
} 
関連する問題