[html5] タグが付いた質問
HTML5 (HyperText Markup Language 5)とは、人間に読解が容易なセマンティックなコーディングを特徴とする、HTMLの5番目のバージョンである。HTML 4.xと比べ、より厳密な文章構造を要求する仕様となっている。また、article(記事)や、section(節)などの特別な意味を持つタグも追加されており、より「文書」としての意味付けを高度化させることが出来るようになっている。なお、ビデオ等のマルチメディアの再生・ドラッグ&ドロップ・オフライン処理等のAPIも追加されている。
289
質問
0
票
1
回答
201
閲覧数
透過的コンテンツモデルの仕様について知りたいです
HTML5からコンテンツ・カテゴリー、コンテンツ・モデルなどが導入されましたが、その中でも「透過的コンテンツモデル」という概念(仕組み?)がよく理解できず困っています。
例えば下記MozillaのMDN Web Docsの中では、
要素が透過的コンテンツモデル (transparent content model) を持っている場合、透過的な要素が削除されたり、子要素で置き換えられたりしても、...
0
票
1
回答
94
閲覧数
ページ全体 (上下左右) の余白を無くすことができません
現象
出張 - Airbnb のページを模写しておりますが、サイト全体の上下左右に余白ができてしまいます。
ご教授よろしくお願いいたします。
期待値
サイト全体の上下左右の余白を無くしたいです。
再現手順
下記コードを実行すると再現できます。
index.html
<!DOCTYPE html>
<html lang="en">
<head>...
0
票
1
回答
103
閲覧数
JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる
前提・実現したいこと
JavaScriptを学習中の初学者です。
JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。
発生している問題・エラーメッセージ
下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。
出力1: テスト1
出力2: <input class="waypoint"...
0
票
1
回答
220
閲覧数
アイコンをマウスホバー時に滑らかに別アイコンに、マウスアウトした際に滑らかに元アイコンに変化させたい
『スニペットを実行』を押して、動作サンプルをご確認いただけますでしょうか。
html {
text-align: center;
}
#check, .fas.fa-check-circle {
display: none;
}
i {
cursor: pointer;
font-size: 64px;
}
#check:...
0
票
1
回答
73
閲覧数
「HTML5独自データ属性が指定の値である要素」を削除したい
下記で「data-hoge="b"である要素(子要素含む)」を削除したいのですが、該当要素を(jQueryではなく)JavaScriptで選択するにはどうすれば良いですか?
<main>
<div class="">
<div class=""></div>
<div class="">
<div ...
0
票
2
回答
2,995
閲覧数
input[type="file"]で、(webkitDirectoryを使用せず)ディレクトリを丸ごと選択する方法はありますか?
やりたいこと
multiple で複数ファイル選択ではなく、指定ディレクトリ内の全ファイル選択をしたい
Q
下記リンク先に「HTMLInputElement.directory」と記載されているのですが何のことですか?
HTMLInputElement.directoryとは異なり、このプロパティの値をtrueにしてもHTMLInputElement....
0
票
1
回答
80
閲覧数
HTML&CSS flexbox
CSSでフレキシブルボックスを使ってこのような配置にしたいのですがどうすれば上手く配置できますか?
見にくくてすみません😓
<article class="main">
<div class="contents">
<h1>〇階</h1>
<div class="room-contents">...
0
票
1
回答
1,925
閲覧数
INPUT TYPE=TEXTの枠内で、タブコードと改行コードの存在を検知したい
JavaScript(JQuery)で、INPUT TYPE=TEXTの枠内に、タブコードか改行コードが検出されたら
エラーを検知するfunctionを作ろうとしています。
====質問====
試しに以下のようにfunctuionを作ってみましたが、何の文字でもエラー検知される状況です。
大変あつかましいのですが、正しく検知する為のコードをご教示頂けませんでしょうか?
//備考チェック
$(&...
0
票
2
回答
402
閲覧数
CSSの:hoverでアニメーション設定した要素の中でリンク指定すると、スマホ表示ではどうなるのが正しい挙動?
Q1.下記例でリンククリックした場合、正しい挙動は?
・アニメーションを最後まで動作させてからリンク遷移
・アニメーション途中でリンク遷移
・アニメーションせずにリンク遷移
・アニメーション内容により異なる?
html
<button class="hoge">
<a href="/">リンク</a>
</button>
css
....
0
票
2
回答
297
閲覧数
jsやDOMについての調べ方
ニコニコ動画html5版で、画面をクリックしながらホイールすることで音量調節をできるようなスクリプトをgreasemonkeyにて書こうと思っています。
javascriptには疎く、何を学べばよいか分かりません。
自分で調べたところ、
.VideoAdVolumeBarContainer > div:nth-child(1) > div:nth-child(1)
の....
0
票
1
回答
1,897
閲覧数
Node.jsでwavファイルを保存する方法
Node.jsを用いてwavファイルを保存する際、
WebAudioAPIで録音したデータをどのような形にして
fs.writeFile()に渡せばよいのかわからず困っています。
◆開発環境
win 10
goole chrome ver55.0.2883.87 m
Node.js ver6.7.0
Web Audio API
recorder.js
現在、音声録音自体はWeb Audio ...
0
票
1
回答
227
閲覧数
チェックボックスを扱って時間を変更したい。
画面表示をしたときにデフォルトでは時間が9:00と表示され、
終了時刻のチェックボックスにチェックを入れたら22:00に切り替わり、チェックボックスを外したら21:00に切り替わるという実装をしたいと考えていますが上手くいきません。(画面表示をしたときにデフォルトでは時間が9:00というのはできてます。)
どのように修正したらよろしいでしょうか。お願いいたします。
<!DOCTYPE ...
0
票
1
回答
1,353
閲覧数
Timepickerが機能しない。
画面に「Timepicker」の機能を実装中ですが上手くいきません。
入力ボックスに「11:00 PM」という表示はでているのですがボタンを押そうとしても何も機能していない形です。ボタンをクリックして時間を選べるようにするにはどう修正したらよろしいでしょうか。
以前から使っている「http://getbootstrap.com/getting-started/#download」...
0
票
1
回答
184
閲覧数
HTMLからjavascriptにサイズの大きなデータを渡したいです
HTML5+SpringBootで勉強をしています。
HTMLからjavasript側に以下のようにデータを渡しています。
th:onclick="|show('${test.data1}', '${test.data2}');|
渡すデータが小さい場合特に問題なく値がわたっているのですが、
(jsファイルにブレイクを張って確認できました)
画像データのようにサイズが大きな場合、...
0
票
2
回答
3,092
閲覧数
tableとthやtdの間にformがある場合、confirmダイアログが出なくなってしまいます。
Ruby on Railsで開発をしております。
button_to '削除', xxxx_path(xxx.id), method: :delete, confirm: '本当に削除しますか?'
#=> <input class="button" data-confirm="本当に削除しますか?" name="commit" type="submit" value="削除" /&...
0
票
1
回答
1万
閲覧数
Stringの改行コードがブラウザで改行されない。
Springboot MVCを勉強しています。
index.htmlをHTML5で用意し、コントローラークラスをjavaで用意しました。
■コントローラクラス
@RequestMapping(value = "/", method = RequestMethod.GET)
public ModelAndView index(ModelAndView mav) {
mav....
0
票
1
回答
625
閲覧数
描画ツールをcanvasで実装するにあたり、図形の大きさを変更する方法について質問があります。
こういう描画ツールをwebブラウザ上で作成したいです。
https://dl.dropboxusercontent.com/u/429437/html5/seminar/05-draw-tool1.html
canvasタグを使ったやり方であることは理解しており、
予め、座標軸がわかっている(ユーザーが座標軸を設定しない)場合の描画の仕方までは理解しました。
http://...
0
票
1
回答
476
閲覧数
html5 videoの映像を引き延ばす
htmlの<video>の映像を引き延ばすにはどうすればいいのでしょうか?
min-widthなどを使って幅を伸ばすことはできますが、
そうすると<video>要素の横に透明な余白ができてしまい、縦横比が一定になってしまいます
どうすればいいのでしょうか?
(snippetは大きな画面で見てください、小さいとレイアウトが崩れます)
#container {
...
0
票
1
回答
1,512
閲覧数
google画像検索ではどのように画像を送信しているのですか
google画像検索で画像をアップロードすると同じ画像や類似画像を検索することができますが、どのようのGoogleのサーバーにアップロードされているのでしょうか。
get送信はURLに情報を加えるため大きなサイズのファイルは送信できないと思っていました。
そこでgoogle画像検索のページのソースコードを見たのですが、POST送信の記述は確認できませんでした。
HTMLにお詳しい方、...
0
票
1
回答
213
閲覧数
google maps api V3でマーカー上のインフォウィンドにボタンを作る方法を教えてください
google map apiでwebアプリケーションを作成しています。プレイスライブラリで一定範囲内を検索し、検索にヒットしたものでルート検索で自分だけの道順を作れるアプリを開発しようと思っています。
そこでマーカー上に表示されるインフォウィンドにボタンを追加して、中継地点として登録したいと思っているのですがインフォウィンドにボタンを追加する方法が見つかりません。
...
0
票
3
回答
3,796
閲覧数
javascriptのFileListから、指定要素を削除したいです
現在は下記のような実装になっており、elseに入ったらその時点のfile[i]を削除したいのですが方法が分かりません。ご教授をお願いします。
var files = e.target.files || e.dataTransfer.files;
for (var i = 0; i < files.length;i++){
if (files[i]....
0
票
1
回答
258
閲覧数
セレクトボックスを2つ選択してメッセージなどを表示するには
セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~
次では、セレクトボックスで選択をすれば、メッセージが表示されるようになっています。
<script type="text/javascript" language="javascript">
function onButtonClick()...
0
票
1
回答
106
閲覧数
Bootstrapの検索フォームがiPhoneで表示が崩れる
Bootstrapを使い、このサイトを参考に検索フォームを作成した。
<div class="input-group">
<input type="text" id="search-form" class="form-control input-group-prepend" ...
0
票
1
回答
896
閲覧数
JavaScriptで計算した結果をHTMLに表示したいです
現象
JavaScriptで適正体重(身長(m)の2乗×22で求める)を算出したいが、index.htmlから入力した身長(m)を入力しても何も起こらない。consoleにはエラーが出現する。
以下、実際に出現したconsoleのエラー
期待値
入力フォームに身長(m)を入力したら、適正体重が表示されること。
再現手順
下記のコードを実行する。
index.html
<!DOCTYPE ...
0
票
1
回答
652
閲覧数
jQueryにてdiv要素にキー入力を代行させる方法
やりたいこと
下記のdiv要素である"down"をクリックしている間は、下矢印キーを押し続けている扱いにする方法はないでしょうか?
試す限りでは押し続けている判定は、onmousedownを使えば出来そうですが、javascriptに「キー入力を代わりに入力させる」方法がわかりません。
<div class="down">
<h1&...
0
票
1
回答
1,649
閲覧数
JavaScriptでwindowのサイズ可変を制限するには
JavaScriptで500pxより下にwindow幅を小さく出来ないようにJavaScriptで制限をかけたいのですが、そのようなAPIは提供されているのでしょうか?
調べてみて、window.minWidthという物が出てきたのですが上手く動作しなかったです。
chromeで動作すれば良いです。
すいませんよろしくお願いします。
0
票
1
回答
595
閲覧数
JavaScriptでPNG画像などのデータをバイナリ形式で取得したい
FileReader.readAsText()のサンプルを試して動作させているのですが、PNG画像を選択すると文字化けしてしまいます。
文字化けしないようにするにはどうしたら良いでしょうか?
やりたいことは、PNG画像のデータを以下のようなバイナリ形式で受け取り、これをそのままデータベースに保存したいです。データはサーバ側でPythonを動作させているのでそちらで受け取りたいです。
b'\...
0
票
1
回答
119
閲覧数
HTML,CSS gridなしで画像配置をしたい
画像の配置調整を行いたいです。
大きく2つあります。
1つ目
1段目を2段の両端に揃えて均等配置配置したいです。
→ 現状上手くいっておらず、解決策を教えて頂きたいです。
2つ目
3段目の2枚を2段目の左側に配置したい為、gridを使用して調整しています。
Chormeだと正常ですが、IEだとgrid非対応の為レイアウトが崩れます。
→ CSS変換など試したのですが、上手くいきません。
...
0
票
2
回答
286
閲覧数
ログインフォームをグリッドコンテナの横幅いっぱいに広げたいが、widthを100%にしても効かないです。
現象
ログインフォームとログインボタン(class名は.login-form)にwidth: 100%;をCSSで適用しようとしても効かないです。
期待値
ログインフォームとログインボタンをグリッドコンテナの横幅いっぱいに広げたいです。
再現手順
facebookのログイン画面を開いて頂いて、ChromeかEdgeのデベロッパーツールを開いてデバイスエミュレーションでiPhone 5/...
0
票
1
回答
481
閲覧数
重複があるHTML要素から重複した要素だけを取り除きたい
文字列に重複があるユーザーリスト画面を作っています。ボタンを押すことによって重複が消えるプログラムを作りたいですが、どうすればいいのかわかりません。次のプログラムは使っているHTMLですが、実際のHTMLはもっと複雑になっていてネストが深くなっています。
ご教授よろしくお願いします。
<ul>
<li>
<h3>
Jack
<...
0
票
1
回答
265
閲覧数
CSSグリッドで画像の位置を指定しても、指定した位置に画像がフィットしません。
現象
CSSグリッドで画像(image_0.svg)の位置を指定しても、指定した位置に画像がフィットしません。
期待値
画像がgrid-column: 3 / -3; grid-row: facebook-logo;で指定した位置にフィットさせたい。
再現手順
下記のコードを実行する。ちなみに、Facebookのモバイルでのログインページを模写コーディングしています。
index.html
<...
0
票
3
回答
164
閲覧数
javascriptが動きません
前提・実現したいこと
javascriptでリアルタイムの計算がしたい
発生している問題・エラーメッセージ
定価と掛け率を掛けた結果を単価に表示させたいのですがうまくいきません。
該当のソースコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=&...
0
票
1
回答
233
閲覧数
プルダウンが、うまく表示されません。
プルダウンメニューがうまく表示されません。
現状
プルダウンをクリックしても開きません。
実現したいこと
↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし)
なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字)
HTML
<!DOCTYPE html>
<html lang=&...
0
票
1
回答
162
閲覧数
選択した項目のjsonプロパティのvalueの値を変数に代入し表示したい。
選択した項目の、オブジェクトのプロパティの2つめのデータ(数字)を変数subvalueに代入して、
出力したいのですが、$(x.list)にしてみたり色々しているのですが、うまくできません。
[html]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8&...
0
票
1
回答
602
閲覧数
Leaflet チェックボックスの判定をしてマーカーの削除をしたい。
Leaflet チェックボックスの判定をしてマーカーの削除をしたい
現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。
クリックする度に、ピンが立つので影がついていってしまいます。
東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。
分かる方、教えて頂きたいです。
<!DOCTYPE ...
0
票
1
回答
542
閲覧数
scriptタグのasyncとdeferプロパティの指定する手順
やりたいこと
目的1.ページ読み込み完了前に実行する(jQueryやグローバルナビゲーションなど)js読込
目的2.ページ読み込み完了後に実行する(クリックしたら一番上までスクロールなど)js読込
Q.下記組み合わせがあると思うのですが、やりたいことをそれぞれ実現するためにはどうすれば良いですか?
目的に応じて、それぞれ2つに分け、js読込を記述しようと考えています。
記述場所
・</...
0
票
1
回答
1,629
閲覧数
Angular で PrimeNG の p-table を使って表を表示する時、一行のデータを 複数行に分けた場合 rowspan 指定のない行の選択方法
使用しているAngularおよびPrimeNGのバージョン
angular-cli : 8.3.19
primeng : 8.1.1
やろうとしていること
一行のデータを画面幅の都合で2行にして p-table で表示する
一番左にチェックボックスを表示する列があり rowspan="2" で表示する
チェックボックスのオン・オフによって、...
0
票
1
回答
1,072
閲覧数
音の再生を重複したくない
ボタン(画像)を押すと音が鳴り、再度押すと止まるサイトを作成中なのですが、再生とストップは出来たのですが、複数ボタンを設置すると、「ボタン1」を再生中に「ボタン2」を押すと1.mp3の音楽再生したまま、2.mp3が再生されてしまいます。
「ボタン2」のボタンを押したら1.mp3は止まるようにしたいのですが、教えて頂けますでしょうか?
HTML
<span class="...
0
票
1
回答
79
閲覧数
jQuery の :visible に相当するセレクタ
jQuery の :visible に相当するセレクタを CSS で記述する方法はありますか。
たとえば、ボタンが横に複数並んでいる状態で右端のボタンのみ角丸にしたい場合
last-of-type {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
と記述したりしますが、条件によってボタンの表示/...
0
票
1
回答
153
閲覧数
ChromeでSMILをサポートしますか?
Chome45でSMILを非推奨したと知っています。
しかし,最新Chomeでうまく動作し,Consoleでも警告がなくなったようです。
Caniuse(https://caniuse.com/#feat=svg-smil) にも支援していることで表示します。
SVGのSMIL志願するんですか?
0
票
2
回答
482
閲覧数
Pythonのbs4とrequestsを用いたスクレイピングでsrcsetに対応したい
BeautifulSoup4とRequestsでスクレイピングを行いたいのですが、
srcで検索をしてURLを取得してしまうと、想定よりも小さいサイズの画像ファイルがダウンロードされます。
これはHTMLのimgタグにあるsrcsetの影響です。
おそらく、自身がウィンドウサイズを指定できていないのが原因と考えています。
以上の点を踏まえて、...
0
票
1
回答
5,512
閲覧数
vue.js 指定したinputにフォーカスを当てる
HTML
<span :style="{ display : displayTitle }" @dblclick="showInput()">{{ node.title }}</span>
<input :style="{ display : displayTitleInput }" type="text" @blur="hideInput1" @keydown="...
0
票
1
回答
2,751
閲覧数
JavaScriptでcache bustingを自動化する方法
はじめまして。
色々調べていたのですが、煮詰まってしまい質問させていただきます。
Java8でSpringを使用して開発しております。
JSフレームワークはAngularJS(1系)です。
今回やりたいことはcache busting対策でHTML内の外部読み込みしている複数のCSS/JSなどに日付やバージョンなどのクエリー文字列を付けることってあると思うのですが、...
0
票
2
回答
1,450
閲覧数
指定したdiv要素の子要素=tableの、更に子要素であるtrの数を知りたい
皆様いつもお世話になっております。
標題の件、率直に言えば、以下HTMLで、table中のtrを削除したいのですが、class="appLineDummy"というtrは【除いた全て】を削除したいです。(DOMExporerの画像=が表れているのはこの為?!)
div要素にはclass名が付いているので、こちらを起点とした処理を行うか、...
0
票
1
回答
2,013
閲覧数
PHP側でFORM上のラベルの内容を取得したい
皆様いつもお世話になっております。
インターネットでの検索方法が悪いのか、標題の達成方法が分からず頭を悩ましています。
PHP内で、INPUT要素やリストボックス=SELECT要素の内容の取得方法だと、よく取り上げている記事があるのですが、label要素の内容取得方法を取り上げているのが 見当たらなく...
http://cly7796.net/wp/php/try-to-send-the-...
0
票
2
回答
1,164
閲覧数
数値項目用のINPUT TYPE=TEXTの枠、フォーカスがあたったら、カーソルを一番右に配置したい
皆様 いつもお世話になっております。
標題の件、数値項目が入る枠は、事前に値が入っていて内容の変更・もしくは削除する場合は、バックスペースキーで操作を行いたいものではないでしょうか?デリートキーではなく。
====質問====
INPUT TYPE=TEXTの枠にフォーカスがあたったら、カーソルを一番右に配置する方法があれば教えてください。ちなみに現況当該枠は以下コーディングを果たしてあります。
/...
0
票
1
回答
311
閲覧数
JQueryのトースト、紹介されたページのように表示されない。
http://kdemos.github.io/jquery-toast-plugin
こちらのサイトでは自分が実装したいトーストの形式をパラメータ入力することで
プラグインのライブラリが、目標どおりに表示されるよう
その実行文(JQuery)まで 表示・提供してくれるようになっています(多分そういう意図)。
...
0
票
1
回答
133
閲覧数
画面を小さくした時に2つ目の画像が文章に重なってしまう。
画面を小さくした時に2つ目の画像が文章に重なってしまう。
画像の隣に文章を表示する形で合計3つ縦に並べたいのですが画面を小さくした時に2つ目の画像が文章に重なってしまいます。どう修正すればよろしいでしょうか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<...
0
票
1
回答
2,087
閲覧数
jqGridでテーブルが表示できない。
jqGridでテーブルを表示したいのですが全くきれいに表示されていません。どこが原因となっているのでしょうか。
jQueryUI、jqGridに関しては下記をダウンロードして使用しています。
・jQueryUI ( http://jqueryui.com/download/ )
・jqGrid ( http://www.trirand.com/blog/?page_id=6 )
...
0
票
2
回答
798
閲覧数
JSファイルが参照できない。
画面のボタンを押して「JS練習.js」を参照して処理を走らせたいのですが上手くいきません。
どう修正したらいいのでしょうか。
htmlファイルと同じフォルダの中に「JS練習.js」は入れてあります。
【htmlファイル】
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
...