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

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

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

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3858

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  812

css3 - CSS フォント スタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォント スタイルがあります。 ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラー エラーは次のようになります。 スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27 0  2  1302

Joi 検証で問題を引き起こす特殊文字

テキスト ボックスの内容を 250 単語に制限したいと考えています。これを達成するために joi 検証を使用しています。すべての文字 (特殊文字を含む) をカウントし、250 単語のみを許可する必要があります。しかし、次の問題に遭遇しました。最初の特殊文字が表示されるとすぐに、3 単語後であっても、「このセクションは 250 文字を超えることはできません」という joi 検証エラーが表示されます。 PDF からコンテンツをコピーして貼り付けると、画面がフリーズします。したがって、私の攘夷図式には何か問題があると思います。説明1:Joi.string().regex(/^(([\

P粉267791326 2023-08-31 09:52:18 0  1  600

PHPを使用したオンラインアンケートの開発方法

PHP でオンラインアンケートを開発 PHP を使用してオンラインアンケートを開発します (正常と異常のオプションがあります) 実現したい機能は、アンケートを送信した後、異常な質問が送信後のインターフェイスに表示されることです QR コードをスキャンします送信後の画面が表示されますので、入力内容はその日限り有効で、翌日から再度入力可能となります。完全なコードを教えてください。アドバイスをお願いします。

李杨 2020-03-06 21:54:33 0  0  837

JavaScriptを使用して表示された形式のデータフィールドに追加の値を追加します

私はこれを達成しようとしています: ユーザーが入力したデータを収集し、それを画面に印刷するフォームを作成したいと考えています。これまでのところ、以下のコード スニペットでほぼ実用的な効果を達成していますが、「タスク 1」と「タスク 2」の追加データ値を (それらの値の前に) 表示するには、「textone」フィールドと「textTWO」フィールドが必要です。 )functiontestVariable(){varstrText=document.getElementById("textone"

P粉598140294 2024-04-04 15:17:13 0  1  3803

特定の人（ID）の要素を合計する方法 - laravel

こんにちは。特定の人 (ID) のテーブル列を合計するにはどうすればよいですか。たとえば、次のようなテーブルがあります (これはテーブル ProjectHistory テーブルです)。 colabs ビューで特定のコラボレータのすべての合計を表示したいとします。たとえば、以下の画像を参照してください。 (これはコラボレーターのテーブルです) それで、写真を見ると、「David」の id2 がコラボしていることがわかります。そこでID 2のcolabのProjectHistoryテーブルの「Suma」列の合計(3+500=503)を出力したいと思います。全てのコラボでこれをやりたい

P粉450079266 2023-09-04 16:39:02 0  1  443

満足のいくWebデザインを作成する方法

自分のデザインを表示することはできません。リデザインして作りたいと思っています。 Web デザインの作成は多面的なプロセスであり、美しさ、機能性、ユーザー エクスペリエンスをシームレスに融合させる必要があります。それは、Web サイトの目的、対象ユーザー、ブランドを深く理解することから始まります。適切にデザインされた Web ページには、コンテンツの本質を捉えるだけでなく、ナビゲーションのしやすさを保証する、視覚的に魅力的なレイアウトが必要です。色の組み合わせ、フォント、画像の選択は、適切なメッセージを伝え、強力な視覚的アイデンティティを確立する上で重要な役割を果たします。レスポンシブデザイン...

P粉908643611 2023-08-10 17:09:33 0  1  575

2 つの fill.Rect 関数間の衝突を検出します。

1 人のプレイヤーが矢印キーで制御され、もう 1 人のプレイヤーが WSAD キーで制御されるゲームがあります。 600x600 のキャンバスにマップを設定しており、ゲームの塗りつぶしに 2 人のプレイヤー間の衝突を追加したいと考えています。2 人のプレイヤーが特定の半径内にいるとき、プログラムを終了するか、「ゲーム終了」のようなテキストを表示します。これが私の js です。 、HTML および CSS コード (コード スニペットを表示するには、「全画面表示」に移動する必要があります): //Canvasmycan.style.display="block&quo

P粉145543872 2023-09-15 13:26:06 0  1  873

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1136

HTML 要素を使用せずに Web サイトからデータをスクレイピングするにはどうすればよいですか?

次の Web サイトからデータを収集して、特定のケースの詳細を見つけるにはどうすればよいですか?ケースの詳細を見つけるための手動手順は次のとおりです: https://www.claytoncountyga.gov/government/courts/court-case-inquiry/ に移動します。ボタン/入力を備えた JavaScript 読み込みフォームがあるようです。さらにケースの詳細を取得します - ケースを姓で検索するには「名前検索」を選択する必要があります - それをクリックすると、(2) と同じ要素に新しい画面が表示されます

P粉819533564 2024-03-20 10:55:29 0  1  535

标题重写：クイズのバグにより、正解を複数回押すとスコアが無限に増加します

そこで、私は学位取得用の CSS アニメーションを作成しています。特定の答えを持つ質問をループするようにクイズを設定しており、クイズは完全に機能します。ただし、正解するとスコアが低下することに気づきました。回答がすでに選択されており、初期スコア増加が追加されている場合でも、回答を初めて押すと増加します。それは、作成しているゲームの物語を提供するテキストが表示された画面から始まりますが、これも期待されているものです。これは単一ページのセットアップであり、すべてのページが親コンテナー内にあり、子コンテナー上のページをループします。 JQuery、HTML、CS の使用

P粉312195700 2024-02-21 19:36:54 0  2  502

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  918

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  797

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  674

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  649

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1070

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  559

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  757