[html] タグが付いた質問

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

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

アップロードした SVG 画像が表示されない

コーディングの学習をしているものです。 自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。 ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。 原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。 ...
0
1 回答
162 閲覧数

react-native-webで作成したWebページに、"http://---.js" 形式ファイルを埋め込みたい

やりたいこと react-native-webで作成したWebページに、"http://---.js" 形式ファイル を埋め込みたい やってること react-native-web, expo, firebase hostingを用いてWebページを作成しました。 そこにブログページも作ろうと思ってます。 ブログ記事の作成にはGoogleドキュメント、...
0
1 回答
2,952 閲覧数

HTML で指定した画像が表示されない

AWS、HTMLでポートフォリオを作りたいのですが、以下の通りコードを記述しても画像が表示されません。 <img alt="写真" scr="MovieClub.jpg"> どなた様か、解決方法をご教授くださればと思います
-1
1 回答
118 閲覧数

ブラウザの幅を変えると要素の位置が変わってしまうのを直したいです。

どのようにすれば、ブラウザの幅を変えても1枚目の状態で維持できるようになるのでしょうか? html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport&...
0
1 回答
357 閲覧数

vueで<input type='file'>にファイルを持たせたい

ブラウザに表示されたボタンを選択してファイルを持たせるのではなく、JavaScriptを使用しファイルを持たせるやり方を探しています。 よろしくお願いします。
0
1 回答
226 閲覧数

DokuWikiで全ページにDokuWiki記法のテキストを挿入する方法

DokuWiki(phpベースのwikiフレームワーク)にSocialite Pluginをインストールしました。 このプラグインの効果により、ページの編集画面で~~socialite~~と書くと、 <ul> <li> <a class="twitter" href="https://twitter.com/intent/...
0
0 回答
128 閲覧数

モバイルでアクセスしたときは、HTML階層構造を変更したい

パソコンとモバイルでWebレイアウトを分けたいです。 display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。 HTML階層構造が異なるからだということに気が付きました。 モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか? PCからのアクセスを想定。前提となるhtml <div class="...
0
1 回答
878 閲覧数

HTML内onclickの関数をscriptで変更したいが、引数が書き換わる

チェックボックスにチェックを入れると文字を隠すというコードを作成しています。 選択肢数は変動するため、Javascriptのfor文でonclickの関数を登録しています。 下記のようなコードを作成したのですが、どのチェックボックスをクリックしても、IDがtxt3を指しています。(connecttext()のclonsole.logで確認) ...
0
1 回答
177 閲覧数

jQueryのクリックイベントのみ動かなくなりました

昨日まで正常に動いたコードが今朝動かなくなってしまいました。 selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。 しかしjsファイルの一番最後の行のclickイベントだけが動きません。 clickイベントの中にconsole.logを入れても何も表示されないため、...
0
1 回答
76 閲覧数

動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい

クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。 cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。 コードは以下 <!DOCTYPE html> <html lang="ja"> <head> <meta ...
0
1 回答
1,135 閲覧数

Seleniumの要素を特定しているnameの取得方法が分からない?

こちらのQiita記事を参考にSeleniumの勉強をしています。 Ubuntu、Python3、Chromeを使っています。 以下のサンプルコードについて質門です。 import time from selenium import webdriver driver = webdriver.Chrome() driver.get('https://www.google.com/') time....
0
1 回答
1,212 閲覧数

html,css,jsで構成されているファイルをサーバーにアップロードしたがhtmlしか反映されない

タイトルのようにhtml, css, jsで構成されているファイルをアップロードしたがhtmlしか反映されない問題を解決したいです。 また、画像も反映されません。 思いついた原因は 相対パスが間違っているため開けない。 アップロードされていると思い込んでいるが実際はアップロードされていない。 何かしら必要なことを行っていない これらの解決方法として、以下のことを実行しました ...
1
1 回答
422 閲覧数

縦に積み上がる要素の削除したときに、下にガタっと落ちてしまうのを滑らかにアニメーションしたい

material-uiの下記リンクスナックバーのようなものを作成しようとしています。 https://material-ui.com/ja/components/snackbars/#complementary-projects その際のアニメーションで、要素が削除されたときに縦に移動するアニメーションの実装方法がわからず困っています。 理想↓↓ 現実↓↓ ...
0
1 回答
129 閲覧数

PHP DOMDocument HTMLエンティティ化

