問題タブ [hidden]
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.
html - html ページに追加データを保存する
HTMLページにいくつかの追加データを保存し、クライアントの要求に応じてこのデータを使用して、JSを使用してさまざまなものを表示したいと考えています。このデータをどのように保存すればよいですか? 目に見えないdiv、または何か他のもので?標準的な方法はありますか?
javascript - 非表示のdiv-スタイル表示なしでレイテンシを短縮+javascript
私は通常、JavaScriptで非表示にする必要が生じるまで、ページで非表示のdivを使用します。以前はjavascriptを使用して最初の非表示を実行していましたが、非表示が確実に行われるように、cssを使用して非表示にするようになりました(ブラウザーでjsが無効になっています)。また、jsの非表示(jsがロードされるのを待つ)に遅延の問題がありました。
私の問題は、cssでもまだレイテンシーがあるので、以下のようなマークアップのスタイルを含めることになり、それを行うのが嫌いで、何か間違ったことをしているように感じます。
あなたたちはどれくらいの頻度でこれをしますか?そして、マークアップの残りの部分の前に、cssまたはjsを何らかの方法でロードする方法はありますか?
前もって感謝します
javascript - ドロップダウンの変更時に非表示のフォーム値を設定するJavascript-Javascript配列から入力されないオプション
2つの配列を作成するJavascriptコードがあります。1つは製品カテゴリ用で、もう1つは製品用です。
ただし、ユーザーが製品カテゴリまたは製品を選択する前に、使用するキャンペーンのタイプを選択する必要があります。したがって、「キャンペーン」の選択(イベント)は、製品カテゴリを選択するための非表示のドロップダウンメニューをトリガーします。製品カテゴリを選択すると、[製品]ドロップダウンが表示され、ユーザーは適切なオプションから選択できます。
私の唯一の問題:製品カテゴリが正しく入力されていません。オプションは表示されませんが、1つを選択すると、それに応じて[製品オプション]ドロップダウンが表示されます。私はとても混乱しています...
JScriptコードは次のとおりです。
これが私の.phpファイルからのコードです:
よろしく、
ビジェイ
jquery - jqueryを使用して非表示のメニュードロップダウンをページの上部に表示するにはどうすればよいですか?
以前にこれが行われたのを見たことがありますが、方法がわかりません。
ページが読み込まれると、非表示のセクションがページの上部にドロップダウンされるようにします (おそらく高さ約 100 ピクセル)。理想的には、(ページの上部に表示されるのではなく) ページ全体も下に移動したいと考えています。秘密の領域の上隅には「閉じる」ボタンが必要です。これをクリックすると、実際のページが上にスライドしてセクションを覆います。
これに名前があることは知っていますが、それが何であるかはわかりません。jquery関連だと思います。
誰かが私を正しい方向に向けることができますか?
javascript - jqueryanimateの後に非表示のdivを表示する
だから私はjqueryのアニメーションの後に見えないdivを表示する方法を理解しようとしています。divを表示するコードは次のとおりです。
divを非表示にするcss:
クリック時のアニメーション:
#menu_h
アニメーションが完了した後にbox_greendivが表示されるようにするにはどうすればよいですか?また、非表示のdivもあると#box_yellow
しましょう。box_greenを再びフェードアウトした後(再び非表示にした後)、どうすれば(box_green divと同じ効果で)表示できるようになりますか。私は実際に5つのdiv(box_greenとbox_yellowはそのうちの2つです)を持っており、「現在表示されているdivをオフにしてdivがクリックされていることを表示する」イベントが必要です。
bash - 隠しファイルをBashでフィルタリングする(バッチ画像サイズ変更スクリプト用)
画像をバッチサイズ変更するスクリプトを書いています。もともとは操作を適用していたのfor file in $(ls $1)
ですが、グロブを使えるようにしたいと思っているので、もっと似たようなものを探していfor file in $(echo $1)
ます。問題は、dotglobが有効になっている場合と有効になっていない場合があるため、echo *
隠しファイル(特に、.DS_Store)が返されconvert
、エラーが発生してスクリプトが停止する可能性があることです。コマンドのデフォルトの動作は、cd
画像でいっぱいのディレクトリに移動して実行すると、 dotglobが有効になっているかどうかに関係なく、隠しファイルを除くresize * 400x400 jpg
すべての画像のサイズが変更されるようにしたいと思います。
だから、擬似コードで、私は探しています:
これが古い振る舞いの私のスクリプトです。解決策が見つかったら、新しい動作で更新されます:
現在のスクリプトは次のとおりです。
コマンドresize * 400x400
を指定すると、convertは.DS_Store(OSXシステム上のすべてのファイルに存在する隠しファイル)を処理できないため、エラーをスローします。非表示の画像を処理することは決してないので、自動的にフィルタリングしたいと思います。私はgrepまたはfindを使用してこれを実行しようとしていますが、まだ理解していません。
新しいスクリプトはここにあります:
css - CSS ターゲット IE6 を有効に
基本的に私は少しジレンマに陥っています...いつものように、IE6はCSSのいくつかの小さな行を台無しにしています。
すべてを修正する必要があるのは次のとおりです。
それでおしまい。しかし、ここに問題があります。これは大学で割り当てられたコースワーク用であり、有効である必要があるcssファイルは1つだけと言われています。そして、条件付きコメントはありません:S だから私の計画があります. IE6 のみ (7+ などではなく) をターゲットにして、有効な CSS ファイルを維持する方法はありますか?
PS: あなたが言う前に、CSS などを再考する必要があります。CSS ドロップダウン メニューとネストされた要素がリンク コンテナーを引き伸ばしているため、オーバーフローを非表示に設定する必要があります。IE6のみがこれを必要とします:S
私の解決策を編集してください:
他のすべてのブラウザは最初の値を使用し、2 番目の値に !important がない限り 2 番目の値を無視するため、機能します :D
jquery - jQuery:隠し要素 - 一般的な質問
要素が非表示になっていると、読むことができません。それらの寸法、これは一般的な JavaScript の問題ですか、それとも jQuery に回避策がありますか?
私は例えば持っています。ウィジェットを含む一部のタブは、非表示になっているため初期化が正しく機能しません。
どうも
php - 非表示の div を使用したデータのキャッシュ
次のようにして、ajax Web アプリケーションの応答時間を短縮しようとしています。
ユーザーが、コンテンツが変更されないページ (Web フォームなど) をリクエストしたとします。ユーザーが別のリクエストを行うと、非表示の div に入れてフォームを「キャッシュ」します。新しい情報を表示する前に。したがって、フォームは基本的にブラウザにロードされたままですが、ユーザーには表示されません。ユーザーが同じフォームを再度要求すると、非表示の div から読み込まれます。これは、フォームのサーバーへのラウンドトリップを行うよりもはるかに高速です。
ブラウザが大量のメモリを保持するようになるため、大量のデータでこれを行うと、おそらくパフォーマンスが低下することを認識しています。ただし、この方法で「キャッシュ」される量に制限を設けます。
今、私は自分でこれを思いついたので、これを行うためのより良い/確立された方法があるかどうか知りたいのです. 期待どおりに機能しますが、考えられる欠点が何であるかはわかりません(おそらくセキュリティ関連ですか?)。
提案をいただければ幸いです。どうもありがとう。
jquery - Jqueryの「スライドアップ」機能で隠されたリストアイテムを印刷可能
印刷時にこのアコーディオンを拡張させようとしています。javascriptをオフにすると、コードは正常に劣化しますが、印刷時に拡張されません。
これがそのデモで、どのように機能するかを確認できます:http: //evanmoore.webs.com/test.htm
手伝ってくれてどうもありがとう!
以下はコードです: