Skip to main content

すべての質問

でタグ付けされた
174 件の質問
絞り込み
並べ替え
タグ付けされた
0
1 回答
218 閲覧数

Google ChromeでJavascriptのみでChromeアカウントのストレージにデータを記録する方法

HTMLおよびJavascript・jQueryで自作の統計記録ページを作成し、数値を変更するごとにChromeのローカルストレージに記録するようにプログラムを組みました(以下のようなもの) $('input[name="hoge"]').change( function(){ localStorage.setItem("hoge", $(this).val()) }) しかし、...
tha0144's user avatar
0
1 回答
212 閲覧数

テキストをHTMLを増やさず複製するには?

目的 ボタンをおすとテキストが複製されて画面が埋め尽くされる演出を作りたいです 調べてみてもうまく動くものがありませんでした 問題 ただ、HTMLを増やすとHTMLの数等でCSSを当てている所でデザインが崩れてしまいます (例:nth-childやjQueryのeq) これの直すのにかなりの時間がかかりそうなので、できればhtmlをふさやないままでテキストを複製したいです ...
user34910's user avatar
1
1 回答
584 閲覧数

外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか?

外部リンクへ飛ばしたときに、リンク先のアンカーの位置がずれて表示されます。 リンク先のアンカーの位置がきちんと頭だしされるように調整したいです。 外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか? html,cssでできるのがよいですが、 できなければjs,jqueryでもよいです。 よろしくお願いいたします。
aqua's user avatar
  • 1,049
1
1 回答
2,435 閲覧数

CSSで無限に横スクロールできるメニューバーをつくりたい

CSSで無限に横スクロールできるメニューバーをつくりたいです。 自動でスクロールするものではなく、手動で動かすものを作りたいと考えています。 いろいろ調べたのですが、 このような自動でスクロールされるものではなく、手動の。つまり触らなければ全く動かない横スクロールメニューを構築したいです。 https://qiita.com/mk668a/items/e6e73c32b8a8f943c94b ...
yutamanxc's user avatar
0
1 回答
1,339 閲覧数

HTML入力フォームの途中で、自動保存する機能はどうやって実装?

HTML入力フォームの途中で、自動保存する機能について ・スタック・オーバーフローのフォームにも適用されているようですが、これはどうやって実装しているのですか? ・クライアント側で完結? ・サーバへ送信? データベースへ保存? ・何れでも良い? 色々なやり方がある??
re9's user avatar
  • 6,814
0
1 回答
443 閲覧数

jqueryのelse if文の条件分岐

