次のタグが付いている話題の回答:

6
承認済み

HTMLでのフォーム送信にhttpPOST、GETは必要なのでしょうか。

「フォームを送信」という行為を誰がどこで行なうのかを考えると、自ずと通信の必要性が理解できるかと思います。 フォームの利用で起こること フォームの典型的な利用は、人間のユーザーによってWebブラウザを用いて行なわれます。この際に起こる出来事は、おおよそ下のようになるかと思います。 ブラウザがサーバーにGETリクエストを出す サーバーがリクエストを受け、...
mjy's user avatar
  • 1.2万
4
承認済み

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

background: linear-gradient(... ですから、文字に下線が付いているのではなくて、CSS box の下の方に背景画像としてグラデーションが描かれています。display: inline の場合は改行が入ると CSS box が複数に別れて、それぞれの CSS box に背景画像が描画されます。 position: absolute を付けると、display: ...
int32_t's user avatar
  • 8,418
4
承認済み

HTMLのリンクを左クリックするとJavaScriptが実行されるのに、右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ?

クリックイベントが発火しない理由は既存の回答の通りと思います。 なお、主ボタン以外のクリックはauxclickイベントで、メニューを開く操作はcontextmenuイベントで捕捉できます。 link.addEventListener("click", showEvent) link.addEventListener("auxclick", showEvent) link....
mjy's user avatar
  • 1.2万
4
承認済み

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

PHPタグでこう説明されています。 PHP はファイルを解析して開始タグと終了タグ (<?phpと?>) を探します。 タグが見つかると、PHP はコードの実行を開始したり終了したりします。 このような仕組みにより、PHP を他のあらゆる形式のドキュメント中に 埋め込むことができるのです。つまり、開始タグと終了タグで囲まれている 箇所以外のすべての部分は、PHP パーサに無視されます。...
sayuri's user avatar
  • 4.3万
4
承認済み

兄弟要素がない場合、CSSかJavascriptで指定要素を非表示にできますか?

:has()疑似クラスで条件付けできます。 +次兄弟結合子で直後の要素について指定できます。 :not()疑似クラスで条件を否定できます。 これらを組み合わせることで「直後にsection要素が登場しないh2要素」という条件付けされたスタイル定義が可能です。 h2:not(:has(+ section)) { display: none; } <main> <...
sayuri's user avatar
  • 4.3万
4

WebBluetooth APIにて21文字以上のデータをmicrobitへ送信できない

Bluetooth LEの規格で最低限保証されている、一度に送受信できるアトリビュートのパケットデータサイズATT_MTU (Attribute Maximum Transmission Unit) は23バイト(23オクテット)です。 (詳しくはBluetooth Core Specificationの「§5.2 LE L2CAP INTEROPERABILITY REQUIREMENTS」...
sygh's user avatar
  • 1,074
3
承認済み

chromeでモーダルを表示後、何も操作せずにescキーで閉じるとcancelイベントが発火しない

正しい動作です。 デスクトップブラウザにおける Esc キーや、モバイルブラウザにおける戻るボタンのような、対象を閉じることを望むようなアクションをユーザーが行うと、ブラウザに対して close request が送信されます。ブラウザはこの close request を受けたとき、cancel イベントや close イベントを発火させます。ただし、 close イベントは常に発火される一方で、...
supa's user avatar
  • 5,381
3
承認済み

ローカルのHTMLファイルから<iframe>で外部サイトを呼び出す?

「ローカルファイルにある html に iframe で埋め込む」という前提が動かせないのであれば出来ないと言ってよいと思います。 どうしても例外にしたいのであればブラウザのアドオンとして作れば出来るかもしれません。 やり方を抜きにして様々なウェブサービスをひとつの画面に集約したいということであればウェブブラウザにこだわらずに Rambox といったソフトウェアを導入するというのも手軽な方法です。
齊藤敦志's user avatar
  • 1,298
3
承認済み

opacityアニメーションが背景にかからない問題

この回答は、通常不透明な白色とされているキャンバスが、opacity プロパティの変化の過程で透けて表示されない、という問題に対する回答です。もし質問への回答になっていない場合は無視してください。 HTML 文書において、body 要素に設定された background プロパティの計算値は、ルート要素である html 要素へ伝播され、本来の body 要素の background ...
supa's user avatar
  • 5,381
2

HTMLとCSSについて

CSS と HTML ファイルを個別に分けた場合、同じフォルダに保存するだけでは反映されません。 HTML の中に CSS ファイルを読み込む記述を追加する必要があります。 例: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=...
cubick's user avatar
  • 2.1万
2

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

text-decorationの下線はテキストの一部とみなされます。よってtext-shadowで影がついてしまいます。 別の方法で下線をつけることを考えましょう。前回の質問のベストアンサー以外の回答がひとつの解決法になります。 .test { display: inline; background: linear-gradient(transparent 60%, #f940bc ...
hatena's user avatar
  • 186
2

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

解決方法がわかりましたので共有します。 jquery uiのdraggable, resizableは、対象のdivの中に複数のdivを自動的に実装されているので、text()などで上書きしてしまうと必要なdraggable, resizableのdivも消してしまうので、resizableが出来なくなってしまうようです。 それを解決するために、draggable, ...
ほたく's user avatar
2
承認済み

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

「隙間を無くす」という言葉の意味をhtml + cssに落とし込む際にどう考えるかです。例えば高さをゼロ(height: 0;)にすれば見かけ上の隙間はなくなります。 body ul.genre li { height: 0; opacity: 0; } body:has(select option:checked[data-filter="all"]) ul.genre li, ...
sayuri's user avatar
  • 4.3万
2

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

PHP と HTML では解釈されるタイミング、実行場所が違います。 HTML に埋め込まれた PHP であっても、実行されるのはあくまでサーバサイドです。 (JavaScript のようにブラウザ上でソースを確認しても PHP のソースは表示されません) PHP はサーバサイドで実行され、その結果を HTML に埋め込みます。 HTML のコメントアウトは PHP の外側ですから、PHP ...
cubick's user avatar
  • 2.1万
2

HTMLのリンクを左クリックするとJavaScriptが実行されるのに、右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ?

右クリックで click イベントは発生しません。 https://www.w3.org/TR/uievents/#event-type-click The click event should only be fired for the primary pointer button (i.e., when button value is 0, buttons value is 1). ...
int32_t's user avatar
  • 8,418
2

HTMLのリンクを左クリックするとJavaScriptが実行されるのに、右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ?

右クリックはあくまでコンテキストメニューを呼び出すボタンなので、ここから実行する「新しいタブで開く」は「(リンク上での) 左クリック」とは等価にならないと思います。 参考: Is right click a Javascript event? の回答の一つ Ya, though w3c says the right click can be detected by the click event,...
cubick's user avatar
  • 2.1万
2
承認済み

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

https://ja.stackoverflow.com/a/96867/4236 でも例示しましたが、変えるべきスタイルは content だけで十分です。今回、 background-color まで変えてしまったために黒くなっています。 .bi-person:hover::before { content: '\F4DA'; } .bi-bag:hover::before { ...
sayuri's user avatar
  • 4.3万
2
承認済み

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

Bootstrap Icons v1.9.1 を使われているようですが、bi-1-circle-fillにはバグがあり、v1.10.0で修正されています。v1.10.0以降を使いましょう。 加えて設定しているCSSセレクタも間違っています。まず、bi-i-circle(アイ)ではなくbi-1-circle(イチ)です。更に::before疑似要素のcontentスタイルを変更する必要があります。 ...
sayuri's user avatar
  • 4.3万
2
承認済み

フォームのラベルをinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません

1つはフォーカスしていないときでもラベルが非表示になっていないことです。 JavaScript コードで <label> に active クラスを付け外ししているので、「.active があるときは表示、ないときは非表示」というスタイルを足しましょう。 2つはラベルが2つありますが、2つとも同じ位置に行ってしまうことです。 現在のコードではどちらの <label> ...
int32_t's user avatar
  • 8,418
2

Google Colab上で計算結果をhtmlに変換したい

@Kunif様に解決案を伺い、試したところ、上手く行きましたのでメモ用に記しておきます オリジナル コード: !jupyter nbconvert --to html test1.ipynb 下記のコマンドにするとプログラム(test1.ipynb)を動かし、そこで作成された新規の図を含めてhtmlに保存してくれます !jupyter nbconvert --execute --to html ...
nescafe's user avatar
  • 968
1

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

サーバーの設定を変えたら動作しました。 It works after change the server setting. Web server (centos 7 ) /etc/httpd/conf/httpd.conf 01: <Directory "/var/www/html"> AllowOverride None </Directory> ...
Terry's user avatar
  • 11
1

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

context.fill();を使って単色で塗りつぶしている処理をcontext.drawImage(overImage, 0, 0);で画像を描画する処理に書き換えることで実現できます。 末尾のサンプルコードはリンク先のJavaScriptを書き直した全文です。 変更点をピックアップします。 最初に画像をロードします。 let overImage = new Image(); ...
payaneco's user avatar
  • 1.2万
1

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

元のコードでは以下の通り margin (=外側の余白) の上下に 0 を指定しているからだとおもいます。 この部分を適切な値に変更してみてください。 (必要箇所のみ引用) .tab li a{   margin:0 2px; }
cubick's user avatar
  • 2.1万
1
承認済み

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

:has()疑似クラスを使うとCSSセレクターに条件を設定することができます。:checked疑似クラスはチェックボックスやラジオボタンだけでなく、現在選択されているoption要素にも適用されます。 記述としては冗長になってしまいますが、JavaScriptと違って静的に定義できるところが利点です。 ただし、現時点でFirefoxが正式対応できていないことに注意してください(...
sayuri's user avatar
  • 4.3万
1

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

多くのブラウザでは、メニュー <select> 内の <option> では click イベントが発生しません。「<option> はページに表示されているわけではなく、 <select>にデータを与えているだけ」という扱いになるようです。<option> に対するスタイルシートもほとんど無効になります。 <select> ...
int32_t's user avatar
  • 8,418
1

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

実際のGoogle Apps Scriptについては分かりませんが、meta tagを追加するために、addMetaTagを使用するのはいかがでしょうか。簡単なサンプルは下記のとおりです。 function doGet() { const htmlOutput = HtmlService.createHtmlOutputFromFile("index"); ...
Tanaike's user avatar
  • 722
1
承認済み

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

&& !childRow.querySelector(".accordion-content1") を追記してみましたが、動きは改善しませんでした。 childRow.querySelector(...) は childRow にはマッチしないので、childRow.matches(".accordion-content1") ...
int32_t's user avatar
  • 8,418
1
承認済み

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

テキストのみに影をつけたい場合はどうすれば宜しいでしょうか? MDN の記事、 text-shadow https://developer.mozilla.org/ja/docs/Web/CSS/text-shadow に書かれているように、text-shadow は "文字列およびその装飾 (decoration) に適用される影" ということです。 その ...
WebSurfer's user avatar
  • 728
1

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

position: absolute を指定すると、 display には inline を指定していても block として計算されます。 仕様 最新ではないかも知れませんが、下記の仕様が該当すると思います。(追記: int32_tさんの回答にある仕様の方が新しいと思いますので、そちらを参照した方が良いかも知れません) 原文: 『9.7 Relationships between '...
mjy's user avatar
  • 1.2万
1

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

position: absolute;で絶対参照になっていて、top: 10rem;で位置指定しているからじゃないですか。
yn95ny's user avatar
  • 298

Only top scored, non community-wiki answers of a minimum length are eligible