[html] タグが付いた質問
1,096
質問
0
票
0
回答
726
閲覧数
too many values to unpack (expected 2)のDjangoFormのデータ抽出について
Djangoのポートフォリオサイト作成として、
現在、サッカーゲームサイトの作成を目指して、プログラム作成を行っております。
同じ内容で既に teratail でも質問しています が、
回答が得られなかったこともあり、本サイトに質問させて頂きました。
views.pyの「skill_form」へのリスト化し、
格納までは、print(skill_form)にて確認が取ることが出来ましたが、
...
0
票
1
回答
58
閲覧数
Javascriptでフォーム調整プログラム(その他を選択時に追加の選択事項を表示、選択させる)を書きたいです
プログラムを最近独学で始めたのですが、インターネットで調べながらやってみたい動作が
なかなか上手く動作しません。
下のプログラム単体では動くのですが、
elements、len、sele_valを『elements1、elements2、elements3』といった形で増やす
と動作しなくなってしまいます。
動かしたいプログラムとして、
・『その他』を選択した時のみ、『その他詳細』...
0
票
0
回答
615
閲覧数
inputのvalueが取得できない
検索ボックスでエンターキーを押した時に入力された値を元に検索をかけるという処理があります。
下記htmlをヘッダー内に2つ 記載しているのですが、menu-search-wrap-hdクラスの検索ボックスで値が取得できないという状況に陥っています。
javascriptは通っています。
クラスぐらいしか2つの際はないように感じるのですが、何が原因で値が取れないのかが不明です。
...
0
票
1
回答
283
閲覧数
html ファイルから include で php ファイルの呼び出しが動作しません
htmlファイル上でphpを有効にしています。
しかし、includeでtxtファイルは呼び出せますがphpファイルが呼び出せません。
レンタルサーバに問合せたところ、.htaccess 上で設定可能、回答範囲外とのこと。
実行環境:
php 7.4
.htaccessの記述(該当部分)
AddType application/x-httpd-php .php .html
htmlファイルの記述(...
0
票
0
回答
5,205
閲覧数
IEとEdge IEモードの判定
表題の通りですが、IEとEdge(Chromium版)のIEモードとを判別する方法はありますか?
userAgentは同じ内容でした。
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; ...
0
票
1
回答
377
閲覧数
CSV出力に成功したらメッセージを出したい
HTML, CSS, javascriptで、あるシステムを作成しています。
CSV出力はできるのですが、出力が成功した際に "出力成功しました" とメッセージを出したいです。
また、この画面遷移した際に出力ボタンを押していないのに "失敗しました" とでてきてしまいます。
なので出力ボタンを押してメッセージを出したいです。
...
0
票
0
回答
106
閲覧数
replitでのサイトにgoogle広告は掲載可能ですか?
replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。
replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
0
票
1
回答
723
閲覧数
Djangoフォームで複数保存したいが、エラーが出る: django.template.exceptions.TemplateSyntaxError: Could not parse the remainder: '`'
前提・実現したいこと
Djangoのポートフォリオサイト作成として、現在、サッカーゲームサイトの作成を目指して、プログラム作成を行っております。
同じ内容で既に teratail でも質問しています が、回答が得られなかったこともあり、本サイトに質問させて頂きました。
現在、formsetで何とか出来ないかなど、試行錯誤をしておりますが、未だ解消に至っていない状況です。
...
0
票
2
回答
962
閲覧数
入力した内容を反映させたい・送信完了メッセージを表示したい
HTML, CSS, javascriptで、VSCode, postmanを使い、あるシステムを作成しています。
以下の内容を実現したいのですがうまくいきません。
ページに入力した内容をそのまま反映させたい
その送信が完了したら送信完了メッセージを出したい
1. ページに入力した内容をそのまま反映させたい
たぶんコードは合っているのですがなせか反映されない状態です。
(...
0
票
0
回答
413
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
0
回答
603
閲覧数
GASにおけるformタグaction属性の自動指定
GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。
index.htmlに記載するformタグaction属性👇ですが、
<form method="post" name="form1" action="$フォームURL$">
...
0
票
1
回答
106
閲覧数
ちゃんとFooterの形にしたいです。
コチラ を見本にFooterを作成してみましたが、うまくいきません。
どこを調整すれば、きちんと反映されるのでしょうか?
具体的にどのようにしたいのか
まず、見本のように横いっぱいにFooterを広げたいです。
そして、見本でいうAboutのあたりにコピーライトを、見本のカテゴリーにはカテゴリーを配置したいです。カテゴリーは上から縦に並べます。色味に関しては#f2f2f2を基調としたいです。
...
0
票
1
回答
160
閲覧数
親要素に角丸ボーダーを付けると中の要素の角が目立つ
下記のコードですが、親要素に角丸ボーダーをつけると中の要素の角が目立ちます。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
...
0
票
2
回答
1,685
閲覧数
Form内にボタンを2つ設置し、各々別の処理をさせたい。
Form内にボタンを2つ設置し、各々別の処理(action)をさせることって可能ですか?
以下LaravelのBladeです。
例えば Next を教えたときに action method.a 、Finish で action method.b を実行させるという具合です。
<form method="post" action={{ route('method.a')}}&...
0
票
1
回答
171
閲覧数
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
票
1
回答
99
閲覧数
wagtail (Django)でブロック化した画像が表示されない。(文字のみ表示)
質問内容
wagtailを用いてウェブアプリケーションを開発しています。コンテンツ表示のために名前やリンクなどをブロック化し、コンテンツモデルにインポート、HTML出力を考えています。名前などほかの情報は表示されるのですが、画像のみ表示されません。エラーもなく、画像の名前も文字として表示されているので特に問題はないと考えています。試行錯誤しているのですがわからないので、...
0
票
0
回答
108
閲覧数
wagtailでhtmlで表示したい
質問内容
DjangoのInlinePanelを使ってwagtailで以下のモデルを実装してみました。
公式ドキュメントを参考に作成しました。管理者側はしっかりと反映されており、データを打ち込めるのですがユーザー画面に反映されません。(エラーは出ません。)そこでhtmlの書き方に問題があると考えます。具体的にはselfの部分が間違えているはずです。...
0
票
0
回答
245
閲覧数
アップロードした SVG 画像が表示されない
コーディングの学習をしているものです。
自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。
ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。
原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。
...
0
票
1
回答
274
閲覧数
vueで<input type='file'>にファイルを持たせたい
ブラウザに表示されたボタンを選択してファイルを持たせるのではなく、JavaScriptを使用しファイルを持たせるやり方を探しています。
よろしくお願いします。
0
票
1
回答
710
閲覧数
HTML内onclickの関数をscriptで変更したいが、引数が書き換わる
チェックボックスにチェックを入れると文字を隠すというコードを作成しています。
選択肢数は変動するため、Javascriptのfor文でonclickの関数を登録しています。
下記のようなコードを作成したのですが、どのチェックボックスをクリックしても、IDがtxt3を指しています。(connecttext()のclonsole.logで確認)
...
0
票
0
回答
124
閲覧数
モバイルでアクセスしたときは、HTML階層構造を変更したい
パソコンとモバイルでWebレイアウトを分けたいです。
display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。
HTML階層構造が異なるからだということに気が付きました。
モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか?
PCからのアクセスを想定。前提となるhtml
<div class="...
0
票
1
回答
76
閲覧数
動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい
クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。
cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。
コードは以下
<!DOCTYPE html>
<html lang="ja">
<head>
<meta ...
0
票
1
回答
94
閲覧数
PHP DOMDocument HTMLエンティティ化
下記のコードで日本語部分がエンティティ化されてしまいます。
$newdoc->importNode($el, true) で発生しているようなのですが、
理由と対策を教えてください。
$orgdoc = new DOMDocument;
$orgdoc->loadXML("<old><span>あいうえお1</span><span&...
0
票
1
回答
193
閲覧数
PHP DOMDocument 要素の変更
親の要素名oldをnewに変更したいです。
oldの子要素は何階層も複数あるものとします。
<old><span>test1</span><span>test2<span>test3</span></span></old>
↓
<new><span>test1</span&...
0
票
2
回答
122
閲覧数
transformした要素内のanchorタグをクリックしたら特定のページに遷移したい
題の通りです.hrefで指定したURLに要素をクリックしたら飛ぶようにしたいのですが,良い方法が見つかりません.
https://codepen.io/matsubax/pen/yLMKRmX
body {
text-align: center;
background-color: #D7FFD7;
}
#menu {
width: 150px;
...
0
票
1
回答
559
閲覧数
Bootstrapのhamburgar menuが動かない
下記のドキュメントのExternal contentの章で記述されているサンプルコードをそのまま
コピーすると、レイアウトはそのまま黒のヘッダーにアイコンという状態で再現できます。
https://getbootstrap.com/docs/4.1/components/navbar/
ただ、アイコンを押下してもメニューを展開できない状態です。
何か追加で設定する必要があるのでしょうか?
&...
0
票
1
回答
233
閲覧数
JavaScriptで.loadしたheaderにcssが適用されない
ホームページのheaderを
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("components/header.html");
});
</script>
で読み込み
<div id="header"></div&...
0
票
1
回答
1,299
閲覧数
rails いいね順のランキング機能を実装したいがランキング画面で同じものが表示されてしまう問題を解消したい。
レシピを投稿した際にいいねの数でランキングを表示しようとしています。
ランキング表示といいね機能はできたのですが
以下のように1位と2位に同じレシピが表示されてしまいます。
原因としては@cookingsの中身が毎回同じものなのでここを解消すればなんとかなると思うのですがその解決方法がわかりません。
何か追加して欲しい情報があれば追加しますのでよろしくお願いします。
現在の表示結果:
...
0
票
0
回答
82
閲覧数
複数のデザインを数ヶ月に一度のサイクルで回した際のSEOの懸念
自社の社長がコーポレートサイトのデザインを複数人に作成させ、それを数ヶ月ペースで回して使っていきたいと言っているのですが、これはSEO的に悪いのでしょうか?
ちなみにドメインは同じで、内容は違います。
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
票
1
回答
167
閲覧数
PHPで打ち込んだセレクト項目がフォームに反映されない
PHP初心者です。sublimeTextを使用してフォームを作成しています。
元々構築してあったものを手探りで追加しているのですが、
// セレクト項目設定 の箇所がフォームに反映されません。
確認画面を押すとエラー文字がでるページへ移行されますが、その時はフォームに反映され選択できるようになります。
(添付画像参照)
初歩的なご質問となり申し訳ございませんが何かコードが足りないでしょうか?
...
0
票
0
回答
98
閲覧数
ネットショップやホームページでアニメーションをつけたい
プログラミング初心者です。プログラミング学習でアニメーションをつける練習をしていてネットで落ち葉が降るアニメーションを見つけました。
サイトを参考にしつつVScodeでsampleというフォルダを作り同じディレクトリ内にindex.htmlとmain.jsと落ち葉の画像とcss/style.cssの計4種類のファイルを作りました。
こちらのindex....
0
票
0
回答
82
閲覧数
preg_match_all で指定した正規表現が意図した通りマッチしない
下記のように href が #title から始まる <a> タグを全て削除したいのですが、
現在のコードだと上手く preg_match_all が動作していません。
どう変更すればよいでしょうか?
$content
<a href="#title1">stack</a>
<a href="#title2">...
0
票
2
回答
244
閲覧数
ボタンクリックでコンソール上にメッセージを表示させたい
ボタンをクリックするたびにコンソール上にonとoffを交互に表示させるプログラムを作りたいのですが、ボタンを押しても動作しません。ページを読み込んだ段階でコンソール上に"Uncaught TypeError: btn.addEventListener is not a function at a.js:11"と表示されます。
そこでjsファイルの11行目を"btn....
0
票
1
回答
221
閲覧数
jQuery .each() .find()を用いた特定要素、属性値取得について
jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。
なお、...
0
票
0
回答
145
閲覧数
ブラウザ更新時の読み込みシームレス化を実現したいです
ブラウザ更新時の画像読み込みシームレス化(以下のブラウザページ)のページ全体版を実現したいと思っています。
https://teratail.com/questions/271650
上の過去の質問回答の構文では画像URLを指定していますが、画像URLではなくWEBページ全体を表示させる場合に更新時のラグ(ページが完全に表示されるまでの読み込み中の状態)...
0
票
1
回答
285
閲覧数
URL 指定での Web ページ表示時にリダイレクトされるのを停止したい
以下の構文、サンプルページのとおり、URL を指定して表示させる HTML を書いたのですが、当該 URL を表示後、当該 URL 側の挙動として自動的に別の URL にリダイレクトされてしまいます。(この例ですと、「https://www.jma.go.jp/bosai/map.html#5&contents=earthquake_map」を指定していますが、「https://www....
0
票
1
回答
1,273
閲覧数
CSSで、画像を横並び&重ならない&ディスプレイサイズに合わせて縮小したい。
聞きたいこと
画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小する方法。
html,css,javascript関連です。
現状と理想
現状)画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小しているが、重なってしまっている。
理想)画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小しているが、重ならないようにしたい。
背景
2枚の画像から、...
0
票
0
回答
71
閲覧数
cssで縦幅が決まっていないブロックの上下中央揃え
cssで縦幅のpx指定をしない(中身に合わせた大きさになって欲しい)ブロックの上下中央揃えがうまくいきません。
下記は一応うまくいきますが、htmlやbodyに100%指定しなくてはならないのが気になります。
html,
body {
height: 100%;
}
.wrapper {
display: flex;
justify-content: center;
...
0
票
0
回答
827
閲覧数
htmlでリンクを押したらcsvファイルを読み込んでグラフを表示させたい
実現したいこと
web上のリンクかボタンを押したら特定のcsvファイルを読み込みグラフを表示させる。
試したこと
以下のソースコードはファイル選択ボタンからcsvファイルを選択しグラフを表示させるプログラムです。
これをローカルにあるcsvファイルを読み込むプログラムに変更させるところで行き詰まっています。
<!DOCTYPE html>
<html lang="ja&...
0
票
1
回答
49
閲覧数
formで囲ったラジオボタンから選択された値を取り出したい
本来フォームに囲まれた中なら下記のコードでチェックされた値を取得出来るのですが、おそらくnav, Ul, li 等を使用しているので上手く取得出来ないのでしょうか?
let DOM = {}
DOM.languageInputs = document.querySelectorAll('.language input[name="country"]')
console.log(DOM....
0
票
1
回答
448
閲覧数
bracketsでjqueryによるbgSwitcherプラグインを使用したいのですが、うまく適用できません
表題の件について、モニターの最上部にてフルスクリーンでの複数画像のスライドを行いたいのですが、
jsの読み込みが原因なのか、複数画像の相対パスの表示方法が違うのか、うまくできない状況です。
以下に、うまく表示されない原因ではないかと思われる箇所を3点表記しました。
js読み込みとして、htmlのheadに<script src="https://ajax.googleapis....
0
票
1
回答
88
閲覧数
jQuery でマウスホバー時に border を出したい
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
0
回答
172
閲覧数
CSSにおいてボックスがはみ出る問題を解決したい
HTMLとCSSの勉強をしています。
以下のようなデザインなのですが、グレーの背景をグリーンのボックスがはみ出てしまうので、グレーの背景の底辺とグリーンのボックスの底辺を揃えたいです。そのためにはどうするのがいいでしょうか?
気になっているのが、mainクラスの高さがheaderクラスを含んでいるのに対して、
select_test_areaクラスはheaderクラスの高さを選んでいないため、...
0
票
1
回答
4,762
閲覧数
フォームのlabelとinputの位置を揃えたい。
現在HTMLのlabelタグに挟まれている文字列に空白を含ませる事で揃えているのですが、あまり良い解決作には見えないので、cssを使って空白なしでも揃うようにしたいです。
<div class="song__info-cover">
<div class="song__info">
...
0
票
2
回答
268
閲覧数
Javascriptで後から追加した要素をふわっと出現させるには
JavaScriptでボタンをクリックすると新しく要素を追加するコードを書いてボタンを押すと要素が追加されるんですが、その追加された際のアニメーションを下からふわっとフェードインするようにしたいです。
イメージとして最初は要素が2つある。この最初の2つはふわっとさせられる。
<div class="dlcard effect"></div>
<...
0
票
1
回答
70
閲覧数
html css で<p>の色を赤にしたいが適用されない
提示画像はディレクトリ構造のスクショで提示コードはその中身です。
タイトル通りですが「cssで設定した <p> を赤色に設定することが出来ない」ですどうすればいいのでしょうか?
ディレクトリ構造を確認しまたがやはり正しい場所に居るためどうすればいいかわかりません。参考サイト通りにやりましたが適用されません。
https://developer.mozilla.org/ja/docs/...
0
票
0
回答
425
閲覧数
ServiceWorker で特定のファイルをキャッシュから削除したい
サイトをPWA化するために ServiceWorker を使用しています。
キャッシュ指定しているファイルを修正した際にそのファイルだけキャッシュからではなく、サーバーから読み込んで再度キャッシュに取り込みたいのですが方法が分かりません。
下記のサイト等で追加するメソッド(cache.put)は分かったのですが、削除する方法が分かりません。...
0
票
0
回答
770
閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
1
回答
177
閲覧数
JavascriptでDOM処理のタイミングが合わず値を上手く処理出来ない。
問題
画像から色の情報を取得したく color-thies というライブラリーを使用しています。
途中で画像のsrcパスを書き換えて別の画像に差し替える処理があるのですが、その際タイミングが合わず前の画像の値になってしまいます。
プログラム動作
inputのフォーカスが別の要素に移った際に下記のイベントリスナーが発火します。それでURLの値があればサムネイルを取得します。...