[html] タグが付いた質問
1,106
質問
0
票
1
回答
420
閲覧数
CSV出力に成功したらメッセージを出したい
HTML, CSS, javascriptで、あるシステムを作成しています。
CSV出力はできるのですが、出力が成功した際に "出力成功しました" とメッセージを出したいです。
また、この画面遷移した際に出力ボタンを押していないのに "失敗しました" とでてきてしまいます。
なので出力ボタンを押してメッセージを出したいです。
...
0
票
1
回答
2,555
閲覧数
jQuery で $ is not defined とエラー表示される
jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。
<!...
0
票
1
回答
764
閲覧数
Djangoフォームで複数保存したいが、エラーが出る: django.template.exceptions.TemplateSyntaxError: Could not parse the remainder: '`'
前提・実現したいこと
Djangoのポートフォリオサイト作成として、現在、サッカーゲームサイトの作成を目指して、プログラム作成を行っております。
同じ内容で既に teratail でも質問しています が、回答が得られなかったこともあり、本サイトに質問させて頂きました。
現在、formsetで何とか出来ないかなど、試行錯誤をしておりますが、未だ解消に至っていない状況です。
...
0
票
0
回答
111
閲覧数
replitでのサイトにgoogle広告は掲載可能ですか?
replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。
replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
0
票
1
回答
142
閲覧数
HTML4.01でcanvasタグを使用する事は可能でしょうか。
HTML4.01でcanvasタグを使用する事は可能でしょうか。
以下の記述でChart.jsを使用してグラフを描画する事が出来たのですが、canvasタグはHTML5から使用可能と思っております。
ご存じの方がいらっしゃれば、ご教授いただけますでしょうか。
よろしくお願いいたします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ...
2
票
0
回答
67
閲覧数
total estimate の表示
現在費用を計算するページを作成しているのですがtotal estimateの金額がブラウザに表示されません。estimateにidをつけて呼び出してはいるのですが、順序が違うのでしょうか。
コンソールでのエラー表示はありません。どなたか回答よろしくお願いします。
HTML
<meta charset="utf-8" />
<meta name=&...
1
票
1
回答
217
閲覧数
setPropertyメソッドを使用してもcontentプロパティへ値が反映されない
:root{
--name: "*";
}
.test::before{
font-size: 13px;
Content: var(--name);
}
このcss変数をjsから
document.documentElement.style.setProperty("--name", "test");
...
0
票
1
回答
503
閲覧数
可変なサイドバーを開いたり閉じたりした時のコンテンツの幅
表題にもある通り、可変なサイドバーを開いたり閉じたりした時のコンテンツの幅を可変にしているのはどうやって実現しているのでしょうか?
以下のサイトで例えるとサイドバーが開いた際にコンテンツの幅が小さくなり、閉じた場合はコンテンツの幅が大きくなっています。
何か、CSSのプロパティで幅を可変にできるものがあるのでしょうか?
-1
票
1
回答
161
閲覧数
olの番号の縦位置が下になってしまう。上揃えにしたい。
キャプチャのようにliの番号が下揃えになってしまいます。
*キャプチャの赤い位置にしたい。
(safariで下になります。chromeでは上になっています)
次のようにしても上になりません。
ol li {
vertical-align: top;
}
どうすれば良いでしょうか?
0
票
0
回答
443
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
102
閲覧数
フォームの作成について
解決したいこと
スクショのようなフォームを作りたいと思っているのですが、なかなか思ったように外観が調整できずに困っています。
発生している問題・エラー
ググってフォームの作成の仕方を手当たり次第調べているのですが、こういった入力欄が罫線でかこってあるフォームの作成の仕方しか見当たりません。
自分で試したこと
ググって出てきた、罫線でかこってあるフォームにCSSで
form {
...
2
票
1
回答
291
閲覧数
bookmarks.html の仕様書
質問内容
下記ブラウザにはブックマーク(お気に入り)をbookmarks.htmlにエクスポートする機能があります。
Google Chrome
Firefox
Microsoft Edge
Internet Explorer
各々のbookmarks.htmlのフォーマットには類似性があると思いますが、「bookmarks.htmlのWeb標準の仕様書」となるURLがわかりましたら、...
0
票
0
回答
657
閲覧数
GASにおけるformタグaction属性の自動指定
GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。
index.htmlに記載するformタグaction属性👇ですが、
<form method="post" name="form1" action="$フォームURL$">
...
1
票
1
回答
326
閲覧数
Webサービスにおけるユーザごとの画像の保存の仕方
Webサービスにおいてユーザごとにデータを保存するサービスがあるかと思います.例えば,Google Drive,Amazon Photoなどでアカウントを作り,アカウントごとで画像データなりファイルなりを保存すると思います.そこで質問なのですが,そのようなサービスにおいてユーザごとの画像をどのように保存するのがベストなのでしょうか.
...
0
票
1
回答
133
閲覧数
jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。
神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。
おかしくなるあたりの流れは以下の通りです。
・山札の配列作成
・山札をシャッフル
・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする)
・tableタグをHTMlに反映
上記の流れの最後で反映させると、なぜかtdタグが二倍になります。
[...
1
票
1
回答
215
閲覧数
inputのラジオボタンが移動できない
ボックスの中のラジオボタンが左に動かない。リストで囲ってみたりボックスのパディングをなくしても
動きません。コンタクトフォームの設定をみてみたのですが。
中央から動かない理由は見当たらず、、。他に何が考えられるでしょうか?
<!-- modal -->
<div class="content">
<a class="...
0
票
1
回答
673
閲覧数
alertが表示されない
現象
「適正体重を表示」ボタンを押しても、alertが表示されない。
期待値
index.htmlの「適正体重を表示」ボタンを押したら、alertが表示される。
再現手順
下のHTMLで記述されたファイルとJavaScriptで記述されたファイルを、同じディレクトリで実行する。
index.html
<!DOCTYPE html>
<html lang="ja"...
4
票
1
回答
2,216
閲覧数
JavaScriptでiOSの機能を制御する方法はありますか?
iPadでプログラミングが書きやすいソフトウェアキーボードを作りたいです。
HTMLとJavaScriptでソフトウェアキーボードは作れるのですが,
そのキーボードをiPadでも使いたいと考えています。
ソフトウェアキーボード自体はiPadでも動作が確認できるのですが、iOSだと従来のキーボードも一緒に出てきてしまいます。
この自動的に出てくる機能をオフにしたいのですが、
...
1
票
1
回答
92
閲覧数
ホバーでの画面のゆれと画像の重なりをなくしたい
文字枠をホバーすると対応して画像が切り替わるのですが、SP画面の一番上(ノーズワイヤー)のところだけデフォルトの画像が重なります。枠の真ん中だと大丈夫なのですが、上辺に近づくと枠がブルブルゆれたり、デフォルトの画像と重なったりします。PCは大丈夫です。
jqueryはSPとPCで書き分けたりしていないので、CSSなのかなと思うのですが見つけられずにいます。お力をいただければと思います。...
0
票
1
回答
106
閲覧数
ちゃんとFooterの形にしたいです。
コチラ を見本にFooterを作成してみましたが、うまくいきません。
どこを調整すれば、きちんと反映されるのでしょうか?
具体的にどのようにしたいのか
まず、見本のように横いっぱいにFooterを広げたいです。
そして、見本でいうAboutのあたりにコピーライトを、見本のカテゴリーにはカテゴリーを配置したいです。カテゴリーは上から縦に並べます。色味に関しては#f2f2f2を基調としたいです。
...
0
票
1
回答
141
閲覧数
</form>タグの位置によってセレクトボックスの中が表示されなくなる
お住まいの場所によって変動する複数の選択肢を、formでメール送信できるページを作ろうとしています
送って欲しい情報は「名前」「メールアドレス」「お住まい」「第一希望」「第二希望」です
例Aの人)
お住まい:東京
第一希望:①②③(3つの選択肢から選べる
第二希望:①②③(3つの選択肢から選べる
例Bの人)
お住まい:大阪
第一希望:③④⑤(3つの選択肢から選べる
第二希望:③④⑤(...
0
票
1
回答
2,188
閲覧数
iframe内にログインの必要なページを表示すると、ログインができないのですが、一般的に起こる現象でしょうか?対処法はありますか?
iframe内にログインの必要なページを表示すると、ログインができないのですが、
これは、一般的に起こる現象でしょうか?
ログインできるようにする方法はありますか?
よろしくお願いいたします。
0
票
1
回答
122
閲覧数
部分テンプレートにまとめた画像を、トップページ以外でも表示できるようにしたい
ヘッダーにまとめた画像を、どのページに遷移しても表示できるようにしたい。
RubyでWebアプリケーションを作成しています。
部分テンプレートを用いて_header.html.erbを作成してところ、トップページを離れると画像が表示されません。
ブラウザ上のエラーは出ていません。
例.ActionController::RoutingError (No route matches [GET] &...
-1
票
1
回答
149
閲覧数
リンク先のページは何をしているのですか? 「schema.org/SearchResultsPage」? 「local.google.com/place?id」?
リンク先のページは何ですか?
普通のHTMLですか?
それとも何か特殊なことをしているのですか?
https://www.google.co.jp/search?q=h%C2%B0m%27s%22+archive+%E3%83%AB%E3%83%9F%E3%83%8D%E3%82%A8%E3%82%B9%E3%83%88%E6%96%B0%E5%AE%BF%E5%BA%97&ludocid=...
0
票
1
回答
283
閲覧数
特定のクラスをもつ子要素の数を取得したい
例えば
<div id="oya">
<div class="a">aaa</div>
<div class="a">aaa</div>
<div class="b">bbb</div>
<div class=&...
3
票
2
回答
2万
閲覧数
ページを最初から指定の位置にスクロールする
こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。
このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか?
私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
0
票
1
回答
181
閲覧数
親要素に角丸ボーダーを付けると中の要素の角が目立つ
下記のコードですが、親要素に角丸ボーダーをつけると中の要素の角が目立ちます。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
...
0
票
1
回答
1,426
閲覧数
CSSが適用されない。そもそも参照しているパスが違う。
やったこと:
https://www.freecodecamp.org/news/static-site-generation-with-nextjs/
を参考に下記を行いました。
$ npx create-next-app my-static-nextjs-app
$ cd my-static-nextjs-app
...
5
票
1
回答
526
閲覧数
クラス名にコロン(:)は許可されているのでしょうか?
https://tailwindcss.com/docs/responsive-design
に レスポンシブ対応のために
md:w-32 lg:w-48
という プレフィックス: という書き方がありますが、クラス名に:は許可されているのでしょうか?
疑似要素のbeforeなどでhoge::beforeなどの書き方があるので、衝突してしまってできなさそうな気もするのですが、...
1
票
1
回答
158
閲覧数
pyttsx3作成したmp3ファイルがhtmlで読み込めない
掲題の通りですpyttsx3で作成したmp3ファイルがhtmlファイルのaudioタグに埋め込んでも「再生できません」と表示されます。
パスが正しいことは確認済みなのですが、同じようなトラブルに見合われた方はいますでしょうか?
OSはmacOSで音声の変換にはffmpegを使用しています。
1
票
2
回答
233
閲覧数
自由度の高いフローチャートと、テキストの相互変換
エクセルにより、以下のようなフローチャートを作成しました。
矢印の方向はもちろん、オブジェクトの位置やテキストボックスの枠線のタイプにも意味があります。
このフローチャートはエクセルなのでGUIで作成していますが、テキストベースでエクスポート(表現)する方法はあるでしょうか?
1
票
3
回答
1,903
閲覧数
WebView2 でローカルの画像を表示させたい
.NET Framework4.8 の WPF で開発してます。
Window に配置した WebView2 コントロールにhtml を表示させていますが、img タグでインターネット上の画像は表示されますが、ローカルに配置した画像をフルパスで表示させようとすると表示されません。
WebView2 の開発者ツールで調べると「Not allowed to load local resource」...
0
票
1
回答
179
閲覧数
SVG の線の長さと同じ値はどうやって探すんですか?
CSS animation で遊び倒す -SVG Line - - Qiitaを読んでいます。
破線の間隔が、SVG の線の長さと同じ値を探し、stroke-dasharrayに設定して、全てを隠します。
「SVG の線の長さと同じ値を探し」とはどのように探すのでしょうか?
コードの該当箇所の引用:
stroke-dasharray: 700px;
stroke-dashoffset: ...
0
票
1
回答
235
閲覧数
カードを横スライドできるようにしたい。
実現したいこと
以下のカードを横にスライドできるような形に持っていきたいです。
しかし、現時点において横に配置することができていません。
そこでまず横にカードを並べたいです。
カードの仕組み
カードは裏で動いているCMSの追加に合わせて増えていく仕組みです。現時点においてカードは縦並びに追加されてしまいます。一番良い形としては、追加に伴い、カード自体のサイズを変えることなく、...
0
票
1
回答
102
閲覧数
wagtail (Django)でブロック化した画像が表示されない。(文字のみ表示)
質問内容
wagtailを用いてウェブアプリケーションを開発しています。コンテンツ表示のために名前やリンクなどをブロック化し、コンテンツモデルにインポート、HTML出力を考えています。名前などほかの情報は表示されるのですが、画像のみ表示されません。エラーもなく、画像の名前も文字として表示されているので特に問題はないと考えています。試行錯誤しているのですがわからないので、...
0
票
1
回答
216
閲覧数
バナーの位置を下に下げたい
現状
画像のように、ページを開いたときにすでにバナーがメニュー下に重なり、見づらくなってしまっています。
いろいろ試してみたのですが、動きません。お力お貸しください!!
こちらとマルチポストしております。こちらで情報が更新・解決され次第、反映する予定です。どうぞよろしくお願いいたします。
実現したいこと
分かりにくいかもしれませんが、メニューバー(白い部分)とバナー(山の写真の部分)...
2
票
2
回答
393
閲覧数
PHPでHTMLタグ間の改行を除去する方法を教えて下さい
PHPで簡単なブログシステムを作っています。
HTMLを許可するフォームで以下のようなデータを入力した場合に、PHPで次のようにデータを変換して保存したいです(保存先はファイルかデータベースを想定しています)
要するに、普通に書いたテキストの改行は <br> に変換し、改行が意味を持たない箇所(<ul> と <li> の間)は詰めておきたいです。
入力データ:
...
0
票
1
回答
175
閲覧数
Some problems no longer generate console message, but are surfaced in the issues tab. Click to view 2 possible improvements.というイシューが出ている
Chromeのデベロッパーツールで以下のメッセージが表示されます。
Some problems no longer generate console message, but are surfaced in the issues tab. Click to view 2 possible improvements.
該当箇所
この青い吹き出しの上にマウスを乗せると上記メッセージが出ます。
...
0
票
0
回答
116
閲覧数
wagtailでhtmlで表示したい
質問内容
DjangoのInlinePanelを使ってwagtailで以下のモデルを実装してみました。
公式ドキュメントを参考に作成しました。管理者側はしっかりと反映されており、データを打ち込めるのですがユーザー画面に反映されません。(エラーは出ません。)そこでhtmlの書き方に問題があると考えます。具体的にはselfの部分が間違えているはずです。...
0
票
0
回答
265
閲覧数
アップロードした SVG 画像が表示されない
コーディングの学習をしているものです。
自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。
ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。
原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。
...
0
票
1
回答
154
閲覧数
react-native-webで作成したWebページに、"http://---.js" 形式ファイルを埋め込みたい
やりたいこと
react-native-webで作成したWebページに、"http://---.js" 形式ファイル を埋め込みたい
やってること
react-native-web, expo, firebase hostingを用いてWebページを作成しました。
そこにブログページも作ろうと思ってます。
ブログ記事の作成にはGoogleドキュメント、...
0
票
1
回答
2,587
閲覧数
HTML で指定した画像が表示されない
AWS、HTMLでポートフォリオを作りたいのですが、以下の通りコードを記述しても画像が表示されません。
<img alt="写真" scr="MovieClub.jpg">
どなた様か、解決方法をご教授くださればと思います
-1
票
1
回答
100
閲覧数
ブラウザの幅を変えると要素の位置が変わってしまうのを直したいです。
どのようにすれば、ブラウザの幅を変えても1枚目の状態で維持できるようになるのでしょうか?
html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport&...
0
票
1
回答
292
閲覧数
vueで<input type='file'>にファイルを持たせたい
ブラウザに表示されたボタンを選択してファイルを持たせるのではなく、JavaScriptを使用しファイルを持たせるやり方を探しています。
よろしくお願いします。
0
票
1
回答
206
閲覧数
DokuWikiで全ページにDokuWiki記法のテキストを挿入する方法
DokuWiki(phpベースのwikiフレームワーク)にSocialite Pluginをインストールしました。
このプラグインの効果により、ページの編集画面で~~socialite~~と書くと、
<ul>
<li>
<a class="twitter" href="https://twitter.com/intent/...
0
票
0
回答
125
閲覧数
モバイルでアクセスしたときは、HTML階層構造を変更したい
パソコンとモバイルでWebレイアウトを分けたいです。
display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。
HTML階層構造が異なるからだということに気が付きました。
モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか?
PCからのアクセスを想定。前提となるhtml
<div class="...
0
票
1
回答
757
閲覧数
HTML内onclickの関数をscriptで変更したいが、引数が書き換わる
チェックボックスにチェックを入れると文字を隠すというコードを作成しています。
選択肢数は変動するため、Javascriptのfor文でonclickの関数を登録しています。
下記のようなコードを作成したのですが、どのチェックボックスをクリックしても、IDがtxt3を指しています。(connecttext()のclonsole.logで確認)
...
0
票
1
回答
146
閲覧数
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
回答
936
閲覧数
Seleniumの要素を特定しているnameの取得方法が分からない?
こちらのQiita記事を参考にSeleniumの勉強をしています。
Ubuntu、Python3、Chromeを使っています。
以下のサンプルコードについて質門です。
import time
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.google.com/')
time....