問題タブ [selectable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
3423 参照

jquery - jQuerySelectableテキスト値の取得

順序付けされていないアイテムのリストがあります(このリストは数百のアイテムの長さになる可能性があります)。ユーザーがアイテムをクリックすると、オプションの右側に選択内容が表示されます。jQueryの選択可能と並べ替え可能の組み合わせを使用しています(ただし、オプションをクリックすると並べ替え可能は失われます)。ユーザーに表示される値は、選択したアイテムのインデックスです。代わりに、ユーザーの広告申込情報のテキスト値を表示したいのですが、予想どおり、text()値を取得すると、すべての広告申込情報のテキスト値が返されます。

選択したテキストだけを取得してユーザーに表示するにはどうすればよいですか?

HTML:

JS:

完全な例はJSFiddleにあります:http://jsfiddle.net/Jk6ZH/1/

前もって感謝します。

0 投票する
2 に答える
2116 参照

jquery - フルカレンダーで週全体を選択

クリックするだけで月ビューで選択された週全体を作成してから、このイベントを作成しようとするfullcalendarプラグインに問題があります。つまり、特定の週のいずれかの日をクリックすると、その週が強調表示され、イベントが作成されます。その後、このイベントをデータベースに入力する必要があります。

これは私がこれまでに持っているものです:

どんな助けでも大歓迎です。

0 投票する
1 に答える
453 参照

ajax - jqueryで選択した行をDjango 1.5ビューに投稿します

<tr>ID として PK を持つ複数のテーブルがあります。これらを Django 1.5 ビューに POST しようとし<tr>ていますが、データを適切に送信する方法がわかりません。

この JavaScript 関数を作成し、正常に投稿しましたが、selected_rows の ID を送信する方法と、クラス ベースの Django ビューでそれらを取得する方法がわかりません。

Djangoのビューは次のようなものだと思います

私も試してみました

ただし、上記のように分割するのではなく、同じデータベースクエリですべての行を処理する方がよいと思います。でも、上記のように分割すれば、ちゃんと更新されたか確認できるので、そちらの方がいいのではないでしょうか?

0 投票する
1 に答える
310 参照

php - 選択可能な Jquery と php

選択したアイテムを選択可能な Jquery から php ページに送信する方法を探しています

しかし、それは間違っていて、どこが間違っているのかわかりません!

0 投票する
1 に答える
121 参照

jquery - マルチ JQuery UI 選択可能

Jquery Selectable プラグインを使用して、PHP で小さなソフトウェアを作成しています。選択可能なすべての ajax でデータを保持し、それを php スクリプトに送信し、最後に php スクリプトの結果を出力する必要があります。これは私のHTMLです:

そして、これは私のJQueryコードです:

このコードは、アイテムを選択するたびに投稿リクエストを送信しますが、1 つだけでなく、現在の値で他の選択可能なものも送信する必要があります。助けが必要です =) 英語が下手で申し訳ありません。

編集私は解決するためにこの解決策も見つけました。

0 投票する
0 に答える
145 参照

css - 選択可能なフォーム フィールド上の Alphatransparent PNG (スライド エンベロープ)

ポートフォリオ Web サイトの連絡フォームを構築しています。ユーザーが下にスクロールすると、そこから連絡フォームがスライドするページの下部に封筒が必要でした。これを行うには、3 つのレイヤー (絶対配置 DIV) を下から上に重ねて作成します。

  • #envelopeBack(背景画像のみを含む)
  • #envelopeContents(実際のお問い合わせフォームを含む)
  • #envelopeFront(背景画像のみを含む)

前景画像はアルファ透過の PNG ファイルです。#envelopeBack次に、適切なタイミングでとの両方#envelopeFrontを設定する jQuery を作成position: fixedし、 の高さを拡張して#envelopeContents、エンベロープから滑り落ちているように見せます。

効果はうまく機能していますが、予想どおり、#envelopeFrontレイヤーは下にある連絡先フォームとのすべてのやり取りをブロックし#envelopeContentsます (つまり、ボタンをクリックしたり、フィールドを選択したりすることはできません)。を使用してこれに対抗しましたが、一部のブラウザーpointer-events: noneでのみ機能します(たとえば、Chrome では機能しますが、IE では機能しません)。

これをすべての「主要なブラウザ」で機能させる方法はありますか? このスライディング エンベロープ効果を実装するためのより良い方法はありますか? 関連するコードの一部をコピーしてjsFiddleに貼り付けました。また、非表示になっている部分を示すために に赤background-colorを適用しました#envelopeFront(CSS 行 34)。これpointer-events: noneは CSS の 38 行目にあります。「主要なブラウザ」については、次のとおりです。

  • Chrome(最新版でOK)
  • Firefox(最新版でOK)
  • Safari (バージョン 5 以降)
  • Internet Explorer (8 以上、ただし 9 以上でも構わないと思います)

前もって感謝します!