[html] タグが付いた質問

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

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

javascriptの動的な画面変更とフラグ管理について

以下の内容で表示を押すとメニューの以下の内容を表示非表示するものを作ってみていますが、画面が一瞬ちらついて映るだけで原因を教えていただけないでしょうか? <div class="menuContents"> <ul class="menuList"> <li>a</li> <li>...
  • 5
0
1 回答
75 閲覧数

display:flex内の文字の縦位置を中央にできません

下記に該当箇所を抜き出します。 こちらのクラスtabBtn内のタブ1~5までの文字を縦位置中央にする方法をご教授ください HTML <!-- ヘッダータブ --> <div id="tab-1" class="switch"></div> <div id="tab-2" class="...
  • 5
0
1 回答
111 閲覧数

htmlのimgパスが読み込めなかった際のエラーハンドリングをしたい。

webアプリを作成しています。 htmlで画像のパスを最初は下記のように設定しています。 <img src="images/pinkguy.jpg" alt=""> その後JSで取得した別のパスに書き換えています。 <img src="https://img.youtube.com/vi/dxezoC8w3GU/...
  • 1,053
0
1 回答
791 閲覧数

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

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

addEventListnerをページ更新後に追加される要素にも適応したい。

Javascriptを勉強しているのですが、下記の要素に上手くaddEventListnerを適応したいです。 分からない事 同じクラス名の要素に別々の変更を加えるには 作成したい機能 inputにurlの入力があったらurlを元にサムネイルを取得してimgタグ内にサムネイルのurlを挿入します。 要素について .dlcardWrapがあってその子要素として.dlcardがあります。...
  • 1,053
0
0 回答
73 閲覧数

todoのデータが消えてしまう localstorage

すみませんコードの張り方がわからず 変な風になってしまいました、 ご教示いただけると幸いです <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>やることリスト</...
  • 1
0
1 回答
148 閲覧数

ページが変わっても"content_scripts"が反応しない

