1

私はWebページを開発していますが、ある瞬間、画像上のクリックボタンのX座標とY座標を取得します。送信ボタンを押したときに、これらの値をサーバーに渡したいのですが。

画像をクリックすると、ポップオーバーが開きます。入力テキストと送信ボタンがあります。

$('.ImgMapa').popover({
        html: true,
        trigger: 'manual',
        title: "<form action='adiciona'><input type='text' name='nome'/>"
            + "<button type='submit' id='saveStore' class='btn' value='Save'>Save</button></form>"
    })

サーブレットを宣言し、フォームに関連付けました。入力テキストの文字列をサーバーに正常に送信できます。そのために、私は次のようなHttpServletクラスを使用しています。

public class AddInfo extends HttpServlet {

    @Override
    public void service(ServletRequest request, ServletResponse response)
            throws ServletException, IOException {

        PrintWriter out = response.getWriter();

        String name = request.getParameter("nome");
}

そのコードで、ポップオーバーに挿入された名前の値を取得できます。しかし、どうすればX座標とY座標も渡すことができますか？

Obs.:X座標とY座標を持つ2つのJavaScript変数がすでにあります。ポップオーバーの送信ボタンが押されたときに、これら2つの値をサーバーに渡すだけです。

4

1 に答える 1

3

他にも洗練された方法がありますが、最も簡単な方法は、非表示の入力フィールドを作成することです。次に、GET / POSTの前に、onclickイベントハンドラーを使用して、値をX、Y値に設定します。

HTML：

<input type=hidden name="xValue"/>  
<input type=hidden name="yValue"/>

JavaScript：

<script>  
 function submitxy(x , y){  
    document.form.xValue.value = x;   
    document.form.yValue.value = y;   
 }  
</script>
于 2013-02-25T03:01:31.587 に答える