[html] タグが付いた質問

HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。

絞り込み
並べ替え
タグ付けされた
0
0 回答
108 閲覧数

PythonでJリーグの試合ごとの前半・後半の得点をスクレイピングしたいです。

PyhonでJリーグの試合の前後半の得点をそれぞれスクレイピングで取得したいと考えています。 データはJリーグ公式から取得しようと考えています。 jリーグ公式サイト 横浜F・マリノスの試合のURL取得まではできましたが、他のチームもまとめてスクレイピングしたいです。 また、コードのurlは以下のurlを用いました。 コードに使用したurl そこから全ての試合のチーム名と対戦相手、前半、...
0
0 回答
71 閲覧数

【ラジオボタンの選択保持】「送信」ボタンを押した後でも、選択保持をしているラジオボタンを制作したいです。

実現したいこと ラジオボタンの選択保持 前提 この質問はマルチポストです。 下記URLでも質問しています。 https://teratail.com/questions/9pkuzcnadxkgq6 プラグイン「WCFM」商品編集画面の「金額」の項目をテキストボックスからラジオボタンに変更しています。 「送信」ボタンを押した後でも、選択保持をしているラジオボタンを制作したいです。 ...
0
1 回答
79 閲覧数

Pyscript「エラー500(Internal Server Error)」

https://pyscript.net/examples/simple_clock.html https://pyscript.net/examples/utils.py をPCにダウンロードし、実行すると動作します。しかし、サーバーにアップロードすると、以下のようなエラーが発生します。 (PY0500): Fetching from URL ./utils.py failed with ...
0
1 回答
845 閲覧数

Bootstrapのhamburgar menuが動かない

下記のドキュメントのExternal contentの章で記述されているサンプルコードをそのまま コピーすると、レイアウトはそのまま黒のヘッダーにアイコンという状態で再現できます。 https://getbootstrap.com/docs/4.1/components/navbar/ ただ、アイコンを押下してもメニューを展開できない状態です。 何か追加で設定する必要があるのでしょうか? &...
0
1 回答
90 閲覧数

ボタンのhoverが効かない

