Skip to main content

すべての質問

でタグ付けされた
130 件の質問
絞り込み
並べ替え
タグ付けされた
7
4 回答
1,209 閲覧数

あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい

例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。 どなたかご教授いただければ幸いです。 <ul> <li><input type="text" name="title"></...
TomoyaShibata's user avatar
7
4 回答
2,848 閲覧数

img要素の読み込み完了後に非表示要素を表示したい

img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。 <style> セレクタ {display: none;} </style> 上記のCSSを、onloadを使用して <style> セレクタ {display: block;} </...
名も無いWEB屋's user avatar
6
2 回答
1,637 閲覧数

jQueryを拡張して要素を回転させたい

jQueryっぽく要素を回転させたい $("#elem").rotate(90); => #elemが90度回転 $("#elem").rotate() => "90"が返る
Taizan Yonetuji's user avatar
5
2 回答
1万 閲覧数

変数がDOM要素かどうかを判定する方法

event.target には click などのイベント発生時にイベント発生元のDOM要素がセットされていると思いますが、jQuery の ajax() を非同期で実行した場合は XMLHttpRequest オブジェクトが入っていました。 変数の値がDOM要素の場合だけ特定の処理を行いたいです。 event.target に限らず、変数・...
jirolabo's user avatar
  • 2,234
4
3 回答
3,877 閲覧数

jQuery / JavaScriptで、ロード画面を表示させたい

作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。 また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。 すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
Yuki TANABE's user avatar
4
2 回答
1万 閲覧数

ブラウザの戻るボタンで戻ったときにリロードする方法はありますか?

ブラウザの戻るボタンで戻った時、最新のページを読み込みたいのですが、可能でしょうか? IE10または11でできればOKです。 以下のコードで試してみたのですが、うまくいきませんでした。よろしくお願いします! <script> <!-- window.onunload = function(){location.reload();} --> </script> ...
Yusuke Fujita's user avatar
4
3 回答
2,272 閲覧数

jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい

ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
Yuki TANABE's user avatar
4
1 回答
1,156 閲覧数

コンボボックスフォーカス時に、左右キー押下で値が変更されるのをキャンセルしたい

コンボボックスフォーカス時に、 左右キー押下でコンボボックスの値が変更されるのをキャンセルしたいのですが、 方法はありますでしょうか? ちなみに、 javascriptのkeydownイベントに、 event.stopPropagation(); event.preventDefault(); return false; などを記述してみましたが効きませんでした。
n_k's user avatar
  • 85
3
2 回答
3,505 閲覧数

IEで window.location.href に data:text/csv;... を設定することが出来ない

現在、tableをCSV出力するためにtable2CSV.jqueryを使用しています。 IE(ver11)の場合、下記のソース中のencodeURIComponentを window.location.hrefに代入している部分でエラーになっており、エラーメッセージは特にないです。※chromeは動作確認済み どうにか動作するようにしたいのですが、 ...
aspara_prime's user avatar
  • 1,316
3
2 回答
3万 閲覧数

ページを最初から指定の位置にスクロールする

こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。 このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか? 私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
くにあつ's user avatar
3
2 回答
325 閲覧数

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

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

jQueryで指定された値を取得し書き換えたい

HTML <ul id="list"> <li id="meta">hoge<span id="opt">huga</span></li> ... <ul> というテーブルから"hoge"だけをjQueryを使用し取得した後、値を書き換えたいです。 ご教授願えますでしょうか。
momen's user avatar
  • 33
3
1 回答
815 閲覧数

動的にHTMLを追加読み込みする場合、読み込める量は制限すべき?

TwitterのTLのようにスクロールすると次々と追加読み込みするようなページを作りたいのですが、上部のプルダウンで表示する情報(TLみたいなリスト情報)を切り替えられるようにします。 プルダウンで選択した表示中の情報はスクロールする度に追加読み込みします。 もし、その途中でプルダウンが切り替えられたら、表示内容を切り替えて新しく表示された情報をスクロールのたびに追加読み込みします。 ...
tomorin's user avatar
  • 653
3
1 回答
1,295 閲覧数

monacaで設置されているグーグルマップアプリを開く方法

