JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  612

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

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

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

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

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

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

画像の開始点と終了点

画像の開始点と終了点を設定しようとしています。それで、キャンバスと画像があり、画像をキャンバスに配置すると、開始点/終了点の上にマウスを置いたときに小さな赤い円が点灯するようにしたいのですが、これは他の画像を接続して作成できることを意味します。例: 1) 画像をドラッグします。 2) 画像をキャンバスに配置します。 3) マウスを開始点/終了点に移動すると、小さな赤い点が点灯します。ご覧のとおり、赤い点はホバー時にのみ表示されます。もう 1 つの質問ですが、最初の質問を解決できれば、画像がグリル (正方形) に従っていません。これは html/js のコンストレジスタの例です。

P粉511757848 2023-08-31 12:24:51 0  1  574

flex css - 折り返すのではなく、特定の高さの後の要素をクリップします

境界線は静的な高さと幅を表します。図のように 3 回折り返すのではなく、項目 5 と 6 を 2 行目に残し、項目 3 と 6 を切り取りたいと思います。 Flex でこれを実現するにはどうすればよいですか?この問題を補うために、コンテナー (境界線で表示される) の幅をユーザーのアクションによってサイズ変更できます。広いときは。たとえば、4 つの要素を保持できる幅がある場合、4 つの要素すべてが 1 行目に表示され、残りの要素が 2 行目に表示されます。コンテナーの幅を折りたたむときは、以下の画像に示すように最大 2 行になるようにします。結果を次のようにしたいので、

P粉785957729 2024-04-01 14:02:02 0  1  522

PHP: サブフォルダー内のすべての画像を 1 つのフォルダーにコピーする方法 (サブフォルダーを作成する必要はありません!)

妻の誕生日パーティーのために、私はパーティーのゲストの画像を集めたウェブサイトを立ち上げ、記念品として素敵な本を作りました。ゲストはアカウントを持っており、画像を「自分の」フォルダーにアップロードします。私は現在、写真から動的にスライドショーを作成するツールを持っていますが、残念ながらサブフォルダーを横断することはできません。したがって、私の主な目標は、画像ファイルを指定されたフォルダーにコピーし、そこからスライドショーで取得できるようにすることです。次に、PHP スクリプトを cron として 5 分ごとに実行し、パーティーの間、画面に画像を表示します。見つけた

P粉877114798 2024-01-29 09:16:15 0  1  407

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  967

HTML テーブル内の画像を右揃えにする方法

Django Web サイトを作成し、結果を上部に小さなフォームのように表示したいと考えています。左側にテーブルがあり、右側のテーブルに 2 つの写真と別の列を追加したいと考えています。よりわかりやすく説明するために図を設計しました - ここに画像の説明を入力します これで、フォーム 1 と表のコードを書きました。バックエンドのコードも書きます。画像とフォーム2はフォームの右側にあるのでhtmlコードの書き方を知りたいです。任意の HTML コードを記述するだけで、表の下に表示されます。誰かが表の右側に写真とフォーム 2 を追加するのを手伝ってくれませんか?今私は

P粉555696738 2023-09-02 09:04:11 0  1  630

スロットを使用してカルーセルを作成するにはどうすればよいですか?

人々は、画像の配列を使用してカルーセルを作成する同じ方法を私に教え続けます。しかし、カルーセルの各スライドにライトボックス コンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場合、カルーセル配列に配置した画像のライトボックスの機能をオーバーライドしたくありません。それは素晴らしいことではありませんか？記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。スロットを使用した非常に良い例を見つけました。 GitHub 上の SSENSE による VueCarousel。 Web 開発にあまり熟練していない私には、彼が各スライドの表示をどの...

P粉817354783 2024-01-10 16:53:13 0  1  414

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

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

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

タイトルは次のように書き換えられました: CSS3 の 100vh 値はモバイル ブラウザでは固定されていません

非常に奇妙な問題があります...私が遭遇するすべてのブラウザーとモバイルバージョンで、次のような動作が発生します。ページをロードするとき、すべてのブラウザーにはトップメニュー（アドレスバーの表示など）があり、ページのスクロールを開始すると、それは上に滑り上がります。場合によっては、100vh はビューポートの表示部分でのみ計算されるため、ブラウザ バーが上にスライドすると、100vh が (ピクセル単位で) 増加し、寸法が変更されたため、すべてのレイアウトが再描画およびサイズ変更されます。効果が良くない場合、この問題は発生しますか？ビューポートの高さについて初めて聞いたとき、とても興奮しました...

P粉682987577 2023-08-21 16:49:22 0  2  500

