すべての質問
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="タイトル"...