html5 - vue コンポーネントを使用して関数を実装する場合の問題

図に示すように: 入力テキストをクリアするには、[クリア] ボタンをクリックします。このとき、入力はフォーカスを失うため、対応するクリア ボタンも非表示になります。解決する必要がある: 入力テキストをクリアするとき、フォーカスはまだテキストにあります。を入力してもクリアボタンが表示されたままになります。

扔个三星炸死你 2017-06-17 09:17:03 0  2  879

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックス レイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  388

Summernote エディタに直接コピーした画像のアップロードと表示の問題

画像ボタンを使用せずに、Summernote エディタに直接コピーした画像をアップロードするのに問題があります。問題の概要とこれまでに行った手順を次に示します。 Summernote を Web アプリケーションに統合し、貼り付け機能を有効にして、ユーザーが画像をコピーしてエディタに直接貼り付けることができるようにしました。画像を貼り付けると、エディターに不明な画像として表示されます。ただし、AJAX を使用して画像をアップロードし、サーバーに保存しているときに、サーバーから画像を取得して Summernote エディターで表示しようとすると、画像が

P粉505917590 2024-03-21 23:48:43 0  1  510

アンドロイド初心者。 NetEase ニュース ページのような 1 段落のテキスト、1 つの画像、1 段落のテキストを実装するにはどうすればよいですか?

TextView にはテキストが表示され、ImageView には画像が表示されることはわかっています。ただし、ニュース コンテンツは動的であり、複数のテキストや画像が含まれる場合があり、その数は変動します。これを達成するにはどうすればよいでしょうか? また、編集者と同様に、編集したニュース コンテンツは CKEditor などの HTML エディタを使用し、HTML 形式のフィールドに保存します。

曾经蜡笔没有小新 2017-05-16 13:30:18 0  11  1780

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  359

Vue の遅延読み込みバナー

ページには 5 つのバナーがあり、ユーザーのクリックに基づいて表示または非表示を選択します。この時点で、バナー データは API から取得されており、API 上のバナー エントリごとにバナー コンポーネントを繰り返しています。ユーザーがクリックした後にのみ画像をダウンロードする方法はありますか?遅延読み込みのネイティブ動作を試しましたが、画像はすべて最初のスクロールに表示され、ユーザーのクリックによって画像を表示または非表示にするため、最初に画像が読み込まれます。 <banner-basev-for="bannerinentry.banners":key="...

P粉041758700 2024-03-28 23:03:47 0  1  475

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  448

タイトルが次のように書き換えられました: BLOB イメージのレンダリングに関する問題