PHP の配列: 新しい項目を追加したときの驚くべき結果

そこで、Instaloaderpython ライブラリによって収集された画像を収集し、Web サイト上のギャラリーに配置できるコードを作成しています。これらを問題なく収集して表示することができましたが、各投稿のヘッダーを実装し始めたところ、問題が発生しました。ライブラリが写真をダウンロードする方法は、コレクション内に複数の写真がある場合、コレクション内の画像の場所に基づいて投稿に _1、_2 などのサフィックスを追加し、.txt ファイルをタイトル。コレクションのフォルダー内容の例: 2022-12-26_14-14-01_UTC

P粉893457026 2024-03-31 14:10:42 0  1  532

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

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 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  357

JavaScript の基本メモ

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

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

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

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

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

ユーザーがあるページで画像をアップロードまたは変更し、別のページに表示できるようにするにはどうすればよいですか?

ユーザーがあるページに写真をアップロードして、別のページに表示できるようにするにはどうすればよいですか?ユーザーは画像を変更でき、他のページでも同様に変更されます。また、php/js/jquery/mysqli の中で最も効果的なものを使用することについても話しています。 (私はこの分野では初心者なので、簡単な言葉を使っていただければ幸いです:)) 編集: はい、初心者だと言いましたが、コーディングについて何も知らないという意味ではありません。 。また、YouTube や他のスタックオーバーフローの質問からいくつかの解決策を見ましたが、すべて

P粉298305266 2024-04-01 18:33:31 0  1  521

日付ピッカーが数字とハイフンのみを受け入れるように制限し、Vue で他の値を制限する方法

日付を処理するために vue2-datepickernpm パッケージを使用しています。日付入力では、すべての文字、数字、特殊文字を受け入れます。ただし、入力では数字、ハイフン、スラッシュのみを受け入れたいと考えています。通常の HTML 入力を使用してこれを簡単に実現できます。しかし、日付ピッカーでそれを実装するにはどうすればよいでしょうか?ご協力をいただければ幸いです。私が使用している npm リンクをよろしくお願いします。さまざまな値を受け入れる入力フィールドを示す画像。私が使用しているタグと属性は次のとおりです。 <date-picker:placeholder="フィ...

P粉729518806 2023-08-26 14:57:04 0  1  646

sublime3 を追加してシステム PHP をコンパイルする場合は、PHP ツールボックスを使用します。cmd php -v は役に立ちません。

他の人のチュートリアルに従い、システム変数パス: D:\myphp_www\PHPTutorial\php\php-5.6.27-nts を追加します。cmd を使用して php -v をテストします。php が内部コマンドでも外部コマンドでもないこと、また内部コマンドでも外部コマンドでもないことを確認するメッセージが表示されます。それは実行可能なプログラムです。つまり、上記の追加は効果がありません。cmd を使用して php-5.6.27-nts で php-win.exe を実行し、php -v をテストすると、php バージョンの内容を出力できますが、新しく開かれた cmd php -v...

phpcn_u8340 2017-07-04 07:20:15 0  1  1508

自動検索プロンプト (補完) についてはすでに優れたソリューションが存在します。なぜ車輪を再発明する必要があるのでしょうか。

インテリジェント プロンプト機能の実装には、JavaScript、ajax、データベース、jsp/php に関する多くの知識が必要です。データ量が多い場合は、特別な最適化が必要です。小さな機能に多大な労力を費やすのは適切ではありませんが、ユーザーにとっては、入力コストを効果的に削減できます。入力ボックスに向かうときに、より多くのプロンプトが表示され、混乱したり無力になったりすることがなくなります。ウェブマスターにとっては、重要な情報を優先することができます。ウェブサイト。

panie 2017-06-29 16:03:09 0  1  1801

Chrome モバイル ウェブでレイアウト/ビジュアル ビューポートを変更した後、タイトルをビジュアル ビューポートの上に表示し続けるにはどうすればよいですか?

これに関連する質問が複数あることは承知していますが、これらの質問がされてからブラウザー チームが変更を行ったため、どれも有効ではないようです。この問題に対する最新の解決策を見つけようとしています。目標 私の望みは、モバイル Web ブラウザーを使用するとき、特にユーザーが入力フィールドにフォーカスしていて仮想キーボードが表示されているときに、固定ヘッダーを上部に固定してアプリのようなエクスペリエンスを実現することです。背景コンテキスト 最近、Chrome モバイル チームは、iOS 上の Chrome でより適切に動作するように、モバイル Web レイアウトとビジュアル ビューポートのサイズを...

P粉833546953 2024-03-28 00:24:35 0  1  391