iconName.indexOf('icon07.png') の画像データがある時は <option value="40610" selected=""> にselectのデータが入らない処理したいので、どうしても処理を発生しない条件がほしいです。 このようにコードを書いてもうまくいきません。 どのように改良すればいいでしょうか。 if(calendarId) { var ...
user25636's user avatar
0
2 回答
506 閲覧数

画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画を開始させたい

画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画開始 というコードを作りたいです。 現状、画像URLまたはローカルの画像ファイルをアップロードする形で、canvasに画像を描画することはできていますが、 $(function () { //input url $('#url').change(function () { var url = $('#...
C.V.Alkan's user avatar
0
1 回答
1,226 閲覧数

読み込んだ画像の範囲指定したところを黒く塗りつぶしたい

※いただいたコメントにより修正しました。 下記の機能を実装したwebサイトを制作したいです。 ・画像URLを入力またはアップロードで取得した画像をブラウザに表示する ・表示した画像にマウスカーソルをのせると、PhotoshopやIllustratorで言うところのペンツールのような機能を持ったツールA※1に切り替わる ・ツールAで三角形以上の多角形を作ると、その多角形の内側を黒ベタに塗りつぶす ...
C.V.Alkan's user avatar
0
1 回答
260 閲覧数

画像URL入力フォームの中身をリセットボタンでリセットしたい

フォームに画像URLを入力すると画像をプレビューするのと同時に、フォームのテキストとプレビューを消すリセットボタンが表示されるサイトを制作しています。 現状リセットボタンを押すと上記の条件は満たせるのですが、続けてフォームに画像URLを入力すると前の画像も一緒に表示されてしまいます。 入力すればするほど、前の画像、前の画像+前の前の画像…と、...
C.V.Alkan's user avatar
0
1 回答
820 閲覧数

URL入力フォームに画像アドレス入力したらフォームの下に画像を表示

URL入力フォームに画像アドレス入力したらフォームの下に画像を表示する機能をHTMLとjQueryで実装したいのですが、ネットで調べても方法が分かりませんでした。 どなたか方法を教えていただけないでしょうか。 ネットで調べた結果、ローカルの画像ファイルをアップロードして表示する方法は見つけられましたが、外部の画像URLを入力する方法は見つけられませんでした。 ...
C.V.Alkan's user avatar
0
1 回答
2,473 閲覧数

Ajaxのsuccess:functionでphp側からの複数の値を受け取る方法。

大変お世話になっております。 以下の例の様にAjaxを使い、php側でデータベースから抽出した複数の値を取得し、それらをhtml側のinputのvalueに設定し表示させようとしております。 しかしながら、Ajaxのsuccess:functionでの設定の方法が分かりません。 因みに、下記をsuccess:function($price1)と設定すると、a....
baseballjapan's user avatar
0
0 回答
459 閲覧数

2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)

OVERFLOWを設定したDIVの中にデータ表示用のテーブルBを格納しています。 また、Bテーブルのヘッダ情報を常に上段に表示しておきたいので、上記のDIVの上に別DIVを定義し、この中にAテーブルを収めました。 テーブルのTDにwhite-space: nowrap;のスタイルを定義していますが、テーブル自体に特段スタイルを定義していません。それ故、 ...
saya24's user avatar
  • 545
0
1 回答
520 閲覧数

リンク先の検索結果を表示する方法

djangoでwebアプリケーションを作成しています。 <a href=#>sample</a> というコードがあったとします。このときこのリンクがクリックされるとあるサイトの入力formでsampleと検索されてその検索結果を新しいタブで開く、という挙動をするコードを考えています。 しかしどのようなコードを書けばいいのかわからずに困っています。 ...
goutarou's user avatar
  • 153
0
0 回答
73 閲覧数

SweetAlert2でgooglemap apiを使用する方法

<script> swal({ html: <div id="hoge"></div> }); $(function () { $("#hoge").css({ "width": "500px", "height": "500px", }); ...
loop's user avatar
  • 3
0
1 回答
175 閲覧数

要素(図面)をクリックしたらfadeOutさせたい

開発環境: Windows10 64bit ブラウザ:GoogleChrome 69.0.3497 エディタ:Brackets(リリース 1.13 ビルド 1.13.0-17696) 使用言語:HTML/CSS/Javascript/jQuery <概要> jQueryの勉強中です。 「Webページの図面(丸*1、四角*2)をクリックしたら、その図面がフェードアウトしていく」...
Nansin Yokota's user avatar
1
2 回答
1万 閲覧数

次の要素へフォーカスを移動(タブキー押下をエミュレート)したい

エンターキー押下など、特定のイベント発生時にタブキー押下と同様の動作(次の要素へフォーカス移動)を行いたいです。 例えば、以下のコードで試したところ、keyup(keyCode = 9)のイベントはトリガーされますが、フォーカスは移動しませんでした。このような key* 系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。 代替手段としてどのような方法があるでしょうか?...
jirolabo's user avatar
  • 2,234
0
1 回答
5,408 閲覧数

jQuery でプルダウン項目(option 要素)を追加する際に選択状態の設定をしたい。

お世話になります。 フォーム系のページの作成で行き詰まった事がありましたのでご質問させてください。 あるフォームで各項目に対して入力をおこない次のページに遷移します。 そして遷移先から元のページに戻った際、一度入力したセレクトボックスや プルダウンボックスに対して初期値やすでに選択した値を保持して再表示したい場合があるかと思います。 今回、動的に値を取得するプルダウン項目(option要素)...
dyeN's user avatar
  • 21
3
2 回答
325 閲覧数

IE11 全角文字を設定した input 要素を追加すると input イベントが発生するのを抑止したい

入力要素の input イベントハンドラをあらかじめ設定している状態で、動的にテキスト要素を追加すると、value に全角文字が含まれている場合、IE11 で input イベントが発火してしまいます。他のブラウザや、テキストに全角文字が含まれていない場合には input イベントは発生しません。 「要素の追加後に input イベントハンドラを後から追加する」...
jirolabo's user avatar
  • 2,234
0
1 回答
1,106 閲覧数

jqueryでの1文字ずつのアニメーションについて

ジェイクエリーの1文字ずつのテキストアニメーションで複数行対応する方法で困っています splitで1文字ずつ配列にいれてforeachで配列をspanでくくりアニメーションさせているのですが brタグなども1文字ずつ格納されてしまうためbrタグは1文字で格納されないようにしたいのですが方法がわかりません 欲を言えばbrタグのみではなくhtmlタグは1文字で配列に格納されずにしたいです。 また、...
tera's user avatar
  • 3
0
3 回答
2万 閲覧数

jqueryで<td>~</td>の値を取得したい

下記のようなtableがあります。 <table> <tr><td>a</td><td><a href="#" onclick="onClick();">link</a></td></tr> <tr><td>b</td><td>...
user28019's user avatar
  • 411
1
1 回答
160 閲覧数

画面が切り替わるプログラムとページがめくれるプログラムをひとつのプログラムにまとめたいです

いつも大変お世話になっております。 HTML、css、jQueryの初心者です。 会社からの指示でホームページを作成することになりました。 作成時間は業務時間外で休日を使うしかない状況です。 デザインはできたのですが、プログラムで大変苦戦しています。 どうぞ宜しくお願いいたします。 やりたい処理の流れです。 (1)最初の画面をクリックすると次の画面が表示される (2)...
user29323's user avatar
0
1 回答
696 閲覧数

jQueryのOneBook3dを使ってページをめくりたいです

HTML、css、jQueryの初心者です。 会社からの指示でホームページを作成することになりました。 作成時間は業務時間外で休日を使うしかない状況です。 デザインはできたのですが、プログラムで大変苦戦しています。 メモの画像をjQueryの機能でページがめくれるようにしたいです。 以下の状況なのですが何も表示されません… どうぞ宜しくお願いいたします。 ■jsフォルダに入っているファイル ...
user29323's user avatar
0
1 回答
1,372 閲覧数

本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」を使いたいです

以下プログラム内の、p.noteの画面いっぱいに表示されている画像の上に #flipbookというページがめくれる効果をもつノートを中央に表示させたいのです。 いろいろと調べ試してみたのですが、p.noteの下にめくりたいページが12個並んで表示されるだけです… お手数をおかけし申し訳ございませんが、どうぞよろしくお願いいたします。 <!DOCTYPE html> <...
user29323's user avatar
0
1 回答
985 閲覧数

jQueryで画像の表示・非表示を切り替える方法について

はじめまして! HTML、Javascript、jQueryの初心者です。 以下のプログラムで、 最初にimage/1.jpgが表示され マウスをクリックすると image/2-1.jpgが表示されるようにしたいのですが 最初の画面から変わりません… 3時間ほどサイトを見てあれこれ試したのですがだめでした。。 どうぞよろしくお願いいたします。 <html> <head> ...
user29323's user avatar
0
2 回答
1万 閲覧数

jQueryでhtmlから取得した値をグローバル変数に代入して違うコードに渡すには??

webアプリを制作しているのですが、jQueryを使ってユーザがformで入力した値を以下のように取得しました。 <script> $('button').click(function () { // 選択ボックス m = $('#minute').val(); console.log(m); }); </...
wataru's user avatar
  • 1,133
0
1 回答
1,359 閲覧数

スライドアウトでスライドが入れ替わり、若干ズームアウトしつつ画像が表示されるスライダーの制作

以下のようなスライダーの制作をしたいのですが、良いプラグインなどご存知の方はいらっしゃらないでしょうか。自作を試みたもののさっぱり出来上がりませんでした。 スライドアウトでスライドが入れ替わる 若干ズームアウトしつつ画像が表示される 参考サイト:スライダー参考サイト 上記2点以外の要素の実装はしません。 スクラッチが難しそうなので可能であればプラグインを改変する程度で済ませたいと考えています。...
Wendy's user avatar
  • 3
0
1 回答
481 閲覧数

WEBページ上のミニマップの作成に関する情報もとむ

よくゲームとかで自分がマップのどこに居るか、画面上に小さくミニマップみたいのが出てたりしますよね? それのwebページ版のような、 ・webページの全体像を縮小し ・現在ウィンドウに映っている範囲がどこかを表示する 「ミニマップ」を、webページ上に表示したいです。 それを実装するためのjavascriptかjqueryの情報を求めています。 何かお知りの方いましたら教えてください。
user27439's user avatar
0
1 回答
568 閲覧数

リンクタグと、input type=imageの要素を押下しても全く無反応な理由をしりたい

下記HTMLはブラウザを実行すると右上に、2つのボタンが現れ、このボタンを押下すれば 自画面を呼ぶなり、ログインメニュへの遷移(PHP動作)が達成されることを期待していますが 標題のとおり、無反応になっています。 PHPのログに何も現れていません。 まるで画面上部がモーダルウィンドウ配下に隠れているかのごとく、操作が無効です。 ===質問=== 如何したら反応できるようになるか ...
saya24's user avatar
  • 545
0
2 回答
3,071 閲覧数

テーブル行上のYes/No形式のラジオボタン、行単位の入力値管理方法を教えてください。

Yes/No形式のラジオボタンを列挙する場合、双方同じname属性のラジオボタン(input要素)にせざるを得ないと思いますが、テーブルの行上でこれらを配置する場合かつ、『行単位で異なる入力を達成したい』際には どういった要素定義の仕方をしたらよろしいのでしょうか? 現在、全行で単一の入力しか行えない=どこかの行で入力が果たされると、他の行の入力値が消えてしまう状況となっています。(...
saya24's user avatar
  • 545
0
1 回答
1,624 閲覧数

div要素の高さを、画面縦サイズ80%を越えた場合のみ固定(縦スライドバーあり)にしたい

AjaxでのDB取得・Tableへの明細表示を モーダル上で表示させるようなことをしています。 (モーダル背景:ID=modal-overlay、モーダル上のコンテンツdiv:ID=modal-content) コンテンツのdiv上に配置したTable明細数次第で、当該コンテンツ:divの高さは増減するのですが、これを常に中央に表示したいと考えています。 ...
saya24's user avatar
  • 545
0
1 回答
144 閲覧数

カルーセル(スライダー)について質問です。

スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。 なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。 main.js var slideWidth="...
敬西川's user avatar
1
2 回答
555 閲覧数

JQuery 要素を思うように捉えられない

====質問=== table内の行に配置されたボタン要素押下で、当該tableの一番下の行=tr要素を取得したいのですが自分の未熟さから捉えられない状態です。下の図の緑枠のtr要素を変数$rowに格納したいのですが、どういった関数記述で達成できるのでしょうか? ちなみに、console.logに$(this).nextAll("table").eq(0).prop("tagName")...
saya24's user avatar
  • 545
0
2 回答
1,807 閲覧数

指定したdiv要素の子要素=tableの、更に子要素であるtrの数を知りたい

皆様いつもお世話になっております。 標題の件、率直に言えば、以下HTMLで、table中のtrを削除したいのですが、class="appLineDummy"というtrは【除いた全て】を削除したいです。(DOMExporerの画像=が表れているのはこの為?!) div要素にはclass名が付いているので、こちらを起点とした処理を行うか、...
saya24's user avatar
  • 545
0
1 回答
2,608 閲覧数

INPUT TYPE=TEXTの枠内で、タブコードと改行コードの存在を検知したい

JavaScript(JQuery)で、INPUT TYPE=TEXTの枠内に、タブコードか改行コードが検出されたら エラーを検知するfunctionを作ろうとしています。 ====質問==== 試しに以下のようにfunctuionを作ってみましたが、何の文字でもエラー検知される状況です。 大変あつかましいのですが、正しく検知する為のコードをご教示頂けませんでしょうか? //備考チェック $(&...
saya24's user avatar
  • 545
0
1 回答
1,264 閲覧数

動的に生成されるテーブル中のINPUT要素を、配列化してPHP・JS側双方で捉えたい

皆様、いつも大変御世話になっております。 PHP側で要素を配列として認識できる、との記事をおみかけし、 自分のHTMLに当てはめようとして頭を悩ましています。 テーブル行はJSで動的に形成されます。 こちらの行に含まれるINPUT要素に、本日までは"[]"を付けていませんでしたが 見ようみまねで"[]"を付けてみました... PHP側での取得にいざ挑戦しようとコーディングを始めたところ... ...
saya24's user avatar
  • 545
0
2 回答
1,567 閲覧数

数値項目用のINPUT TYPE=TEXTの枠、フォーカスがあたったら、カーソルを一番右に配置したい

皆様 いつもお世話になっております。 標題の件、数値項目が入る枠は、事前に値が入っていて内容の変更・もしくは削除する場合は、バックスペースキーで操作を行いたいものではないでしょうか?デリートキーではなく。 ====質問==== INPUT TYPE=TEXTの枠にフォーカスがあたったら、カーソルを一番右に配置する方法があれば教えてください。ちなみに現況当該枠は以下コーディングを果たしてあります。 /...
saya24's user avatar
  • 545
0
1 回答
188 閲覧数

テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている

ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。 INPUT TYPE=TEXTの要素:「A」について、changeイベントで動作させるJavaScript(JQuery)を コーディング済みです。 また同ページにはBUTTON要素:「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。 「A」のテキスト枠について、...
saya24's user avatar
  • 545
0
1 回答
337 閲覧数

JQueryのトースト、紹介されたページのように表示されない。

http://kdemos.github.io/jquery-toast-plugin こちらのサイトでは自分が実装したいトーストの形式をパラメータ入力することで プラグインのライブラリが、目標どおりに表示されるよう その実行文(JQuery)まで 表示・提供してくれるようになっています(多分そういう意図)。 ...
saya24's user avatar
  • 545
1
2 回答
2,703 閲覧数

ラジオボタン無指定の状況を捉えようとしているが、画面と異なり既に選択されている?!

質問: ラジオボタンというものは、画面を開いた際からいづれかのアイテムが選択された状態になってしまう、 かつ、見た目とは異なる状態になってしまうものなのでしょうか? (コーディングで初期値のような制御をしない限り、意図した選択にならない??) 無指定を検知しようとしていることが間違っている、はたまた、無指定にはみえない現況のコーディングに問題があるのでしょうか? PHPで、...
saya24's user avatar
  • 545
0
1 回答
621 閲覧数

画面中央(縦・横)に表示したいDIV要素が、左上に表示されてしまう原因・対策を知りたい

皆様 いつも大変お世話になっております。ネット上の記事を参考にCLASS名=BOXのDIV要素を、画面中央に表示しようとていますが、JSが正常に機能していないのか左はしに表示されてしまいます。 質問 以下がコーディングですが、原因をどなたかご教示頂けませんでしょうか? ちなみに ①画面の背景色が変わっている、DIV=boxの縦横のサイズを試しにメッセージボックスへ表示してみると、...
saya24's user avatar
  • 545
0
1 回答
1万 閲覧数

button要素のonclick属性に仕掛けた関数が未定義となり起動できない

標題の件、問題の関数inicheck();はHEADタグ内で記述するjs/entry.jsの中にfunctionとして記述しています。 画面を開いてonclick属性を仕掛けたボタンを押下しても、無反応となってしまいます。 ブラウザの開発ツールを開くと、案の定 定義されていませんというエラーになっていました。 質問: onclick属性で定義した関数を、...
saya24's user avatar
  • 545
0
1 回答
3,608 閲覧数

画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい

下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか? <div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
re9's user avatar
  • 6,814
0
1 回答
161 閲覧数

送信前に検知するエラー(独自のエラーコードの格納先)は、どこに保管すべき?

【質問】 クライアント側で設定でき、サーバ側でもクライアント側でも認識できる情報の保管先、かつ改ざんの可能性が低い達成方法をご教示ください。 ・ページ間でその情報を共有する必要はございません。 -質問の背景- 画面内容がクライアント側(DBとの比較Ajax含む)で一通り精査された上、問題のない状況と判断された画面のみがサーバ向けに渡ってくる(SUBMITボタンが押下される)...
saya24's user avatar
  • 545
1
1 回答
856 閲覧数

jQueryで要素を表示させた時に常に最下部にスクロールさせたい。

jQueryを使って、リスト要素を順番に表示するような以下のコードを書きました。しかしこれだと、要素が画面外まで表示されたときに見切れてしまいます。なので、表示された時と同時に、一番下にスクロールするようにしたいのですがどのようなコードを書けば良いのでしょうか。ご教授願います。 main.js $(function(){ $('#fadein-area ul li').hide(); ...
StackDestroyer's user avatar
0
2 回答
3,591 閲覧数

jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したい

jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したいのですが、 find, filter関数でid名やクラス名を指定しても取得できません。どうしたら良いのでしょうか? ちなみに、同じクラス名をもつ複数の要素も配列で取得したいです。 $(document).ready(function(){ $.ajax({ url:'http://yahoo.co....
user avatar
0
2 回答
272 閲覧数

異なるページ内のJavascriptを実行する

以下のような閲覧ページ(index.html)があります。 <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no" /> ...
Koppy's user avatar
  • 1
0
1 回答
1,182 閲覧数

テキストエリアの文字数を1行ごとにカウントさせたい

テキストエリアの文字カウンターで躓いております。ご助力を頂ければと思います。 先ず条件ですが、 1:半角は0.5、全角は1.0としてカウントする 2:改行、スペースはカウントしない 3:3行目まで1行ごとにカウントする(4行目以降は無視) 現在の問題点 半角と全角の判定が無視されているようで半角でも1.0としてカウントされてしまいます。 以上になります。 function ...
ikunori nakagawa's user avatar
0
0 回答
3,289 閲覧数

WebSocketを使ったウェブアプリでの接続エラー

プログラミング初心者です。 現在Go言語を学習しており、「Go言語によるWebアプリケーション開発」という書籍を使っているのですが、その中のWebSocketを使ったチャットアプリ作成にて、下記のエラーが出て解決できずにいます。 room:36 WebSocket connection to 'ws://localhost:8080/room' failed: Error during ...
kei's user avatar
  • 1
0
0 回答
509 閲覧数

動的にテキストをセットした場合のplaceholderの表示について

jQueryのvalを使ってテキストボックスに動的にテキストをセットした場合にMacのsafariではplaceholderのテキストが非表示にならず、重なって表示されてしまいます。 フォーカス時にplaceholderを非表示にする方法は見つかったのですが、動的に値がセットされた場合にplaceholderを非表示にする方法はありますでしょうか? ...
user avatar
2
1 回答
860 閲覧数

textAreaフォーカス時に高さを変更するには

Twitterのツイート入力欄のように、マウスカーソルをtextAreaにフォーカスしたときに textAreaの高さを変更したいです。 jQueryを使って以下のようにしてみましたが、変化ありませんでした。 ・javascript $(function() { $('#inputTextArea') .focusin(function(e) { $(this)....
pekochun's user avatar
  • 417