monacaでアンドロイドとIOS両方を支援するハイブリッドアプリを開発しています。 リンクを押すと現在地と目的地の座標を渡して設置されているグーグルマップが開かれるようにし、渡された座標でグーグルマップのナビが実行されるようにしたいんです。 現在は window.open('http://maps.google.com/maps?saddr=' + start + '&daddr='...
Kim's user avatar
  • 93
3
1 回答
511 閲覧数

jqueryで要素の属性で絞り込む方法はありますか?

html <a href="hoge">1</a> <a href="huga">2</a> <a href="hogehoge">3</a> <a href="hugahuga">4</a> jquery $('a').onAttr('href', 'hoge'); // ...
user7339's user avatar
  • 333
2
3 回答
3,417 閲覧数

画像要素を他の要素より先に表示させる方法

現在WEBページを運営しておりますが、初回読み込み時に背景→テキスト→画像の順番で表示されます。 テキストはWeb Fontで、画像はjQueryを使用していますので、個人的には納得(CDNとキャッシュを利用して2回目以降の読み込みはいたって快適)していたのですが「せめてヘッダー画像だけでも先に表示できないか」との要望を受けてしまい現在困っております。 画像の軽量化/...
名も無いWEB屋's user avatar
2
2 回答
1万 閲覧数

datatablesの検索機能で、検索する列の指定をしたいです

datatebles ver1.10.5 を使用しており、 検索機能で検索する列の指定をしたいのですが方法が分かりません。 分かる方がいましたらご教授をお願いします。 使用しているdatatablesのダウンロードページです。 http://datatables.net/download/
aspara_prime's user avatar
  • 1,316
2
3 回答
2,035 閲覧数

データの無い行も含めて、常に50件表示したい

現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。 データの無い行も含めて常に50行を表示したいのですが、方法が分かりません。 また、常に50行を表示したいので、表示行数設定は削除したいです。 ご教授をお願いします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
aspara_prime's user avatar
  • 1,316
2
1 回答
860 閲覧数

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

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

JQueryでテーブルを検索してヒットした行のみ表示する

テキストボックスにonkeyupで以下のSearchが呼ばれるとします。 Searchの中で目的のテーブルを捕まえています。 このキーワードにヒットする行のみ表示で、他の行を非表示にするコードを教えてください。 function Search($this) { var keyword = $this.value; var rows = $("#...
noside's user avatar
  • 242
2
1 回答
3,221 閲覧数

blurイベントで開始した非同期処理が完了するまでフォーム送信をさせないためには

よろしくお願いいたします。 HTMLでコード入力用のテキストボックス(#item_cd)があります。 javascriptでは、#item_cdのonblurイベントで、入力されたコードからマスタデータを参照して、取得した値から名称の表示や計算を行うような処理を記述しました。 処理はdeferredとpromiseを使って取得~計算までを一連の流れとして記述しています。 また、画面には「登録」...
tika1952's user avatar
2
1 回答
124 閲覧数

Goのテンプレートの変数をJQueryで取得したい

Goで利用するテンプレートでrangeの要素になっているものを取得したいです。例えば以下のような場合です。 {{ range .}} <li id="object"> //このNameという変数をこのli要素をクリックした時に取得したい <p>{{ .Name }}}</p> </li> {{ end }} ...
StackDestroyer's user avatar
1
3 回答
1万 閲覧数

HTMLのカスタムdata属性の値を配列で受け取りたい

こんなHTMLを <select> <option data-select="a" value="A">A</option> <option data-select="b" value="B">B</option> <option data-select="c" value="c">c</option>...
kazoo0217's user avatar
1
1 回答
2,110 閲覧数

特定の要素だけ残してページ遷移をする方法

まずはこのサイトをみてほしいです。 →http://kekselias.com/ 左のナビゲーションでどれかクリックするとメインの要素が右にスライドして消え、 次の要素が左からスライドしてきます。 このアニメーションでわかないのが、urlが変わってるにもかかわらず、左のヘッダーは 一瞬も消えることなく常に表示されています。 urlでページを変えつつも、ヘッダー(特定の要素)...
kurino's user avatar
  • 55
1
1 回答
154 閲覧数

jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう

jqueryでdragしている間そのdivの内容の文字をtext()で変更すると resizeが出来なくなってしまうのです。 詳しくはsnipetで実行してみてください。 jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。 text()の代わりにhtml()にしても同じ現象が発生します。 変更した後にもう一度draggable()...
ほたく's user avatar
1
1 回答
2,435 閲覧数

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

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

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

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

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

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

サイトのナビゲーションの、選択されているテキストに色を付けたいです。

サイトのナビゲーションなどによくある、選択されているページの文字色を変えたいのですが、 どのようにすれば良いのでしょうか? 例えば以下の場合、会社案内をクリックしたら、会社案内ページが表示されているときは<li><a href="#">会社案内</a></li>のテキストをredにする。といった動きにしたいです。 <ul class="nav"...
poplot726's user avatar
  • 243
1
3 回答
3万 閲覧数

セレクトボックス内の要素を非表示にしたい

<select> <option>test1</option> <option>test2</option> </select> のtest1を非表示にしたいのですが、javascript 、jqueryで可能でしょうか? firefoxでは、cssのdisplay:noneで非表示になりますが、...
n_k's user avatar
  • 85
1
2 回答
10万 閲覧数

$ is not definedエラーの解決方法

javascript内の var name = $("#in").val(); の部分で、 $ is not definedになってしまいます。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" ...
aspara_prime's user avatar
  • 1,316
1
1 回答
1,147 閲覧数

Chrome ExtencionでAjaxを行い、HTMLを表示したい

chrome extensionでitune RSSをパースしてHTMLに表示したくて以下のコードを書いたのですが、結果が反映されませんでした。 どこを変更すれば表示できるようになりますか? 教えて下さい。よろしくおねがいします。 <!--popup.js--> chrome.browserAction.onClicked.addListener(function(){ ...
StackDestroyer's user avatar
1
1 回答
584 閲覧数

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

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

検索補完を実現したいです。JavaScriptのxhrで一つ一つの要素に処理を行うものを考えています。

JavaScriptのxhrで取得したものから属性値を抽出したいのですが 方法がよくわかりません。 <form name="f"> <input type="text" name="t" onkeyup="s()"> </form> <script async defer> function s() { v = ...
edi's user avatar
  • 13
1
2 回答
506 閲覧数

formの要素を増やして、ユニークなnameを付ける

以下のinput要素をボタンを押すと要素が増えるといった仕組みを作りたいと思っています。 ただ、新しく生成した要素のnameはtext_title1やtext_html1といったユニークなものにしたいです。 どのようにすればうまくいきますでしょうか。 詳しい方、ご教示下さい。宜しくお願い致します。 <li><input type="text" placeholder="タイトル"...
rei0328's user avatar
  • 481
1
1 回答
2,214 閲覧数

Datatablesのソースで、表示件数変更欄を生成している部分が知りたいです

Datatablesのソースで、表示件数変更欄を生成している部分が知りたいと思い、 settings._iDisplayLengthと記載されているソースを調査していますが、見つける事が出来ていません。 分かる方がいましたらご教授をお願いします。 DataTablesダウンロード
aspara_prime's user avatar
  • 1,316
1
1 回答
856 閲覧数

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

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

Canvasの画像にフィルターを掛けたい

こちらのサイトを参考にfilterで画像を編集できるボタンを作っています。 var can = $("#drawarea")[0]; var context = can.getContext("2d"); $("#select").on("change",function(){ var fileList = this.files ; if( 1 > ...
Daiki  Kojima's user avatar
1
1 回答
384 閲覧数

filter cssで編集した画像を編集したままの状態でダウンロードしたい

var can = $("#drawarea")[0]; var context = can.getContext("2d"); $("#select").on("change", function() { var fileList = this.files; if (1 > fileList.length) { return false; } ...
Daiki  Kojima's user avatar
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
0
1 回答
120 閲覧数

このJQueryは何をやっているんでしょう??

Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです. 端的にいいますと以下のコードは何をやっているのかがよくわかりません. if (totalPageNumber > 1) { /...
tmakita's user avatar
  • 1,088
0
1 回答
1,340 閲覧数

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
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 回答
6,350 閲覧数

jQuery で $ is not defined とエラー表示される

jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。 <!...
Suzu's user avatar
  • 35
0
1 回答
372 閲覧数

jQueryのクリックイベントのみ動かなくなりました

昨日まで正常に動いたコードが今朝動かなくなってしまいました。 selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。 しかしjsファイルの一番最後の行のclickイベントだけが動きません。 clickイベントの中にconsole.logを入れても何も表示されないため、...
ポルポラ's user avatar
0
1 回答
229 閲覧数

JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる

前提・実現したいこと JavaScriptを学習中の初学者です。 JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。 発生している問題・エラーメッセージ 下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。 出力1: テスト1 出力2: <input class="waypoint"...
Nakamura Yuji's user avatar
0
1 回答
1,226 閲覧数

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

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

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

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

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

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