[html] タグが付いた質問
1,096
質問
0
票
1
回答
535
閲覧数
javascriptの動的な画面変更とフラグ管理について
以下の内容で表示を押すとメニューの以下の内容を表示非表示するものを作ってみていますが、画面が一瞬ちらついて映るだけで原因を教えていただけないでしょうか?
<div class="menuContents">
<ul class="menuList">
<li>a</li>
<li>...
0
票
1
回答
75
閲覧数
display:flex内の文字の縦位置を中央にできません
下記に該当箇所を抜き出します。
こちらのクラスtabBtn内のタブ1~5までの文字を縦位置中央にする方法をご教授ください
HTML
<!-- ヘッダータブ -->
<div id="tab-1" class="switch"></div>
<div id="tab-2" class="...
0
票
1
回答
111
閲覧数
htmlのimgパスが読み込めなかった際のエラーハンドリングをしたい。
webアプリを作成しています。
htmlで画像のパスを最初は下記のように設定しています。
<img src="images/pinkguy.jpg" alt="">
その後JSで取得した別のパスに書き換えています。
<img src="https://img.youtube.com/vi/dxezoC8w3GU/...
0
票
1
回答
791
閲覧数
チェックボックスをJavascriptでチェックできてもinput type="checkbox" の後にcheckedが付かない
Python、seleniumで社内サイトをスクレイピングしているのですが、チェックボックスにチェックをいれてから、押すボタン【確定ボタン】があります。
そこで、seleniumでそのサイトまでアクセスしたのち、下記のスクリプトでチェックボックスにチェックを入れようと考えました。
script = 'document.querySelector("チェックボックスのCSSセレクタ&...
0
票
1
回答
101
閲覧数
addEventListnerをページ更新後に追加される要素にも適応したい。
Javascriptを勉強しているのですが、下記の要素に上手くaddEventListnerを適応したいです。
分からない事
同じクラス名の要素に別々の変更を加えるには
作成したい機能
inputにurlの入力があったらurlを元にサムネイルを取得してimgタグ内にサムネイルのurlを挿入します。
要素について
.dlcardWrapがあってその子要素として.dlcardがあります。...
0
票
0
回答
73
閲覧数
todoのデータが消えてしまう localstorage
すみませんコードの張り方がわからず 変な風になってしまいました、
ご教示いただけると幸いです
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>やることリスト</...
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;
&--...
0
票
2
回答
2,129
閲覧数
iframe要素クリック時に、JavaScriptのclickイベントのハンドラが呼ばれない
下記のサンプルのように、Twitterの埋め込みツイートをクリックした際にJavaScriptの処理を実行したいのですが、クリックイベントに登録したハンドラが動作しません。
addEventListenerの第三引数をtrueにして試してもみたのですが結果は同じでした。
実際のiframe内に読み込むページはTwitterの埋め込みウィジェットになるので、
...
0
票
0
回答
184
閲覧数
画像が表示されない
現在テックアカデミーさんの教材でHTMLを学習しております。(10月19日からメンターの指導開始の為聞ける人がおりません。)
発生している問題
画像を表示したいのですが、出てきません。(AWS Cloud9使用)
これまでに試した事
imgやsrc、altが入力間違えていないか確認した。
ダウンロードをし直して再度プレビューしなおした。
(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"...
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</...
0
票
1
回答
103
閲覧数
display:block;でセルを横並びにしたい
display:block;同士横並びにしたい
上記で回答いただきましたが、今度はセルが多くなったときに画像のようにtd2とtd3を横並びにしたいのですがどのようにしたらいいでしょうか?
現状では下記コードで図の上のような形になってしまいます、図の下のようにしたいです。
HTML
<td>
<table>
<thead>
<tr>
...
0
票
0
回答
91
閲覧数
htdocsに任意のファイルを置いてurlの最後尾を任意のファイル名に変えても表示されない
htdocsに任意のファイルを置いてurlの最後尾を任意のファイル名に変えても表示されないのはなぜでしょう?
ファイルに問題があるのでしょうか?
ファイルはhtml php両方で置いて 両方だめです
追記
実際に置いたディレクトリ : nfs://ip-ad/opt/lampp/htdocs/project
ファイル名 : pdo_form.php , pdo_form.html
...
0
票
1
回答
276
閲覧数
PHPでデータベースに接続するときにエラーが出る
エラーでコードがそのまま出ます
html
<html>
<head>
<title>フォーム画面</title>
<meta charset="utf-8">
</head>
<body>
<h1>フォーム画面</h1>
<form action="...
0
票
0
回答
140
閲覧数
htmlで検索機能をつかうときdatabase全体,そのtable内にわける
htmlで検索機能をつかうときdatabase全体,そのtable内にわけるにはどんな処理が必要ですか?
0
票
0
回答
58
閲覧数
htmlに投稿ごとにsqlのデータをセルのようにして表示
htmlに投稿ごとにセルのようにして表示するには$row['xxxx']をなにで表示すればいいですか? articleだと分配できないようにおもえます
0
票
1
回答
144
閲覧数
javascriptでbuttonをクリックしても演算子が表示されない
現在javascriptで電卓を作っている途中なのですが数字ボタンをクリックすることで数字を<div ID="result">に表示することができたのですが、演算子のボタンをクリックして<div id="Halfway">に表示しようとしても-ボタンは表示できるのですがそれ以外のボタンはクリックしても表示されません。...
0
票
1
回答
1,235
閲覧数
Htmlに埋め込んだテキストファイルをJavaScriptで取得したい
自分だけが使う開発用(一般に公開の予定はないのでセキュリティはあまり気にしてない)のホームページにおいて、ページと同じフォルダ内にあるテキストファイル(.txt)の中身をJavaScriptで値として取得したい思っています。なお、ファイル選択ダイアログを開いて選択するのではなく、ページを開けば自動的にJSに取得されるようにしたいです。
今試している方法としては、テキストファイル(.txt)...
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">なども試してみましたがダメでした。
...
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 ...
0
票
0
回答
204
閲覧数
HTMLバリデーションの開始タグ終了タグチェックを正規表現を使わずに実装したい
今Java8で入力値のテキストに対して、HTMLバリデーションを実装しています。HTMLタグが入力されている際の開始タグ終了タグチェックです。たとえば<table>aiueoなら</table>がないのでエラー、aiueo</table>なら<table>がないのでエラー、<table>aiueo</table>...
0
票
1
回答
87
閲覧数
都知事選おみくじを作成していてボタンの中に名前も入れて画像をボタンの真下に持ってくるにはどうすればよいでしょうか。
都知事選おみくじを作成していてボタンの中に名前も入れて画像をボタンの真下に持ってくるにはどうすればよいでしょうか。
名前だけフォントを大きくしたいです。
こちらコードです。
'use strict';
{
const btn = document.getElementById(`btn`);
btn.addEventListener(`click` , () => {
...
0
票
1
回答
137
閲覧数
CSS スライドショーを完成させたい。
動くCSSのためのメモスライドショーを参考にして、スライドショーを作成しました。
動くようになったのですが、もう少し手を加えたくて投稿しました。
やりたいこと
・次の画像に遷移するためのボタンを透明化して、画像を両サイドいっぱいにしたい。
-今はlightSeaGreenが設定されているので、そこを透明にするのはできるのですが、画像が思うように両サイドいっぱいにならないで困ってます。
・...
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>
ですが、久しぶりに試してみるとダウンロードできなくなっていました。
...
0
票
1
回答
93
閲覧数
GAのJavascript埋め込み時の'&'の扱い方はどうしたらよいのでしょう?
すみません.Web系まったく素人ですので教えてください.
Googleアナリティクスのために以下のようなコードをHTMLに埋め込まねばなりません.手書きのHTMLではないので、このXMLファイルをXMLとして読み込んでルート要素の下位をXSLTスタイルシートでHTMLに入れこんでやります.
<?xml version="1.0" encoding="UTF-8"?>
<...
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属性が未実装のようなので、...
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('</...
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....
0
票
1
回答
109
閲覧数
Google spreadsheetの内容を外部のhtml(wikidot)に記述する
初心者です
外部のhtml上(wikidot)に何らかの方法でGoogle spreadsheetの内容(例えばA1等)を
pタグの中に入れて、Google spreadsheetの内容の変更に応じて随時更新できるようなことは可能でしょうか?
同様の質問
可能であればご教授いただけますと幸いです。
よろしくお願いいたします。
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つなのにたいして、
確認画面の表示項目が多いため、表示がおかしくなってしまいます。
これをうまく表示できるようにしたいのです。
...