問題タブ [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.
jquery - jQuerySelectableテキスト値の取得
順序付けされていないアイテムのリストがあります(このリストは数百のアイテムの長さになる可能性があります)。ユーザーがアイテムをクリックすると、オプションの右側に選択内容が表示されます。jQueryの選択可能と並べ替え可能の組み合わせを使用しています(ただし、オプションをクリックすると並べ替え可能は失われます)。ユーザーに表示される値は、選択したアイテムのインデックスです。代わりに、ユーザーの広告申込情報のテキスト値を表示したいのですが、予想どおり、text()値を取得すると、すべての広告申込情報のテキスト値が返されます。
選択したテキストだけを取得してユーザーに表示するにはどうすればよいですか?
HTML:
JS:
完全な例はJSFiddleにあります:http://jsfiddle.net/Jk6ZH/1/
前もって感謝します。
jquery - フルカレンダーで週全体を選択
クリックするだけで月ビューで選択された週全体を作成してから、このイベントを作成しようとするfullcalendarプラグインに問題があります。つまり、特定の週のいずれかの日をクリックすると、その週が強調表示され、イベントが作成されます。その後、このイベントをデータベースに入力する必要があります。
これは私がこれまでに持っているものです:
どんな助けでも大歓迎です。
ajax - jqueryで選択した行をDjango 1.5ビューに投稿します
<tr>
ID として PK を持つ複数のテーブルがあります。これらを Django 1.5 ビューに POST しようとし<tr>
ていますが、データを適切に送信する方法がわかりません。
この JavaScript 関数を作成し、正常に投稿しましたが、selected_rows の ID を送信する方法と、クラス ベースの Django ビューでそれらを取得する方法がわかりません。
Djangoのビューは次のようなものだと思います
私も試してみました
と
ただし、上記のように分割するのではなく、同じデータベースクエリですべての行を処理する方がよいと思います。でも、上記のように分割すれば、ちゃんと更新されたか確認できるので、そちらの方がいいのではないでしょうか?
php - 選択可能な Jquery と php
選択したアイテムを選択可能な Jquery から php ページに送信する方法を探しています
しかし、それは間違っていて、どこが間違っているのかわかりません!
jquery - マルチ JQuery UI 選択可能
Jquery Selectable プラグインを使用して、PHP で小さなソフトウェアを作成しています。選択可能なすべての ajax でデータを保持し、それを php スクリプトに送信し、最後に php スクリプトの結果を出力する必要があります。これは私のHTMLです:
そして、これは私のJQueryコードです:
このコードは、アイテムを選択するたびに投稿リクエストを送信しますが、1 つだけでなく、現在の値で他の選択可能なものも送信する必要があります。助けが必要です =) 英語が下手で申し訳ありません。
編集私は解決するためにこの解決策も見つけました。
css - 選択可能なフォーム フィールド上の Alphatransparent PNG (スライド エンベロープ)
ポートフォリオ Web サイトの連絡フォームを構築しています。ユーザーが下にスクロールすると、そこから連絡フォームがスライドするページの下部に封筒が必要でした。これを行うには、3 つのレイヤー (絶対配置 DIV) を下から上に重ねて作成します。
前景画像はアルファ透過の 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 以上でも構わないと思います)
前もって感謝します!