Skip to main content

すべての質問

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQueryでファイルを送信する方法について

html <textarea id="blogContentInputArea" class="form-control"></textarea> <input type="button" value="送信" onclick="blogContribution();" class="submitButton"/> javascript function ...
2
1 回答
860 閲覧数

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

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

jsで挿入したhtmlの<polygon>要素が表示されない

htmlにあらかじめ書かれている、要素は表示されるのに、 jsで追加した要素は表示されません。 ブラウザのデベロッパーツール上では同じような表記になっているようなのですが。 [HTML] <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title&...
0
1 回答
1,834 閲覧数

htmlの<div>要素にプロパティのようなものを付け加えることはできませんか?

htmlのdiv要素にプロパティのようなものを付け加えることはできませんか? 例えばdivがたくさんあって、 それぞれの固有のスピードでアニメーションさせたい時に、 div.speedXとかという感じで、 divにプロパティを持たせるということがしたいです。 var Box = function() { this.seepdX; this.speedY; } ...
0
1 回答
712 閲覧数

jQueryで、要素の2回目のクリックでうまくbefore()メソッドが働きません。

お世話になります。 青いboxをクリックするたびに、 ピンク色の要素が下に次々と挿入されるようにしたいのですが、 2回目のクリックでうまくbefore()メソッドが働きません。(要素が挿入されません) どこが間違っているのでしょうか? 試しに、 $('this').before(content) として、クリックした要素の上に挿入していくようにするとうまくいくのですが。 [scripts....
1
3 回答
3万 閲覧数

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

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

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

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

サイトのナビゲーションで、選択されている箇所に背景色を付けたい。

サイトのナビゲーションなどによくある、選択されている箇所に背景色を付けたいのですが、 どのようにすれば良いのでしょうか? 例えば以下の場合、会社案内をクリックしたとしたら、<li>会社案内</li>の背景色を赤色とかにしたいです。 <ul class="nav"> <li>会社案内</li> <li>製品一覧</...
0
0 回答
186 閲覧数

jQuery BlackAndWhiteが利用できない

初めまして。 コーディング初心者で現在ホームページ作りをしているのですが、 画像マウスオーバー時に白黒からカラーを切り替えるプラグインのBlackAndWhiteを利用しようとしておりますが、うまくいきません。 念のためマウスオーバー前の画像を添付しておきます。 マウスオーバー前 このような形でマウスオーバー前はalt属性が左上に謎に表示された状態で、...
1
1 回答
2,110 閲覧数

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

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

IEだとaudioのprogressイベントが発火しない

var audio = new Audio('audio.mp3'); audio.volume = 0.2; audio.play(); $(audio).on('progress', function() { console.log('progress'); }); Chromeではprogressログが表示されますが、IE9〜11では表示されません。 解決方法があれば教えてください。
-1
1 回答
438 閲覧数

スクロールバー表示の仕方について

OnsenUIとjQueryでハイブリッドアプリを作っておりますが、 検索リストのような画面でスクロールバーを表示したいのですが仕方が解りません。 ページの基本構造は以下の通りです。 <ons-navigator var="onsnav_search"> <ons-page ng-controller="ctrl_search.html"> <ons-...
0
1 回答
851 閲覧数

JQueryのアコーディオンメニューをスライドではなく乗っかるように出したい

サイドバーのアコーディオンを作りました。 しかし、このままアコーディオンを表示するとbody内のテーブル(列1列2と書いてあるやつ)がそのまま右にズレてしまいます。 右にスライドして全部ズレるのではなく、列1列2などと書いてあるテーブルの上に乗っかるように(上書きするように)表示したいです。 どのようにすればいいでしょうか? 追記です。 すいません、乗っからせたいのですが、下の「列1列2」...
0
1 回答
1,857 閲覧数

tablesorterでボタンの値順でソートしたい

tablesorter + metadataプラグインを使用して、ソート可能なテーブルを作成しています。 ボタンのラベルに対応した値によってソートしたいのですが、ボタンを押した際にその値を変更した後にソートを行っても、ソート順が正しく表示されません。 どのようにすれば正しくボタンのラベルに対応した値でソートできるようになるでしょうか? <!DOCTYPE html> <...
1
1 回答
198 閲覧数

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

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

monacaで使用するnend広告、リリースビルドで表示されるが、クリックしても開きません

monacaで使用するnend広告について質問です。 複数広告枠を持っていて広告コードをタグの中に入れてます。 1つの広告コードを複数コピーするわけではなく 複数枠の広告を1つずつ貼っています。 広告の状態はアクティブです。 3つの質問です。どうぞよろしくお願いします。 『リリースビルドで広告は表示されますが、いざクリックをすると広告は開きません』 解決策を教えていただけないしょうか? 『...
0
2 回答
1,414 閲覧数

fullcalendarの週表示で文字化け

fullcalendarを使っています。 週表示で月をまたいだ時に文字化けしてしまいます。 this code is full calendar settings. <script> $(document).ready(function () { $('#calendar').fullCalendar({ columnFormat: { month:...
0
1 回答
8,052 閲覧数

JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」する方法を教えてください。

以下のソースコードで、<tbody id=”p2146-2-tbody”> ~ </tbody>の範囲を「追加」、「削除」、「移動」、「変更」させたいのですが、どのようにすべきでしょうか? 現在、上手く動かせず、アドバイス頂けましたら幸いです。 何卒宜しくお願い致します。 【index.html】 <table id="p2146-2-table"> <...
1
1 回答
433 閲覧数

cssフレームワーク「Materialize」でナビバーを作りたい

cssフレームワーク「Materialize」を使用して、サイト制作をしています。 テンプレートコード例があるので、それを見ながら作成しているのですが、 ナビゲーションボタンのところで行き詰まってしまいました。 同サイトのShowcase中にある下記サイトのように 「navバーをマウスオーバーすると1段組~4段組のメニューが展開する仕組み」を作りたいのです。 https://...
-4
1 回答
480 閲覧数

チェックボックス、jqueryのフィルタリング

javascript: data=[ {"number":"4","shot":"3P","result":"成功"}, {"number":"5","shot":"2P","result":"失敗"}, {"number":"6","shot":"2P","result":"成功"}, {"...
0
1 回答
4,536 閲覧数

読み込み完了の取得について

現在、Monacaを利用したスマホアプリ開発を行っており、いくつかのページで 読み込み完了した時点で走らせたいロジックがあるのですが どうやって取得するのかわかりません。 今までこの手は、$(window).load(function(){} で大体なんとかなりましたが 今回は ons-navigator にある ons-page 内の処理となり同じ手が使えないので 質問した次第です。 ...
3
1 回答
815 閲覧数

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

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

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

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

monacaのカメラプラグインを用いた際、一定条件下で、端末アルバムに保存できない。

大変お世話になります。 monacaのカメラプラグインで、 ーーーーーーーー destinationType : Camera.DestinationType.DATA_URL saveToPhotoAlbum : true ーーーーーーーー というオプションを「同時に」設定したところ、ipadでは無事端末のアルバムに保存できますが、Android(ASUS Zenfone5)...
1
1 回答
2,460 閲覧数

親要素の値からjQueryでRadioのインデックスを取得したい

以下の様なhtmlからjQueryを使用し、Radioのインデックスを取得したいです。 Optionタグのvalueからインデックスを取得しようとしています。例えばvalue=S1の場合、インデックスは0, value=S2、またはS3の場合は1となります。 <tr> <td> <div class="radio-group-wrapper"> ...
3
1 回答
1,295 閲覧数

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

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

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

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