こんにちは、mysql に jpg 画像を BLOB 形式で保存しました。 PHP を使用してビュー ページに画像をレンダリングする際に問題が発生します。 header('Content-type:image/jpeg') を使用すると、画像にエラーが含まれているため表示できないため、ページにメッセージが表示されます。ヘッダー機能を使用せずに印刷すると、ジャンク テキストが表示されます。これは私のコードです: functionloadImage(){//connecttodbmysql_select_d

P粉814160988 2023-10-31 08:54:55 0  2  705

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  429

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1058

Safari: Webcamjs がライブ画像を正確にキャプチャしない

私は監視システムを開発しています。このシステムでは、x 分ごとにユーザーの画像を撮影し (ユーザーの許可を得て)、Web カメラの HTML 要素がユーザーに表示されないようにする必要があります。ただし、Safari ではキャプチャした画像に古い画像が表示される場合があります。 webcamjs を使用してモック アプリケーションを作成しました。Webcam ノードがビューポートから非表示になっている場合にのみ、このアプリケーションを Safari で再現できます。ビューポートから Web カメラ要素を非表示にするために、次のスタイル #webcam{position:fixed;top:-1...

P粉338969567 2024-02-17 15:12:30 0  1  374

JavaScript - スワイパー画像をスワイプできません

質問の件名は、要求されたデータがなかったため Vue で書かれていたため、偽のデータが作成されました: これは動的に生成された img タグであり、ページ上で使用されます: しかし、Chrome を開いて効果を見ると、これはスワイプできず、最初の画像しか表示されないということですが、その写真の動的生成された画像も以下のように正しい構造になっているのですが、なぜ描画できないのでしょうか...

黄舟 2017-07-05 10:48:46 0  6  1279

ReactJS を使用して要素を非表示にする方法

画面上に文字を表示し、ボタンを押したときだけ非表示にしたいのですが、方法がわかりません。この効果を実現するために useState を使用したい: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>私が見つけた問題は、ボタンをクリックするとページが再レンダリングすると、可視性の値がデフォルトになります。

P粉136356287 2023-09-07 19:21:22 0  2  497

iOS Safari でページを上に移動してポップアップ キーボードを収容する方法

iPhoneのSafariでキーボードが表示されているときにページを上に移動するにはどうすればよいですか?現在、入力ボックスに注目するとキーボードが入力ボックスを覆います。キーボードを入力ボックスの下に置きたいです。誰か助けてくれませんか？入力ボックスがフォーカスを失ったときにこの効果をキャンセルするにはどうすればよいですか?

P粉715228019 2023-08-09 17:01:31 0  1  690

javascript - h5のcanvasタグを非表示にして再度表示した後に位置が異なるように調整するにはどうすればよいですか?

jsで動的に追加したcanvasタグを利用して線を描画し、特定の位置に絶対配置するようにしました デフォルトでは表示されていますが、製品的には非表示にできることが必須なので、非表示・表示が可能なボタンを作りましたHide() と show() を使用します。なぜ Hide() の後に show() を使用するのか、canvas...

巴扎黑 2017-05-24 11:37:35 0  1  1018

フォーカスが機能しないときに非表示を表示からブロックを表示に変更する

「searchbarinput」をクリックしたときに「searchbardropdown」を表示させようとしていますが、うまくいきません。何が起こっているのか知っている人はいますか?ありがとう！この図では、入力にフォーカスが当たると背景色が変化しますが、ドロップダウンは表示されないことがわかります。 .searchbardropdown{display:none;}.searchbarinput:focus.searchbardropdown{display:block;}.searchb

P粉301523298 2024-04-04 14:24:47 0  1  512

JavaScript を使用して、ONCLICK を使用せずにラジオ ボタンの選択に基づいて div の可視性を制御する

部分的に有効な HTML コードがいくつかあります。ラジオボタンの選択に基づいてテキスト入力を表示しようとしています。私にとってそれがどのように機能するかというと、ラジオボタンを押すと他のオプションが非表示になりますが、画面が最初にロードされると3つのオプションがすべて表示されます。これは、関数がクリック時に呼び出され、最初のラジオボタンの選択されたオプションがクリックを構成しないためだと思います。初めてリクエストしたときにのみ表示される onload イベント リスナーを作成しようとしましたが、うまくいきませんでした。これは私のコードです<%layout('layouts/boiler...

P粉212114661 2024-02-17 21:44:02 0  1  509

ヘッダー画像、テキスト、ボタンをレスポンシブにする方法

Bootstrap5を使ってWebサイトを作っています。ウェブサイトのヘッダーでは、Bootstrap のカルーセルをヘッダーに使用しています。カルーセル画像では、テキストやボタンを表示することもできます。画像、テキスト、ボタンをレスポンシブにしたい。メディアクエリを使ってみましたがやり方がわかりません。 test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15 0  1  757

スタイル付きコンポーネントでマップ関数を使用してデータを処理するにはどうすればよいでしょうか?

マップ機能の使い方を練習中です。 jsonファイルを作成したので、map関数を使って各データを表示したいと思います。データは非常にうまく転送されます。しかし、問題は画像の表示方法です。画像はすべて 1 つのファイル内にあり、画像を表示する方法は、background-position を使用して画像の一部を表示することです。これを行うには、「target」の「background-position」値を json ファイルに入力します。質問ですが、この数値を渡す方法がわかりません。コードを書いてみましたが、うまくいきません。値を次のようなものに渡すと思いました

P粉982009874 2024-03-30 18:06:00 0  1  493

特定のメタ値を持つ製品を含む Woocommerce カテゴリのみを表示します

私は Woocommerce ストアの B2B 部分を開発しています。 woocommerce_product_query_meta_query を正常にフィルタリングして、b2b 部分が有効になっている製品のみを b2b ユーザーに表示しました。ただし、Woocommerce カテゴリ ウィジェットで 0 件の結果が表示される製品カテゴリを非表示にする方法が見つかりません (そのカテゴリには b2b セクションが有効になっている製品がないため)。デフォルトの Woocommerce ウィジェット コードを書き換えて、カテゴリ (およびサブカテゴリ) ごとに w を実行することを検討しました。

P粉037215587 2024-01-10 17:16:58 0  2  442