下記のコードで日本語部分がエンティティ化されてしまいます。 $newdoc->importNode($el, true) で発生しているようなのですが、 理由と対策を教えてください。 $orgdoc = new DOMDocument; $orgdoc->loadXML("<old><span>あいうえお1</span><span&...
0
1 回答
234 閲覧数

PHP DOMDocument 要素の変更

親の要素名oldをnewに変更したいです。 oldの子要素は何階層も複数あるものとします。 <old><span>test1</span><span>test2<span>test3</span></span></old> ↓ <new><span>test1</span&...
0
2 回答
133 閲覧数

transformした要素内のanchorタグをクリックしたら特定のページに遷移したい

題の通りです.hrefで指定したURLに要素をクリックしたら飛ぶようにしたいのですが,良い方法が見つかりません. https://codepen.io/matsubax/pen/yLMKRmX body { text-align: center; background-color: #D7FFD7; } #menu { width: 150px; ...
0
1 回答
446 閲覧数

element.styleの値を取得できない

WordPressで作成しているサイトに、jQuery/JavaScriptでcssのleft、top、transform:scaleを操作するかたちで、画像を左右、拡大縮小できる機能をつくりました。 さらに、上記の値を取得したいのですが、値は「element.style」に反映されており、取得がうまくいきません。 この「element.style」の値を取得する方法を教えていただけますでしょうか?...
1
0 回答
875 閲覧数

javascriptで半角入力を強制したinput要素に全角入力を行った際に入力済みの文字が消える現象

Reactを用いて以下のようなコンポーネントを作成しました。 文字が入力された際、それが数字であるなら半角化して反映します。 全角入力をそのままにしてしまうと不具合が起きる("111あああ222"としたとき222の部分が反映されないなど)ため、入力を検知するたびフォーカスを一瞬外して戻すことで強制的に一文字ずつ確定させています。 const InptArea:FC=()=>...
0
1 回答
296 閲覧数

JavaScriptで.loadしたheaderにcssが適用されない

ホームページのheaderを <script> //共通パーツ読み込み $(function() { $("#header").load("components/header.html"); }); </script> で読み込み <div id="header"></div&...
0
1 回答
256 閲覧数

透過的コンテンツモデルの仕様について知りたいです

HTML5からコンテンツ・カテゴリー、コンテンツ・モデルなどが導入されましたが、その中でも「透過的コンテンツモデル」という概念(仕組み?)がよく理解できず困っています。 例えば下記MozillaのMDN Web Docsの中では、 要素が透過的コンテンツモデル (transparent content model) を持っている場合、透過的な要素が削除されたり、子要素で置き換えられたりしても、...
0
1 回答
1,379 閲覧数

rails いいね順のランキング機能を実装したいがランキング画面で同じものが表示されてしまう問題を解消したい。

レシピを投稿した際にいいねの数でランキングを表示しようとしています。 ランキング表示といいね機能はできたのですが 以下のように1位と2位に同じレシピが表示されてしまいます。 原因としては@cookingsの中身が毎回同じものなのでここを解消すればなんとかなると思うのですがその解決方法がわかりません。 何か追加して欲しい情報があれば追加しますのでよろしくお願いします。 現在の表示結果: ...
0
1 回答
326 閲覧数

wordpress上でのアコーディオンが動かない

前提・実現したいこと webサイト上でのアコーディオン実装 発生している問題・エラーメッセージ 質問をクリックするとその答えがスライドして表示/非表示されるはずが、 なぜかそうならないのです。 どういじれば、動きますか? 該当のソースコード htmlファイル <div class="container"> <div class=&...
0
1 回答
128 閲覧数

webサイトにtwitter cardが設定されない

webサイト(https://scuba-monsters.com/spot)を運用しているのですが、twitter cardを設定することができません。 以下のようにhtmlに必要な項目を設定しているのですが、 <link rel="canonical" href="https://scuba-monsters.com/spot"> &...
0
0 回答
83 閲覧数

複数のデザインを数ヶ月に一度のサイクルで回した際のSEOの懸念

自社の社長がコーポレートサイトのデザインを複数人に作成させ、それを数ヶ月ペースで回して使っていきたいと言っているのですが、これはSEO的に悪いのでしょうか? ちなみにドメインは同じで、内容は違います。
0
1 回答
318 閲覧数

PHPで打ち込んだセレクト項目がフォームに反映されない

PHP初心者です。sublimeTextを使用してフォームを作成しています。 元々構築してあったものを手探りで追加しているのですが、 // セレクト項目設定 の箇所がフォームに反映されません。 確認画面を押すとエラー文字がでるページへ移行されますが、その時はフォームに反映され選択できるようになります。 (添付画像参照) 初歩的なご質問となり申し訳ございませんが何かコードが足りないでしょうか? ...
0
0 回答
99 閲覧数

ネットショップやホームページでアニメーションをつけたい

プログラミング初心者です。プログラミング学習でアニメーションをつける練習をしていてネットで落ち葉が降るアニメーションを見つけました。 サイトを参考にしつつVScodeでsampleというフォルダを作り同じディレクトリ内にindex.htmlとmain.jsと落ち葉の画像とcss/style.cssの計4種類のファイルを作りました。 こちらのindex....
0
1 回答
110 閲覧数

このJQueryは何をやっているんでしょう??

Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです. 端的にいいますと以下のコードは何をやっているのかがよくわかりません. if (totalPageNumber > 1) { /...
1
2 回答
81 閲覧数

Railsのhelperメソッドの書き方をより良いものにしたい

CMSのコンテンツが全て記載されている場合は、View側でコンテンツを表示する という仕様を作るためにhelperメソッドとして下記のようなものを作りました。 ※ cms_fragment_content(:text_1)はcomfortable-mexican-sofaというgemを使ってCMSを構築しており、そこから登録しているテキストを取得してくる際に使うhelperメソッドです。 ...
0
0 回答
94 閲覧数

preg_match_all で指定した正規表現が意図した通りマッチしない

下記のように href が #title から始まる <a> タグを全て削除したいのですが、 現在のコードだと上手く preg_match_all が動作していません。 どう変更すればよいでしょうか? $content <a href="#title1">stack</a> <a href="#title2">...
0
1 回答
311 閲覧数

jQuery .each() .find()を用いた特定要素、属性値取得について

jQueryを用いて、以下HTMLより 「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と class="boxlist_"内にあるclass="list_"分だけ繰り返しで、 特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。 なお、...
0
2 回答
339 閲覧数

ボタンクリックでコンソール上にメッセージを表示させたい

ボタンをクリックするたびにコンソール上にonとoffを交互に表示させるプログラムを作りたいのですが、ボタンを押しても動作しません。ページを読み込んだ段階でコンソール上に"Uncaught TypeError: btn.addEventListener is not a function at a.js:11"と表示されます。 そこでjsファイルの11行目を"btn....
0
1 回答
1,101 閲覧数

GoogleMap API ズームレベルによってマーカーを表示、非表示にしたい

GoogleMap API を使ってMapをカスタムをしています。 マーカーを複数表示したり、マーカーの種類を変える事は出来たのですが、 「ズームレベル」でマーカを表示・非表示する事が出来ないです。 例えば ズームレベル「16」~「1」の時は非表示で ズームレベル「17」以降になると表示される。 作成中のコードは以下になります。 どうかお力添えの程よろしくお願い申し上げます。 HTML <...
0
1 回答
451 閲覧数

URL 指定での Web ページ表示時にリダイレクトされるのを停止したい

以下の構文、サンプルページのとおり、URL を指定して表示させる HTML を書いたのですが、当該 URL を表示後、当該 URL 側の挙動として自動的に別の URL にリダイレクトされてしまいます。(この例ですと、「https://www.jma.go.jp/bosai/map.html#5&contents=earthquake_map」を指定していますが、「https://www....
0
0 回答
168 閲覧数

ブラウザ更新時の読み込みシームレス化を実現したいです

ブラウザ更新時の画像読み込みシームレス化(以下のブラウザページ)のページ全体版を実現したいと思っています。 https://teratail.com/questions/271650 上の過去の質問回答の構文では画像URLを指定していますが、画像URLではなくWEBページ全体を表示させる場合に更新時のラグ(ページが完全に表示されるまでの読み込み中の状態)...
0
1 回答
1,699 閲覧数

Vue の v-select において、特定の選択肢の文字の色を変えたい

Vue の v-select において、特定の選択肢(または文字列)の文字の色を変えたいのですが、何か方法があるでしょうか。 v-select タグ内で <v-select :items="hoge" item-color="green" ></v-select> としても、...
0
3 回答
1万 閲覧数

VSCode の Live html preview で HTML のプレビュー表示が出来ません

Macで使用していますが、VSCode の Live html preview という拡張機能でプレビュー表示がされません。 HTML画面にてcommandやshift等を用いて入力しましたが全く表示されずです。
2
1 回答
196 閲覧数

h1のfont-sizeは親要素を継承しないのでしょうか?

下記のコードを書いてみました。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> html { font-size: 10px; } </style> &...
1
1 回答
541 閲覧数

GitHub Pages で一部の画像だけ表示されない

以下です。よろしければご回答のほど、よろしくお願いいたします・・! 聞きたいこと GitHub Pagesにて公開したページにて、imgフォルダ内の一部の画像のみ表示されない。 対象URL https://yukinoshita1103.github.io/leopaquiz/quiz.html 詳細 クイズのWebアプリ。 選択肢として、imgディレクトリに置いた画像をランダムに表示させたいです。...
0
1 回答
354 閲覧数

form->error のclsssを複数指定は可能か

cake $this->Form->error('Test.id', null, ['wrap' => 'p', 'class' => 'error-message']); 以下html <div> <div> <p> <input type="text" name="data[test][id]&...
0
1 回答
87 閲覧数

Google ChromeでHTMLとCSSをモバイル表示をさせたときの画面サイズが異常です。

現象 Google Chromeのモバイル表示を320×568pxに設定して、そのサイズに合わせたコード(HTMLとCSS)を書いていたのですが、VS CodeのLiveServer機能でGoogle Chromeのモバイル表示をさせると、980×1739pxの大きさになってしまいます。 期待値 Google Chromeのモバイル表示で、320×568pxの大きさで表示させること。 再現手順 ...
0
1 回答
119 閲覧数

Tumblrのタイトル部分と日付け書式の変更方法

Tumblrの無料テーマ https://dharmatheme.tumblr.com/ を利用して個人の備忘録のようなものを作っりたいです。 https://rum-julep.tumblr.com/post/643969604868292608 ↑この画像の「あいう」となってるタイトル部分を見やすくしたいので横の画像の「美しい見出しのデザイン」のようにしたいのですが ...
0
1 回答
80 閲覧数

CSSを読み込みたいのですが、どうしても読み込まれません。

現象 CSSが全く読み込まれません。 期待値 CSSを読み込んでブラウザ(Google Chrome)に反映させたいです。 再現手順 下記のHTMLとCSSをGoogle Chromeで実行すれば反映されます。CSS設計の形式は、FLOCSSです。 index.html <!DOCTYPE html> <html lang="ja"> <...
1
1 回答
1万 閲覧数

HTMLのbuttonタグでonclick属性が効かない

緊急で人が書いたHTMLを修正しなければならないのですが、私は仕様も技術的背景も知りません。 この時点で褒められた仕事のやり方ではないと思いますが、そこはとりあえずスルーでお願いします。 HTMLには <button>foo</button> というボタンがあり、このボタンが何もしていないというのが問題になっています。 とりあえずgoogle....
0
1 回答
1,625 閲覧数

CSSで、画像を横並び&重ならない&ディスプレイサイズに合わせて縮小したい。

聞きたいこと 画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小する方法。 html,css,javascript関連です。 現状と理想 現状)画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小しているが、重なってしまっている。 理想)画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小しているが、重ならないようにしたい。 背景 2枚の画像から、...
0
0 回答
73 閲覧数

cssで縦幅が決まっていないブロックの上下中央揃え

cssで縦幅のpx指定をしない(中身に合わせた大きさになって欲しい)ブロックの上下中央揃えがうまくいきません。 下記は一応うまくいきますが、htmlやbodyに100%指定しなくてはならないのが気になります。 html, body { height: 100%; } .wrapper { display: flex; justify-content: center; ...
0
1 回答
2,385 閲覧数

JavaScriptでwindowのサイズ可変を制限するには

JavaScriptで500pxより下にwindow幅を小さく出来ないようにJavaScriptで制限をかけたいのですが、そのようなAPIは提供されているのでしょうか? 調べてみて、window.minWidthという物が出てきたのですが上手く動作しなかったです。 chromeで動作すれば良いです。 すいませんよろしくお願いします。
0
1 回答
960 閲覧数

JavaScriptでPNG画像などのデータをバイナリ形式で取得したい

FileReader.readAsText()のサンプルを試して動作させているのですが、PNG画像を選択すると文字化けしてしまいます。 文字化けしないようにするにはどうしたら良いでしょうか? やりたいことは、PNG画像のデータを以下のようなバイナリ形式で受け取り、これをそのままデータベースに保存したいです。データはサーバ側でPythonを動作させているのでそちらで受け取りたいです。 b'\...
1
1 回答
216 閲覧数

adblock等におけるhrefのフィルター

hogeとfugaが両方、順不同でURL文字列(href属性の値)に含まれる要素を消したい場合、どのようなフィルタになるのでしょう? a href="example.com/hoge/fuga" a href="example.fuga.com/hoge" などは消して、 a href="example.com/hoge" a href=...
0
2 回答
2,633 閲覧数

PHPでリンク先を絶対パスで指定できない

Windows 10でXAMPPを使用し、PHPのサイトを作っています。 「htdocs」フォルダ直下に「test」フォルダを作り、その中に「firstPage.php」と「secondPage.php」を作りました。 今はローカル環境のXAMPPで動かしていますが、いつかはサーバーなどに上げたいと思い(セキュリティーの話は一旦置いておいてください)、...
0
0 回答
957 閲覧数

htmlでリンクを押したらcsvファイルを読み込んでグラフを表示させたい

実現したいこと web上のリンクかボタンを押したら特定のcsvファイルを読み込みグラフを表示させる。 試したこと 以下のソースコードはファイル選択ボタンからcsvファイルを選択しグラフを表示させるプログラムです。 これをローカルにあるcsvファイルを読み込むプログラムに変更させるところで行き詰まっています。 <!DOCTYPE html> <html lang="ja&...

1
4 5
6
7 8
23