2016-12-20 1 views
0

まず、javascript、jqueryなどで作業したことがないと思います。ブートストラップのドキュメントを読んでいる間、私は静かに混乱していますが、私はJavaScriptを使ってPythonを呼び出すことができると私は読んできました。bootstrapでPythonを呼び出し、マウスでJavaScriptを実行して実行します。

私は、backend stuffのためにフラスコとPythonを実行していますが、html idがの場合、pythonを呼び出す必要があります。をマウスでクリックします。ここで

は、いくつかのサンプルhtmlです:。

<body> 
    <button class="btn btn-default" type="button" id="firstbutton">Button</button> 
    <button class="btn btn-default" type="button" id="secondbutton">Button</button> 
</body> 

私はそれはJavaScriptを使用して、本体の背景色の変更を呼び出すことは非常に簡単ですが、私の仕事のために私のpythonを呼び出すためのコードを参照する必要があります知っている(I知っている、私は知っている...しかし、私は本当にプロセスを見たいと思う)。誰かがとても素敵で、簡単にこれがどのように動作するかを一歩一歩説明することができますか?それは本当に感謝します。

それでは、と仮定しましょう:>id="firstbutton"

  • onmouseover>体が赤になり(背景色)
  • onmouseover>id="secondbutton">ボディは黒(背景色)に行く
+1

'$( "#のfirstbutton")。'あなたにイベントリスナーを追加する方法ですjQueryでボディの背景色を変更するid。あなたがPythonコードを呼び出すことについて何を言っているのか分かりません...ブラウザはPythonを実行できません。サーバだけなので、サーバに何かをさせる必要がある場合はXHR呼び出しを行います。 – abigperson

+0

それは事のようにそれについて考えてみましょう。 HTMLはコンテンツに使用され、CSSはスタイリングに使用され、JavaScriptはページを更新せずにコンテンツを変更するなどの動的フロントエンド用です。 –

+0

はい、私はそれをすべて理解しています。しかし私はバックグラウンド操作があり、実際にはPythonを実行する必要があります。 –

答えて

0

私はhttp://flask.pocoo.org/docs/0.11/patterns/jquery/のコードを出発点として類似の何かをすることになった。

基本的な考え方は、あなたが実行したいすべてのpythonを含む「ヘルパールート」を持っているし、そのヘルパールートに必要なデータを送信するためにjQueryを使用することです。その後、Pythonのルートから返されたデータ(この場合はJSON)を取得し、返されたデータに基づいて任意のHTML操作を実行します。 ( "マウスオーバー"、機能(){$(ボディ)の.css( "backgroundColorの"、 "赤");});上の

関連する問題