すべての質問
130 件の質問
7
票
4
回答
1,209
閲覧数
あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい
例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。
どなたかご教授いただければ幸いです。
<ul>
<li><input type="text" name="title"></...
7
票
4
回答
2,848
閲覧数
img要素の読み込み完了後に非表示要素を表示したい
img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。
<style>
セレクタ {display: none;}
</style>
上記のCSSを、onloadを使用して
<style>
セレクタ {display: block;}
</...
6
票
2
回答
1,637
閲覧数
jQueryを拡張して要素を回転させたい
jQueryっぽく要素を回転させたい
$("#elem").rotate(90); => #elemが90度回転
$("#elem").rotate() => "90"が返る
5
票
2
回答
1万
閲覧数
変数がDOM要素かどうかを判定する方法
event.target には click などのイベント発生時にイベント発生元のDOM要素がセットされていると思いますが、jQuery の ajax() を非同期で実行した場合は XMLHttpRequest オブジェクトが入っていました。
変数の値がDOM要素の場合だけ特定の処理を行いたいです。
event.target に限らず、変数・...
4
票
3
回答
3,877
閲覧数
jQuery / JavaScriptで、ロード画面を表示させたい
作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。
すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
4
票
2
回答
1万
閲覧数
ブラウザの戻るボタンで戻ったときにリロードする方法はありますか?
ブラウザの戻るボタンで戻った時、最新のページを読み込みたいのですが、可能でしょうか?
IE10または11でできればOKです。
以下のコードで試してみたのですが、うまくいきませんでした。よろしくお願いします!
<script>
<!--
window.onunload = function(){location.reload();}
-->
</script>
...
4
票
3
回答
2,272
閲覧数
jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい
ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
4
票
1
回答
1,156
閲覧数
コンボボックスフォーカス時に、左右キー押下で値が変更されるのをキャンセルしたい
コンボボックスフォーカス時に、
左右キー押下でコンボボックスの値が変更されるのをキャンセルしたいのですが、
方法はありますでしょうか?
ちなみに、
javascriptのkeydownイベントに、
event.stopPropagation();
event.preventDefault();
return false;
などを記述してみましたが効きませんでした。
3
票
2
回答
3,505
閲覧数
IEで window.location.href に data:text/csv;... を設定することが出来ない
現在、tableをCSV出力するためにtable2CSV.jqueryを使用しています。
IE(ver11)の場合、下記のソース中のencodeURIComponentを window.location.hrefに代入している部分でエラーになっており、エラーメッセージは特にないです。※chromeは動作確認済み
どうにか動作するようにしたいのですが、
...
3
票
2
回答
3万
閲覧数
ページを最初から指定の位置にスクロールする
こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。
このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか?
私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
3
票
2
回答
325
閲覧数
IE11 全角文字を設定した input 要素を追加すると input イベントが発生するのを抑止したい
入力要素の input イベントハンドラをあらかじめ設定している状態で、動的にテキスト要素を追加すると、value に全角文字が含まれている場合、IE11 で input イベントが発火してしまいます。他のブラウザや、テキストに全角文字が含まれていない場合には input イベントは発生しません。
「要素の追加後に input イベントハンドラを後から追加する」...
3
票
2
回答
1,297
閲覧数
jQueryで指定された値を取得し書き換えたい
HTML
<ul id="list">
<li id="meta">hoge<span id="opt">huga</span></li>
...
<ul>
というテーブルから"hoge"だけをjQueryを使用し取得した後、値を書き換えたいです。
ご教授願えますでしょうか。
3
票
1
回答
815
閲覧数
動的にHTMLを追加読み込みする場合、読み込める量は制限すべき?
TwitterのTLのようにスクロールすると次々と追加読み込みするようなページを作りたいのですが、上部のプルダウンで表示する情報(TLみたいなリスト情報)を切り替えられるようにします。
プルダウンで選択した表示中の情報はスクロールする度に追加読み込みします。
もし、その途中でプルダウンが切り替えられたら、表示内容を切り替えて新しく表示された情報をスクロールのたびに追加読み込みします。
...
3
票
1
回答
1,295
閲覧数
monacaで設置されているグーグルマップアプリを開く方法
monacaでアンドロイドとIOS両方を支援するハイブリッドアプリを開発しています。
リンクを押すと現在地と目的地の座標を渡して設置されているグーグルマップが開かれるようにし、渡された座標でグーグルマップのナビが実行されるようにしたいんです。
現在は
window.open('http://maps.google.com/maps?saddr=' + start
+ '&daddr='...
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'); // ...
2
票
3
回答
3,417
閲覧数
画像要素を他の要素より先に表示させる方法
現在WEBページを運営しておりますが、初回読み込み時に背景→テキスト→画像の順番で表示されます。
テキストはWeb Fontで、画像はjQueryを使用していますので、個人的には納得(CDNとキャッシュを利用して2回目以降の読み込みはいたって快適)していたのですが「せめてヘッダー画像だけでも先に表示できないか」との要望を受けてしまい現在困っております。
画像の軽量化/...
2
票
2
回答
1万
閲覧数
datatablesの検索機能で、検索する列の指定をしたいです
datatebles ver1.10.5 を使用しており、
検索機能で検索する列の指定をしたいのですが方法が分かりません。
分かる方がいましたらご教授をお願いします。
使用しているdatatablesのダウンロードページです。
http://datatables.net/download/
2
票
3
回答
2,035
閲覧数
データの無い行も含めて、常に50件表示したい
現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。
データの無い行も含めて常に50行を表示したいのですが、方法が分かりません。
また、常に50行を表示したいので、表示行数設定は削除したいです。
ご教授をお願いします。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
...
2
票
1
回答
860
閲覧数
textAreaフォーカス時に高さを変更するには
Twitterのツイート入力欄のように、マウスカーソルをtextAreaにフォーカスしたときに
textAreaの高さを変更したいです。
jQueryを使って以下のようにしてみましたが、変化ありませんでした。
・javascript
$(function() {
$('#inputTextArea')
.focusin(function(e) {
$(this)....
2
票
1
回答
8,690
閲覧数
JQueryでテーブルを検索してヒットした行のみ表示する
テキストボックスにonkeyupで以下のSearchが呼ばれるとします。
Searchの中で目的のテーブルを捕まえています。
このキーワードにヒットする行のみ表示で、他の行を非表示にするコードを教えてください。
function Search($this) {
var keyword = $this.value;
var rows = $("#...
2
票
1
回答
3,221
閲覧数
blurイベントで開始した非同期処理が完了するまでフォーム送信をさせないためには
よろしくお願いいたします。
HTMLでコード入力用のテキストボックス(#item_cd)があります。
javascriptでは、#item_cdのonblurイベントで、入力されたコードからマスタデータを参照して、取得した値から名称の表示や計算を行うような処理を記述しました。
処理はdeferredとpromiseを使って取得~計算までを一連の流れとして記述しています。
また、画面には「登録」...
2
票
1
回答
124
閲覧数
Goのテンプレートの変数をJQueryで取得したい
Goで利用するテンプレートでrangeの要素になっているものを取得したいです。例えば以下のような場合です。
{{ range .}}
<li id="object">
//このNameという変数をこのli要素をクリックした時に取得したい
<p>{{ .Name }}}</p>
</li>
{{ end }}
...
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>...
1
票
1
回答
2,110
閲覧数
特定の要素だけ残してページ遷移をする方法
まずはこのサイトをみてほしいです。
→http://kekselias.com/
左のナビゲーションでどれかクリックするとメインの要素が右にスライドして消え、
次の要素が左からスライドしてきます。
このアニメーションでわかないのが、urlが変わってるにもかかわらず、左のヘッダーは
一瞬も消えることなく常に表示されています。
urlでページを変えつつも、ヘッダー(特定の要素)...
1
票
1
回答
154
閲覧数
jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう
jqueryでdragしている間そのdivの内容の文字をtext()で変更すると
resizeが出来なくなってしまうのです。
詳しくはsnipetで実行してみてください。
jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。
text()の代わりにhtml()にしても同じ現象が発生します。
変更した後にもう一度draggable()...
1
票
1
回答
2,435
閲覧数
CSSで無限に横スクロールできるメニューバーをつくりたい
CSSで無限に横スクロールできるメニューバーをつくりたいです。
自動でスクロールするものではなく、手動で動かすものを作りたいと考えています。
いろいろ調べたのですが、
このような自動でスクロールされるものではなく、手動の。つまり触らなければ全く動かない横スクロールメニューを構築したいです。
https://qiita.com/mk668a/items/e6e73c32b8a8f943c94b
...
1
票
2
回答
1万
閲覧数
次の要素へフォーカスを移動(タブキー押下をエミュレート)したい
エンターキー押下など、特定のイベント発生時にタブキー押下と同様の動作(次の要素へフォーカス移動)を行いたいです。
例えば、以下のコードで試したところ、keyup(keyCode = 9)のイベントはトリガーされますが、フォーカスは移動しませんでした。このような key* 系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。
代替手段としてどのような方法があるでしょうか?...
1
票
2
回答
2,703
閲覧数
ラジオボタン無指定の状況を捉えようとしているが、画面と異なり既に選択されている?!
質問:
ラジオボタンというものは、画面を開いた際からいづれかのアイテムが選択された状態になってしまう、
かつ、見た目とは異なる状態になってしまうものなのでしょうか?
(コーディングで初期値のような制御をしない限り、意図した選択にならない??)
無指定を検知しようとしていることが間違っている、はたまた、無指定にはみえない現況のコーディングに問題があるのでしょうか?
PHPで、...
1
票
1
回答
227
閲覧数
サイトのナビゲーションの、選択されているテキストに色を付けたいです。
サイトのナビゲーションなどによくある、選択されているページの文字色を変えたいのですが、
どのようにすれば良いのでしょうか?
例えば以下の場合、会社案内をクリックしたら、会社案内ページが表示されているときは<li><a href="#">会社案内</a></li>のテキストをredにする。といった動きにしたいです。
<ul class="nav"...
1
票
3
回答
3万
閲覧数
セレクトボックス内の要素を非表示にしたい
<select>
<option>test1</option>
<option>test2</option>
</select>
のtest1を非表示にしたいのですが、javascript 、jqueryで可能でしょうか?
firefoxでは、cssのdisplay:noneで非表示になりますが、...
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" ...
1
票
1
回答
1,147
閲覧数
Chrome ExtencionでAjaxを行い、HTMLを表示したい
chrome extensionでitune RSSをパースしてHTMLに表示したくて以下のコードを書いたのですが、結果が反映されませんでした。 どこを変更すれば表示できるようになりますか? 教えて下さい。よろしくおねがいします。
<!--popup.js-->
chrome.browserAction.onClicked.addListener(function(){
...
1
票
1
回答
584
閲覧数
外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか?
外部リンクへ飛ばしたときに、リンク先のアンカーの位置がずれて表示されます。
リンク先のアンカーの位置がきちんと頭だしされるように調整したいです。
外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか?
html,cssでできるのがよいですが、
できなければjs,jqueryでもよいです。
よろしくお願いいたします。
1
票
1
回答
198
閲覧数
検索補完を実現したいです。JavaScriptのxhrで一つ一つの要素に処理を行うものを考えています。
JavaScriptのxhrで取得したものから属性値を抽出したいのですが
方法がよくわかりません。
<form name="f">
<input type="text" name="t" onkeyup="s()">
</form>
<script async defer>
function s() {
v = ...
1
票
2
回答
506
閲覧数
formの要素を増やして、ユニークなnameを付ける
以下のinput要素をボタンを押すと要素が増えるといった仕組みを作りたいと思っています。
ただ、新しく生成した要素のnameはtext_title1やtext_html1といったユニークなものにしたいです。
どのようにすればうまくいきますでしょうか。
詳しい方、ご教示下さい。宜しくお願い致します。
<li><input type="text" placeholder="タイトル"...
1
票
1
回答
2,214
閲覧数
Datatablesのソースで、表示件数変更欄を生成している部分が知りたいです
Datatablesのソースで、表示件数変更欄を生成している部分が知りたいと思い、
settings._iDisplayLengthと記載されているソースを調査していますが、見つける事が出来ていません。
分かる方がいましたらご教授をお願いします。
DataTablesダウンロード
1
票
1
回答
856
閲覧数
jQueryで要素を表示させた時に常に最下部にスクロールさせたい。
jQueryを使って、リスト要素を順番に表示するような以下のコードを書きました。しかしこれだと、要素が画面外まで表示されたときに見切れてしまいます。なので、表示された時と同時に、一番下にスクロールするようにしたいのですがどのようなコードを書けば良いのでしょうか。ご教授願います。
main.js
$(function(){
$('#fadein-area ul li').hide();
...
1
票
1
回答
991
閲覧数
Canvasの画像にフィルターを掛けたい
こちらのサイトを参考にfilterで画像を編集できるボタンを作っています。
var can = $("#drawarea")[0];
var context = can.getContext("2d");
$("#select").on("change",function(){
var fileList = this.files ;
if( 1 > ...
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;
}
...
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>...
0
票
1
回答
120
閲覧数
このJQueryは何をやっているんでしょう??
Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです.
端的にいいますと以下のコードは何をやっているのかがよくわかりません.
if (totalPageNumber > 1) {
/...
0
票
1
回答
1,340
閲覧数
HTML入力フォームの途中で、自動保存する機能はどうやって実装?
HTML入力フォームの途中で、自動保存する機能について
・スタック・オーバーフローのフォームにも適用されているようですが、これはどうやって実装しているのですか?
・クライアント側で完結?
・サーバへ送信? データベースへ保存?
・何れでも良い? 色々なやり方がある??
0
票
1
回答
443
閲覧数
jqueryのelse if文の条件分岐
iconName.indexOf('icon07.png') の画像データがある時は <option value="40610" selected=""> にselectのデータが入らない処理したいので、どうしても処理を発生しない条件がほしいです。
このようにコードを書いてもうまくいきません。
どのように改良すればいいでしょうか。
if(calendarId)
{
var ...
0
票
1
回答
1,624
閲覧数
div要素の高さを、画面縦サイズ80%を越えた場合のみ固定(縦スライドバーあり)にしたい
AjaxでのDB取得・Tableへの明細表示を モーダル上で表示させるようなことをしています。
(モーダル背景:ID=modal-overlay、モーダル上のコンテンツdiv:ID=modal-content)
コンテンツのdiv上に配置したTable明細数次第で、当該コンテンツ:divの高さは増減するのですが、これを常に中央に表示したいと考えています。
...
0
票
1
回答
6,350
閲覧数
jQuery で $ is not defined とエラー表示される
jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。
<!...
0
票
1
回答
372
閲覧数
jQueryのクリックイベントのみ動かなくなりました
昨日まで正常に動いたコードが今朝動かなくなってしまいました。
selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。
しかしjsファイルの一番最後の行のclickイベントだけが動きません。
clickイベントの中にconsole.logを入れても何も表示されないため、...
0
票
1
回答
229
閲覧数
JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる
前提・実現したいこと
JavaScriptを学習中の初学者です。
JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。
発生している問題・エラーメッセージ
下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。
出力1: テスト1
出力2: <input class="waypoint"...
0
票
1
回答
1,226
閲覧数
読み込んだ画像の範囲指定したところを黒く塗りつぶしたい
※いただいたコメントにより修正しました。
下記の機能を実装したwebサイトを制作したいです。
・画像URLを入力またはアップロードで取得した画像をブラウザに表示する
・表示した画像にマウスカーソルをのせると、PhotoshopやIllustratorで言うところのペンツールのような機能を持ったツールA※1に切り替わる
・ツールAで三角形以上の多角形を作ると、その多角形の内側を黒ベタに塗りつぶす
...
0
票
1
回答
2,608
閲覧数
INPUT TYPE=TEXTの枠内で、タブコードと改行コードの存在を検知したい
JavaScript(JQuery)で、INPUT TYPE=TEXTの枠内に、タブコードか改行コードが検出されたら
エラーを検知するfunctionを作ろうとしています。
====質問====
試しに以下のようにfunctuionを作ってみましたが、何の文字でもエラー検知される状況です。
大変あつかましいのですが、正しく検知する為のコードをご教示頂けませんでしょうか?
//備考チェック
$(&...
0
票
1
回答
1万
閲覧数
button要素のonclick属性に仕掛けた関数が未定義となり起動できない
標題の件、問題の関数inicheck();はHEADタグ内で記述するjs/entry.jsの中にfunctionとして記述しています。 画面を開いてonclick属性を仕掛けたボタンを押下しても、無反応となってしまいます。
ブラウザの開発ツールを開くと、案の定 定義されていませんというエラーになっていました。
質問:
onclick属性で定義した関数を、...