hoverが効きません。 デベロッパーツールで、要素の状態を強制にすると適応はされますが 実際にカーソル当てるだけでは効きません。 また、.cartの要素をクリックしてもトップページに移動しないので .cart a:hoverやz-indexで手前にくるように指定なども試しましてみましたが、効きませんでした。 よろしくお願いいたします。 .cart { display: block; ...
1
1 回答
49 閲覧数

Bootstrapでhover時に他のアイコンへ変えたい

Bootstrapでhover時にアイコンを変えたいです。 しかし、hoverすると画像のように黒い四角形になってしまいます。 よろしくお願いいたします。 .bi-person:hover::before { font-family: 'Bootstrap-icons'; content: '\F4DA'; background-color: #000; } .bi-bag:...
0
1 回答
53 閲覧数

Bootstrapでhover時に他のアイコンに変えたい

hover時に1-circleから、1-circle-fillのアイコンに変えたいです。 下記のように記述したところ、画像のように黒色の四角形になってしまいます。 よろしくお願い致します。 .header-icon .bi-i-circle:hover { font-family: 'Bootstrap-icons'; content: '\F796'; background-...
0
0 回答
56 閲覧数

HTMLにクラスルームの内容を表示したい

こんにちは、私はアプリケーションを作っており一つのことで躓いています。 HTMLにGoogle Classroomの各クラスのハイパーリンクを置いてるのですが、これをNodeJS(Javascript)に置き換えたいのですが具体的なコード例を教えていただけませんか? 日本語の情報が少なく検索をかけても他のプログラムのコード例しか出てこない(言い訳すみません)のでChatGPtに頼り切りなのです。 ...
0
1 回答
171 閲覧数

HTML/CSS/JSでまだら模様の波を実装したい

質問の背景 HTML/CSS/JSを使用した静的コーディングでWebサイトを制作しています。 その過程で、canvasで単色の波のアニメーションを使用しているのですが、 まだら模様で波を実装しなければならない箇所があり、お知恵を借りられれば幸いです。 実現したいこと 波打つ(1 つ 重なりなし) | 動くWebデザインアイディア帳 添付画像のようなまだら模様を、上記と同じ動きの波で実装したいです。 ...
0
0 回答
115 閲覧数

HTML内にscriptを記載して思っているようにしたいのですが、どうしても上手くいきません。どなたかご教授よろしくお願いします。

以下の四つの事が出来るようになりたいのですが、HTMLのタグの中のscriptタグの中にコードを書いてるのですがどうしてもどのようなコードを書けば良いかわかりません。 どなたかご教授ください。 1つ目:名前とニックネームを3回追記したらボタンを非表示(削除ではないのでDisplayではないとは思いますが)にし、それ以降は追記できない。 2つ目:tableタグとそれに関連するタグを利用し、登録した ...
0
2 回答
143 閲覧数

HTMLをコメントアウトをしても、その中に書いてあるPHP処理はコメントアウトされない、というのは何の仕様でどこに書いてありますか?

HTMLをコメントアウトをしても、その中に書いてあるPHP処理はコメントアウトされない、ということを今知ったのですが、これは何の仕様(HTML? PHP?)でどこに書いてありますか?
0
1 回答
80 閲覧数

li タグの要素が重なってしまう

以下のような記述をした時、私の環境だとliタグ一個目と二個目が中央で重なってしまうのですが、これは何が原因でしょうか? 開発環境はWindows 11・VSCode・XAMPPです。 /*============== 汎用設定 ===============*/ .white{ color: #fff; margin: auto; } /*============== ...
0
1 回答
80 閲覧数

絞り込み検索後の要素間の隙間を無くしたい

JavaScriptのワイルドカードでのあいまい検索検索結果後、opacity: 0 では検索結果後に要素間に隙間が出てしまうので、display:none にしてしまうと結果自体が消えてしまいます。 結果の隙間を無くしたいのですがどうすればよいでしょうか(*>人<) const filterButtons = document.querySelectorAll("[data-...
1
2 回答
156 閲覧数

select内に入れるとdata属性が効かないのでしょうか?

ドロップダウンに項目を入れようとして、selectを使用したところ結果が表示されなくなります。 divの時は動いていたので何か問題があるのだと思うのですが、何が問題なのかがわかりません。 何か足りない部分があるのでしょうか<(_ _)> <select> <option value="all" data-...
0
0 回答
71 閲覧数

phpがエラーになってしまう

create.htmlからcreate2.phpを起動するとエラーが表示されて本来表示したい文字が表示されないのですがどうしたらい エラーメッセージ: Warning: Undefined array key "password" in C:\xampp\htdocs\atupoke\create2.php on line 24 フォルダ構成: ┗create.html ┗...
-1
1 回答
76 閲覧数

Google App Scriptsで<meta>が反映されない

Google App Scriptsでスマホ向けのWebページを作りたいと考えているのですが、デプロイしても以下の<meta name="viewport" content="width=device-width, initial-scale=1.0">が反映されず、スマホで見た際に、PC用ページのように表示されてしまいます。...
1
1 回答
1,347 閲覧数

Nuxt.jsで画像読み込み時に404エラーが発生した際に代わりの画像に差し替えたい

https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404 上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。 しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
0
1 回答
109 閲覧数

PythonでのHTMLのrgba透過度の取得の方法を教えていただきたいです。

Pythonでfootball labというサイトのプレー割合(色の濃さ)を数年分スクレイピングしたいと考えているのですが、どのようにすれば取得できるか教えていただきたいです。 下図の場合、0.60,0.65,0.61,0,78...といった形でデータを取得したいと考えています。 よろしくお願いします。 football labの1試合のURL
0
0 回答
137 閲覧数

HTMLでボタンの表示位置を変更したい

この時ボタンの位置を上にしたいのですがどのようにすれば良いでしょうか? ファイルフォルダ ├test.html ├video ├back.mp4 ├back.ogv ├back.webm └css __└setting.css /*============== 背景動画設定 ===============*/ /*header設定*/ #header{ position: ...
0
1 回答
992 閲覧数

チェックボックスをJavascriptでチェックできてもinput type="checkbox" の後にcheckedが付かない

Python、seleniumで社内サイトをスクレイピングしているのですが、チェックボックスにチェックをいれてから、押すボタン【確定ボタン】があります。 そこで、seleniumでそのサイトまでアクセスしたのち、下記のスクリプトでチェックボックスにチェックを入れようと考えました。 script = 'document.querySelector("チェックボックスのCSSセレクタ&...
0
0 回答
42 閲覧数

jquery draggableで複数のdivの中だけを移動する方法がわかりません

jquery uiのdraggableでbodyのdivの中だけをdrag出来るようにしたいです。 containmentを使うと良いみたいですが、 containment: '.body', にすると、一つの.bodyの中でしかdrag出来ません。 全部の.bodyの中、つまり.headerを除いた全体で移動がしたいのですが、方法がわかりません。 snipetで確認が出来ます。 ...
1
1 回答
62 閲覧数

jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう

jqueryでdragしている間そのdivの内容の文字をtext()で変更すると resizeが出来なくなってしまうのです。 詳しくはsnipetで実行してみてください。 jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。 text()の代わりにhtml()にしても同じ現象が発生します。 変更した後にもう一度draggable()...
0
1 回答
52 閲覧数

アコーディオン表示のテーブルのフィルターがうまく動作しない

実現したいこと アコーディオン表示のテーブルに下記の動きをするフィルターを追加したい 小カテゴリのA,B,C,Dのセレクトボックスで任意の名前を選択すると、 名前が同じ行と選択した名前を含む中カテゴリのチーム名と大カテゴリのグループ名を表示 例: Cを選択した場合          困っていること フィルターでB,C,Dを選択したときに不正表示になってしまう ...
0
1 回答
1,622 閲覧数

phpを使ってログインした後の画面移動

前提・実現したいこと phpを使って、ログインした後に画像投稿フォームに飛んで画像を投稿できる機能を作っているのですが、 ログインした後に画像投稿フォームに飛ぶのですが、投稿した後に、別のページに飛んで、’アップロードされました。’などの表示がされ”戻る”ボタンを押すと、毎回ログインするページに飛び再度ログインしないとちゃんと投稿されているのか見れません。 ”戻る”...
0
1 回答
53 閲覧数

ハンバーガーメニューのボタンの設定

前提 現在JSのバニラ版のみでハンバーガーメニューを作成しています。 解決したい問題・エラー内容 現在このようなエラーが出てしまっていて動きません。 改善して3つ同時に動くような設定にしたいです。 Cannot read properties of undefined (reading 'toggle') 考察・試行した事 ・最初は線全てにIDをつけて付け替えをしようかと思ったのですが、...
0
2 回答
2,881 閲覧数

Form内にボタンを2つ設置し、各々別の処理をさせたい。

Form内にボタンを2つ設置し、各々別の処理(action)をさせることって可能ですか? 以下LaravelのBladeです。 例えば Next を教えたときに action method.a 、Finish で action method.b を実行させるという具合です。 <form method="post" action={{ route('method.a')}}&...
1
1 回答
75 閲覧数

入れ子にしたテーブルのアコーディオン表示がうまくいかない

実現したいこと テーブルのアコーディオン表示で、大カテゴリを押下すると中カテゴリ(child)が表示され、中カテゴリ(child)を押下すると小カテゴリ(grand)を表示したい。 困っていること 大カテゴリを押下すると中カテゴリは表示されますが、中カテゴリを押下しても小カテゴリが表示されない。 試したこと JSの動作を確認したところ、...
0
1 回答
316 閲覧数

ボタンを押したら対応する入力フォームが表示されるようにしたい

質問 後述のphpファイルにて以下のような動作を意図しています。 buttonを押す buttonに対応するidが、JavaScriptの.getElementByIdへ JavaScriptの.addEventlistener('click')、にて、押したbuttonのidと対応する入力フォームが表示される。 押したbutton以外の入力フォームは非表示になる。 しかし、...
0
1 回答
92 閲覧数

flexが効かない

均等に横並びに配置するために、下記のようにコードを書いたのですがflexが適用されません。もしこのコードをみて改善策がわかる方がいたら教えてください。  よろしくお願いします。 <nav class="global-nav_items"> <ul class="nav-list"> <li><...
0
1 回答
218 閲覧数

テーブルのアコーディオン表示について

実現したいこと HTML、javascripyを使用してテーブルのアコーディオン表示を綺麗に表示したい 試したこと パターン1:同じテーブル内にdetailの情報を追加 https://codepen.io/st410gaku/pen/xxmEeRB パターン2:trにtd,tableを追加し、detailの情報を追加 https://codepen.io/st410gaku/pen/...
0
1 回答
120 閲覧数

アコーディオンの開閉によって変わる高さをgsapに伝えたい

test1をスクロールに合わせて、画面内にでてきたらfadeInさせたいです。 ブラウザを読み込み、そのままスクロールするだけでしたら問題ないですが、 スクロールしたい要素の上にある.accordion-title 詳しくはこちら を開いた状態でスクロールすると、開閉により高さが変わり、test1がブラウザに出て来る前にfadein済みになってしまいます。 ...
1
1 回答
1,542 閲覧数

IE9でローカルのファイルを読み込むことは可能ですか?

やりたいことは下記のようにファイル名をinput要素で指定してもらい、ボタンを押したらその内容を取得したいです。 csvファイルを読み込むことを想定しています。 IE10以降ではFileAPIが使えるのですが、IE9では動きません。 下記のように書けばできるかと思いましたが、このコードは動きませんでした。 すいません、制約を書いてませんでした。 ...
0
0 回答
115 閲覧数

Flutter Web | デバッグでは正しく描画されるのにリリースビルドでは空白になる

flutter build webでビルドすると、生成されたindex.htmlを開いても空白から進みません。 flutter runでデバッグ実行すると画面が正しく描画されます。 また、flutter run --releaseでも正しく表示されます。 デバッグもリリースビルドも、ビルドすること自体は成功しています。 コード コードは特に変えていません。簡略化するためにいくつか書き換えました。 ...
0
0 回答
82 閲覧数

レスポンシブ対応のドロップダウンメニューがうまく作れません。

コーディング初心者です。レスポンシブ対応のドロップダウンメニューがうまく作れません。 どこを直せば添付した画像の通りSP版PC版整ったかたちになるでしょうか? $(function(){ // ハンバーガーメニュー $("#drawer_toggle").click(function(){ $(this).toggleClass("...
1
1 回答
148 閲覧数

スマホからサイトを確認するとフォントが変更されていない

wordpressのaffinger5を使ってwebページを作成しました。 pcから開発者モードでスマホ用の画面で確認するとフォントは設定した通りに表示されております。 しかし、実際のスマホで確認すると機種を問わず、デフォルトのフォントになってしまいます。 なにかプラグインが影響していたりするのでしょうか? 2枚目がインストールしたプラグイン一覧です。 どうか、ご教示いただけると幸いです。
0
0 回答
80 閲覧数

Ruby on Rails で作成したアプリケーションについての質問です

ゲストログイン機能を実装し、ゲストログインしている時のみ、画面上部に「current_or_guest_user.email」とポップアップがページ遷移毎表示されます。 不要なので表示させたいようにしたいのですが原因と解決方法がわかりません。 検証ツールで確認しても特にエラーは表示されません。 解決方法をご存知の方いらっしゃいましたらご教授ください。 user.rb def self....
0
0 回答
71 閲覧数

history.scrollrestoration の設定はページ遷移で引き継がれない?

質問 history.scrollrestoration の設定はセッション履歴エントリ(session history entries)に保存されるため、 一度'manual'に設定すると戻る・進むでページを遷移しても設定は変わらないと思うのですが、 実際には'manual'に設定後にページを戻った場合はスクロール位置が復元されて、 historyにはデフォルトの'auto'が設定されています。 ...
0
2 回答
90 閲覧数

テキストのみに影をつけ、下線のshadowは影をなくしたい。

下線のあるテキストです。テキストのみに影をつけたく、text-shadowを追加しました。 <div class="test">1行目です<br>こんにちは2行目です</div> .test{ position: absolute; top: 10rem; right: 5rem; text-shadow: ...
2
3 回答
143 閲覧数

複数行のテキスト:positionで場所固定すると、全行にあった下線が消えてしまう

2行以上あるテキスト文に対して、全行に下線をつけたいです。 下記コードでつけることはできました。 .test{ display: inline; background:linear-gradient(transparent 60%, #f940bc 0%); } <div class="test">1行目です<br&...
0
0 回答
435 閲覧数

Custom URL Schemeのディープリンクで、アプリをインストールしていない場合にストアに遷移させたい

カスタムURLスキームでアプリを起動させ、アプリが無ければストアに遷移させる iPhoneにInstagramのアプリがインストールされていればアプリに、なければウェブブラウザ版に遷移するリンクをつくる 上記の記事を参考に、「アプリがインストールされていなければストアへ、インストールされていればアプリの特定のコンテンツを表示させる」という挙動をJSで実現しようとしているのですが、...
0
1 回答
203 閲覧数

HTMLフォームのPOSTデータをPHP→GASの順番で利用したい。

実現したいこと HTMLで作成されているフォームから受け取ったPOSTデータをPHPファイルに送り、そのPHPファイルでユーザーにPOST内容の確認メールを送信した後、データをGASに送りgoogleスプレットシートにも出力される仕組みを作りたい。 前提 表題の通りです。ただし会社のサーバーの関係上、composerを使用したりgoogle cloud platformを使用することができません。 ...
0
0 回答
28 閲覧数

Monacaでニフティクラウドに絵文字を登録することは可能か知りたいです

したいこと Monacaでニフティクラウドに絵文字を登録したいです。 試したこと 1.まずは普通に絵文字を入力→登録処理 →空白が登録される 2.絵文字を入力→Unicodeに変換→登録処理 →同じく空白が登録される 聞きたいこと Monacaからニフティクラウドに絵文字を登録することは可能か。 可能ならその方法。 HTML <button id="btRegister" ...
0
1 回答
35 閲覧数

Monacaからニフティクラウドを操作できない。

Monacaでスマホアプリを作っています。 初めにボタンをクリックしたら登録するコードを書き、そちらはうまく動きました。 しかし、次に作ったコードが動きません。 どうすればいいか教えてほしいです。 よろしくお願いします。 [作りたい動き] 1.絵文字を入力 2.ボタンをクリック 3.絵文字をunicodeにしてニフティクラウドに登録 [実際に起きてしまう動き] エラーが発生する。 Uncaught ...
0
0 回答
83 閲覧数

Rails & jQuery 検証ツールエラーについて

非同期通信を実装したい Ruby on RailsとjQueryで「英単語クイズアプリ」の作成をしています。 ユーザーは出題された英単語の穴埋めを考えて英単語を完成させ、「text_filed_tag」に入力し、送信をクリックします。正解なら次の問題へ、不正解なら再度同じ問題を解く、というものです。 解決方法わかる方いらっしゃいましたら是非ご教授お願いします。 検証ツールで表示されるエラーです。 ...
0
0 回答
134 閲覧数

npm run generate した際に dist フォルダ内の html ファイルが変更されない

vue.jsでwebアプリの開発を行っています。 firebase-hostingにアップロードするため、npm run generate を実行しました。 distフォルダにhtmlファイルが生成されるのですが、一部分だけがhtmlに反映されません。 具体的にはv-stepper-contentのstep1,step2は変更されますが、step3,step4が変更されません。 npm run ...
0
0 回答
97 閲覧数

入力した数値の単位を項目ごとに指定する方法

初めまして プログラミングを学んでいる者です。 どうやって実現すればいいかわからないので先輩方の力を借りたいです。 実現したいこと 各項目 A,B,C があって Aが追加されたら数値入力の単位を0.1ずつ増減できる Bが追加されたら数値入力の単位を0.5ずつ増減できる Cが追加されたら数値入力の単位を1.0ずつ増減できる というのを実現したいです。 HTML,Javascript,Jquery,...
0
0 回答
222 閲覧数

GASでテンプレートの表をコピーしてメール本文に貼り付けたいです。

お世話になります。 以下のシステムをChatGPTを使用してコードを作成して業務効率化を試みています。 どなたかわかる方がおられましたらご回答を頂ければ幸いです。 以上、何卒宜しくお願い致します。 目標:Google Formが送信されたらそのデータをSSのテンプレートに入力し、テンプレートの表をメール本文にコピペして任意の宛先にメールを自動送付したい 結果:...
0
1 回答
95 閲覧数

タブレットでChromeブラウザ でoption 要素が disabled しない

シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。 <select name="fruits"> <option value="peach" disabled>peach</option> <option value="apple">apple</...
0
5 回答
728 閲覧数

テキストボックスに入力した値を別のテキストボックスに代入

このような感じで複数のテキストボックスに入力した値を別の複数のテキストボックスに代入することは可能でしょうか。 var textForm1 = document.getElementById("textForm1").value; var tf1 = document.getElementById("tf1"); tf1.value = textForm1;...
1
1 回答
141 閲覧数

チェックボックスなどでの入力や選択の可能・不可能切り替えの是非

ウェブフォームでチェックボックスを入れることで、入力や選択可能の制御を行う場合があります。 これはUIとして正しいのでしょうか? そのような制限を設けなくとも、受信したデータからは単純に入力や選択がなければ、該当項目の値はなしと判断できます。 ユーザー側にとって、事前にチェックボックスがあることで、間違いが少なくなるように思いますが、ワンクッション発生することになります。 ...

1
2 3 4 5
29