YouTube 向けの拡張機能の作成をしており、manifestには以下のように記述しました。 "content_scripts":[ { "matches":[ "https://www.youtube.com/*" ], "js":[ ...
0
1 回答
843 閲覧数

SCSSの記法で出てくる $this: & !global; の意味は?

以下の記事で紹介されているBEM記法に $this: & !global; という記法が見られるのですが、どういう意味でしょうか? BEMのmodifierでスタイルを切り替える時の書き方 - Qiita scss .p-hoge{ $this: & !global; display:flex; background-color:#f00; &--...
  • 1,053
0
2 回答
2,129 閲覧数

iframe要素クリック時に、JavaScriptのclickイベントのハンドラが呼ばれない

下記のサンプルのように、Twitterの埋め込みツイートをクリックした際にJavaScriptの処理を実行したいのですが、クリックイベントに登録したハンドラが動作しません。 addEventListenerの第三引数をtrueにして試してもみたのですが結果は同じでした。 実際のiframe内に読み込むページはTwitterの埋め込みウィジェットになるので、 ...
  • 349
0
0 回答
184 閲覧数

画像が表示されない

現在テックアカデミーさんの教材でHTMLを学習しております。(10月19日からメンターの指導開始の為聞ける人がおりません。) 発生している問題 画像を表示したいのですが、出てきません。(AWS Cloud9使用) これまでに試した事 imgやsrc、altが入力間違えていないか確認した。 ダウンロードをし直して再度プレビューしなおした。 (1の方法....
  • 1
0
0 回答
2,154 閲覧数

jspで入力フォームの値を保持したい

解決したいこと 今Webアプリを作っています。入力フォームに値を保持したいのですが、うまくいきません。 表以外はうまくいったのですが、表の中の入力フォームはうまく値を保持することができませんでした ネットでも色々調べたのですが、そもそもtableを入力フォームにしている事例があまりなく困っています 発生している問題・エラー 1,2枚目で入力して投稿ボタンを押してエラーがあった場合1,...
0
1 回答
243 閲覧数

EmEditorでHTML文書作成時にコメントアウト内のURL表示が変

パソコンをWindows8.1からWindows10へ新調し、EmEditor Freeもversionを18から最新のVersion 20.1.2にしました。 すると、いままでHTML文書でコメント<!-- -->内にURLを書くとコメントと同色でリンクとしては無効になったのが、コメント内でもURL部分だけ青色でリンクとして有効になります。間違ってクリックすると反応して鬱陶しい。 ...
0
1 回答
328 閲覧数

javascriptのオブジェクトにsvgを文字列で格納してhtmlに追加する方法

htmlに外部ファイルからsvgを読み込みたくて、jsファイルのオブジェクトに文字列としてsvgを格納してhtmlに追加する方法を考えたのですが、上手く動作しません。body直下にsvgを置いているので上部に空白出来るはずなのですが、出来ないです。 見ていただけないでしょうか? index.html <!DOCTYPE html> <html lang="ja"...
  • 1,053
0
1 回答
1,270 閲覧数

JavaScript の for 文でテーブルを作成したい

td { border: solid 1px; /* 枠線指定 */ } table { border-collapse: collapse; /* セルの線を重ねる */ } .cell { width: 100px; } .title_area { height: 30px; } .up_down_border { border-top-style: ...
0
2 回答
1,491 閲覧数

foreachで連続するセルを横並びにしたい

以下のようなコードでテーブルを作成すると図のcccとdddがaaaの下に配置されてしまいます。こちらをbbbの右に並べたいのですがどのようにしたらいいでしょうか? HTML <table> <thead> <tr> <th>1</th> <th>2</th> <th>3</...
  • 117
0
1 回答
103 閲覧数

display:block;でセルを横並びにしたい

display:block;同士横並びにしたい 上記で回答いただきましたが、今度はセルが多くなったときに画像のようにtd2とtd3を横並びにしたいのですがどのようにしたらいいでしょうか? 現状では下記コードで図の上のような形になってしまいます、図の下のようにしたいです。 HTML <td> <table> <thead> <tr> ...
  • 117
0
0 回答
91 閲覧数

htdocsに任意のファイルを置いてurlの最後尾を任意のファイル名に変えても表示されない

htdocsに任意のファイルを置いてurlの最後尾を任意のファイル名に変えても表示されないのはなぜでしょう? ファイルに問題があるのでしょうか? ファイルはhtml php両方で置いて 両方だめです 追記 実際に置いたディレクトリ : nfs://ip-ad/opt/lampp/htdocs/project ファイル名 : pdo_form.php , pdo_form.html ...
  • 107
0
1 回答
276 閲覧数

PHPでデータベースに接続するときにエラーが出る

エラーでコードがそのまま出ます html <html> <head> <title>フォーム画面</title> <meta charset="utf-8"> </head> <body> <h1>フォーム画面</h1> <form action="...
  • 107
0
0 回答
140 閲覧数

htmlで検索機能をつかうときdatabase全体,そのtable内にわける

htmlで検索機能をつかうときdatabase全体,そのtable内にわけるにはどんな処理が必要ですか?
  • 107
0
0 回答
58 閲覧数

htmlに投稿ごとにsqlのデータをセルのようにして表示

htmlに投稿ごとにセルのようにして表示するには$row['xxxx']をなにで表示すればいいですか? articleだと分配できないようにおもえます
  • 107
0
1 回答
144 閲覧数

javascriptでbuttonをクリックしても演算子が表示されない

現在javascriptで電卓を作っている途中なのですが数字ボタンをクリックすることで数字を<div ID="result">に表示することができたのですが、演算子のボタンをクリックして<div id="Halfway">に表示しようとしても-ボタンは表示できるのですがそれ以外のボタンはクリックしても表示されません。...
0
1 回答
1,235 閲覧数

Htmlに埋め込んだテキストファイルをJavaScriptで取得したい

自分だけが使う開発用(一般に公開の予定はないのでセキュリティはあまり気にしてない)のホームページにおいて、ページと同じフォルダ内にあるテキストファイル(.txt)の中身をJavaScriptで値として取得したい思っています。なお、ファイル選択ダイアログを開いて選択するのではなく、ページを開けば自動的にJSに取得されるようにしたいです。 今試している方法としては、テキストファイル(.txt)...
  • 3
0
1 回答
1,482 閲覧数

GitHub Pages 上で CSS が反映されない

GitHub Pages を用いて作成したHPをアップロードしようとしましたが、CSSだけがうまく反映されませんでした。 対処の仕方を教えてください。お願いします。 以下、コード <!DOCTYPE html> <html lang="ja"> <head> <meta name="viewport" content=...
0
1 回答
183 閲覧数

JavaScriptコード内でThymeleafを使用したい

HTML内に記載しているJavaScriptコード内でThymeleafを使用したいです。 ソースコードは以下の通りです。 具体的には、Thymeleafで"${i}"を指定している為、 "i" 変数の中身をvalueとして参照したいです。 <a href="javascript:document.f.page.th:value = &...
0
0 回答
203 閲覧数

HTMLのaudioタグを使って音声再生している時に、途中で音声が止まる事がある

HTMLでは以下のコードを書いて preload しております。 <audio id="soundFile" preload="auto"> <source src="xxxxxx.mp3" type="audio/mp3" /> </audio> ...
0
0 回答
3,141 閲覧数

Spring bootで値を保持したままページネーションを行いたい

【目標】 Spring boot を使用して、検索画面の値を保持しつつ、ページネーションを行いたいです。 因みに、検索結果をDBから取得して表示させる所までは実装できています。 【質問内容】 検索画面の値を保持しつつ、ページネーションを行うコーディングを行いたいのですが、 以下の点で行き詰っています。  ・検索結果画面の次のページ番号をクリックすると、次の検索結果が表示されない。   (...
0
1 回答
446 閲覧数

Chrome extensionのoptions.htmlで日本語が文字化けする

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>や<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">なども試してみましたがダメでした。 ...
  • 371
0
1 回答
112 閲覧数

サンプルコードを組み合わせたところ、リンク(内部、外部)できない

ハンバーガーメニューとスライダーのサンプルコードを組み合わせたところ、ハンバーガーメニューについては問題なく開き、外部へのリンクもできますが、外部への画像リンクや、フッターからトップページへの内部リンクができません。 menu css から以下の部分を削除し、フッターにカーソルを当てると人差し指マークには変わりますが、リンクはしませんでした。 .container { position: ...
0
1 回答
457 閲覧数

Visual Studio でのライブラリファイルのパスの書き方

Visual Studio 2019 になって、NuGet で取得したライブラリの保存方法が変わり、プロジェクト毎ではなく、C:\Users\[ユーザー名]\.nuget\packages に一括して保存されるようになりました。 それは歓迎なのですが、.net MVC での View の *.cshtml ファイルで .css や .js のファイルへのパスをどのように書けば良いのでしょうか? ...
0
1 回答
102 閲覧数

HTML,CSS,JavaScriptを使用して メニューで選択したもの以外の項目を非表示にしたいです。

HTMLコードで簡単な例を挙げると下記の感じです。 上のリストのいずれかをクリックすると下の選択したクラス以外を非表示にし、 選択したものだけを表示する絞り込みの様な機能を作りたいです。 <section class="container"> <div class="content1"> <ul ...
  • 11
0
0 回答
204 閲覧数

HTMLバリデーションの開始タグ終了タグチェックを正規表現を使わずに実装したい

今Java8で入力値のテキストに対して、HTMLバリデーションを実装しています。HTMLタグが入力されている際の開始タグ終了タグチェックです。たとえば<table>aiueoなら</table>がないのでエラー、aiueo</table>なら<table>がないのでエラー、<table>aiueo</table>...
  • 325
0
1 回答
87 閲覧数

都知事選おみくじを作成していてボタンの中に名前も入れて画像をボタンの真下に持ってくるにはどうすればよいでしょうか。

都知事選おみくじを作成していてボタンの中に名前も入れて画像をボタンの真下に持ってくるにはどうすればよいでしょうか。 名前だけフォントを大きくしたいです。 こちらコードです。 'use strict'; { const btn = document.getElementById(`btn`); btn.addEventListener(`click` , () => { ...
  • 11
0
1 回答
137 閲覧数

CSS スライドショーを完成させたい。

動くCSSのためのメモスライドショーを参考にして、スライドショーを作成しました。 動くようになったのですが、もう少し手を加えたくて投稿しました。 やりたいこと ・次の画像に遷移するためのボタンを透明化して、画像を両サイドいっぱいにしたい。  -今はlightSeaGreenが設定されているので、そこを透明にするのはできるのですが、画像が思うように両サイドいっぱいにならないで困ってます。 ・...
  • 27
0
3 回答
310 閲覧数

HTMLUnknownElementの仕様は定義されているのでしょうか?されていないのでしょうか?

javascript - HTMLで独自タグを使うのは仕様上問題ないのか - スタック・オーバーフロー 一部引用: DOM の仕様では HTMLUnknownElement という要素が定められていて、不明な要素を扱うことができます。 そのため、現時点では不明な要素を利用しても問題なく動作すると思います。 しかしながら、将来的に新しい要素が追加される可能性があります。...
0
1 回答
1,945 閲覧数

HTMLでth:each属性の中身をコレクションの個数分だけ取得するには

<div class="file" id="fileList"> <div th:each="file : ${list}" class="file-list"> <img src="/images/example.png"> ...
0
0 回答
1,014 閲覧数

Google Site へ Google Drive上のファイルをダウンロードするリンクの埋め込み

Google siteでのHTMLの埋め込みで、ワンクリックでドライブ上に共有されているファイルのダウンロードができるようにしていました。 <a href="https://drive.google.com/uc?export=download&id=ファイルのID">ダウンロード</a> ですが、久しぶりに試してみるとダウンロードできなくなっていました。 ...
  • 1
0
1 回答
93 閲覧数

GAのJavascript埋め込み時の'&'の扱い方はどうしたらよいのでしょう?

すみません.Web系まったく素人ですので教えてください. Googleアナリティクスのために以下のようなコードをHTMLに埋め込まねばなりません.手書きのHTMLではないので、このXMLファイルをXMLとして読み込んでルート要素の下位をXSLTスタイルシートでHTMLに入れこんでやります. <?xml version="1.0" encoding="UTF-8"?> <...
  • 1,088
0
2 回答
162 閲覧数

コンタクトフォームで複数の項目を入力必須にしたい

名前とメールアドレスとお問い合わせの3項目を入力しないと送信できないようにしたいのですが、send.phpとゆうファイルの所にmail関数、isset関数を定義してissetの方に値があればtrue、なければfalthにしたいのですがうまく行きません。解決方法教えてもらえますでしょうか。 index.php <form action="send.php" method="POST">...
0
0 回答
832 閲覧数

時間入力フォームに現在時刻を自動入力したい

前提・実現したいこと jQueryで実装しています。 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。 時間形式は「11:20」のようにしてます。 発生している問題・エラーメッセージ ...
0
0 回答
1,898 閲覧数

iOS の Safari にて <a href="xxx" target="_blank" rel="noopener"></a>で別ウィンドウにてリンクを開きたい

iOSのSafariにおいて、<a>タグの挙動について質問です。 実現したいこと 以下のように、ボタンをクリックするとJavaScript(React)でdownload属性を設定した<a>タグを生成し、サーバに配置してあるPDFファイルをダウンロードするコードを書きました。 ここで、iOS13以前のSafariはdownload属性が未実装のようなので、...
  • 39
0
1 回答
372 閲覧数

Djangoを使っているのですが、formとHTMLの関係でハマりました。。

Djangoは初学者で、勉強しながらWebアプリ開発をしています。 旅行サイトの検索条件を打ち込むようなページを作っているのですが、formを作成し、テンプレートに反映させようとしたところ、下の画像のように上手くテンプレートを引っ張ってこれません。 どこに問題があるか試行錯誤しながら修正してますが改善ならず。。 どなたかご教授よろしくお願いいたしますm(_ _)m travel/...
0
1 回答
111 閲覧数

特定のjavascriptの関数をローカルのhtmlのscriptタグ内に対して適用させる方法

rubyを使ってウェブサイトのスクレイピングを行っているのですが、対象のページの中に以下のような部分がありました。 <script> function tableCell(str){ document.write('<td class="cell-text">'); document.write(str); document.write('</...
  • 3,507
0
1 回答
183 閲覧数

Ruby on Railsでのブログアプリ作成について

Ruby on Railsでブログアプリの作成をしています。 formを作成し投稿、保存、読込する基本的な動作は作成できたのですが、より内容の多い、自由度のあるブログを作成する方法がわからず教えて頂きたいです。 ◾️現状 投稿フォームに ・タイトル ・画像 ・本文 を記載して投稿すれば、それぞれの内容が決められたフォームに従って投稿・更新される。 ※本文はテキストのみ、画像は参照&...
0
1 回答
93 閲覧数

POST Requstが上手くいって行われていない?

inquery.php <?php require_once('database_connect.php'); //receive data from form; $category_id=$_POST['category_id']; $name = $_POST['name']; $email = $_POST['email']; $...
0
1 回答
1,356 閲覧数

GASでの2次配列からjsonに変換し、そのjsonデータを外部のhtmlにAPIで通してそのhtml内でテーブルにしたい。

この質問にて以前,Wikidotの方にGASからAPIを使用して内容を記述する方法をお教えいただいたのですが、それ等を使って実現することができないと考え、 スプレッドシートの内容を配列にするところまではできたのですが、その配列からjsonに変換することが出来ずにいます。 jsonに変換ができたならば、 return ContentService.createTextOutput(JSON....
  • 7
0
1 回答
109 閲覧数

Google spreadsheetの内容を外部のhtml(wikidot)に記述する

初心者です 外部のhtml上(wikidot)に何らかの方法でGoogle spreadsheetの内容(例えばA1等)を pタグの中に入れて、Google spreadsheetの内容の変更に応じて随時更新できるようなことは可能でしょうか? 同様の質問 可能であればご教授いただけますと幸いです。 よろしくお願いいたします。
  • 7
0
1 回答
153 閲覧数

jQueryの処理後に追加したものをドロップしたい

実現したいこと 予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。 ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。 また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。 困っていること 事前に作成してある要素(My Event1から5)...
0
1 回答
1,186 閲覧数

jQueryの処理後に追加したものをドラッグアンドドロップしたい

実現したいこと 予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。 ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。 また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。 困っていること 事前に作成してある要素(My Event1から5)...
0
0 回答
1,119 閲覧数

IEの「イントラネット サイトを互換表示で表示する」について

IEの「イントラネット サイトを互換表示で表示する」について教えてください。 今回作成したアプリをIE11で開こうとすると、「イントラネット サイトを互換表示で表示する」の設定のせいだと思われるのですが、IE7のモードで表示されてレイアウトが乱れてしまいます。 よって試しに「イントラネット サイトを互換表示で表示する」のチェックを外してみると、期待しているレイアウトになりました。 そこで X-...
0
0 回答
718 閲覧数

メールフォーム 確認画面の項目を減らしたい

メールフォームを実装しようとしています。 htmlのメールフォーム → 確認画面 → 完了画面 といった流れのものです。 フォームのコードが公開されているものをダウンロードし、 htmlに組み込んで使おうと思っているのですが、 htmlのフォームの入力欄が3つなのにたいして、 確認画面の表示項目が多いため、表示がおかしくなってしまいます。 これをうまく表示できるようにしたいのです。 ...