グラブルのフレ募集とかで使えそうな「フレ石編成的ななにか」ができました。 | Pr factory
グラブルのフレ募集とかで使えそうな「フレ石編成的ななにか」です。 リンクからアクセスしてお使い下さい。 サルナーンでもわかる、使い方説明「フレ石編成的ななにか」へアクセスします https://prfac.com/gbf/summon/ 各属性の召喚石と、主人公のジョブ等を設定します ※無凸は凸ボタン未選択状態です。4凸は該当召喚石以外表示されません。設定が終わったら「変更する」ボタンをクリックすることで、召喚石の一覧が更新されます「画像生成ボタン」をクリックし、画像を生成させます 画像はスマートフォンであれば長押し、パソコンであれば右クリックから保存することができます（機種・ブラウザによってはできないかもしれません。ご了承くださいませ）画像生成後、「ツイート」ボタンをクリックすることでTwitterとの連携画面が出ます連携が終わりましたらツイートする文章を記載後、「ツイートする」ボタンを
offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
簡単な定義 要素のoffsetLeftプロパティ 要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ 要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ 要素のoffset基準要素(これが何になるかが問題) ○結論から先に見たい方は＞＞こちら＜＜○ いままで、なんとなくoffsetTopやoffsetLeftを使っていました＾＾； これらは「ページ上の要素の位置」を格納してると思って。しかし、よくよく調べてみるとそれは誤りであり、かつかなり複雑でややこしいプロパティであることが分かってきました。*1 もともと、(ここでは述べませんが、offsetHeightとoffsetWidthも含め)offset〜のプロパティはIEがVer5で独自に実装したものらしく、その後他のブラウザが追随して実装したようです
jQuery.ajax()のまとめ
jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQuery.ajax サンプル」などで調べても、いい感じの内容がなかなかヒットしないことと、よくヒットするサイトの情報が古かったりする（1.4で止まっているとか）ためです。 ということで、2012年10月現在2014年10月現在の「jQuery.ajax()」などをざっと調べて作ってみました。 初心者向けの内容です。すべてのオプションは網羅できていません。とりあえずサンプルコードがほしい方は１５項をご覧ください。 若番から必要と思われるものを順番に並べているつもりですが、後半は適当です。また、各項のサンプルはなんとなく積み上げていく感じにしています。 調べている間にも3つくらい新しい発見（といっても古い情報ですが…）があり、jQueryが日々進化していること
たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS
開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました！ 使い方は簡単！下記のコードを貼り付ければOK！ まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存
[JS]Enterキーでのフォーム送信を抑止＆javascript実行
フォームは送信したくないんだけどテキストエリアでEnter押したら関数は実行したい、っていうシーンに。 Javascirptを使うので、オフにされてる場合は無効。 Enterでの送信をさせたくない場合は、Formタグを次のようにする。 <form action="" method="post" onSubmit="return false;"> onSubmit="return false;"を入れるだけで送信できなくなります。 テキストエリアでEnterを押した場合に、関数を実行させたい場合は次のようにする。 <input type="text" name="test" size="20" onkeydown="if(event.keyCode == 13){testFnc(this.value);}" /> function testFnc(str){ alert(str); } ke
![[JS]Enterキーでのフォーム送信を抑止＆javascript実行](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
JavaScriptのイベントハンドラ一覧｜イベント｜JavaScript/DOM｜PHP & JavaScript Room
イベントハンドラ一覧 onBlur／onFocus〔フォーカスが移動した時に処理を行う〕 onChange〔フォームの入力値、選択が変更されたときに処理を行う〕 onSelect／onSelectStart〔テキストが選択された時に処理を行う〕 onSubmit／onReset〔フォームの送信時、リセット時に処理を行う〕 onAbort／onError〔画像読み込み時に処理を行う〕 onLoad／onUnload〔ページ読み込み時、ページの切り替え時に処理を行う〕 onClick／onDblClick〔クリック、ダブルクリックされた時に処理を行う〕 onKeyPress／onKeyDown／onKeyUp〔キーの状態に応じて処理を行う〕 onMouseOut／onMouseOver／onMouseDown／onMouseUp〔マウスを乗せたり離した時、マウスでクリックした時に処理を行う〕
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
parseInt関数(文字列を整数に変換する)
JavaScript のグローバル関数のひとつである parseInt は文字列を整数に変換した値を返します。対象の値が文字列でない場合は文字列に変換したあとで整数に変換されます。ここでは parseInt 関数の使い方について解説します。 ※ Number オブジェクトにグローバル関数の parseInt 関数と同じ動作をする Number.parseInt メソッドが用意されています。 Number.parseInt メソッドについては「文字列を整数に変換する(Number.parseInt)」を参照されてください。
JavaScript リファレンス 配列オブジェクト
・toString 文字列に変換 arrayObj.toString(); 戻り値：要素を「 , (カンマ）」で区切られた文字列 配列の各要素をカンマを区切り文字として文字列にして返します 例） arr = ["aaa" , "bbb" , "ccc"]; str = arr.toString(); document.write(str);// aaa,bbb,ccc が出力される ・concat 配列の連結 arrayObj.concat(arrayObj2); 第一引数：配列 戻り値：結合後の配列 配列と配列を結合します。 例） array1 = ["aaa" , "bbb" , "ccc"]; array2 = ["ddd" , "eee" , "fff"]; array3 = array1.concat(array2); str = array3.t
オブジェクト（Object） - とほほのWWW入門
オブジェクトとは オブジェクトを作成する obj = new Object([value]) obj = { key1: value1, key2: value2, ... } Object.create(prototype[, properties]) プロトタイプ Object.prototype Object.getPrototypeOf(obj) Object.setPrototypeOf(obj) obj1.isPrototypeOf(obj2) obj.__proto__ (非推奨) プロパティ Object.keys(obj) Object.values(obj) Object.entries(obj) Object.fromEntries(obj) Object.getOwnPropertyNames(obj) Object.getOwnPropertySymbols(ob
jQueryUIのDialogをカスタマイズする6つの物凄く細かい小技 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） jQueryUIのdialogは結構お世話になっているのですが、たまに欲しい機能がなかったり、あっても説明されてなかったりするのでここにDialogカスタマイズTipsをしたためておきます。 この記事の内容は既に古くなっています。現在最新バージョンのjQueryUIでは挙動が改善されていたり、渡せるオプションが変わっていたりします。 Modalしたダイアログをオーバーレイクリックで閉じる 任意の要素をクリックして閉じる アニメーションで閉じる・開く エフェクト中にオーバーレイの後ろに回りこんでしまうのを回避する 閉じる・開くアニメーションにパラメータを渡す 閉じるついでにデストロイする 1. Modalしたダイアログをオーバーレイクリックで閉じる escキー押下で閉じるオプションはあるのですが、このオプションはない様子。 そこで
ウィンドウ、モーダル｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3〔CSS3を使用した角丸レイアウトのダイアログボックス〕 jGrowl〔Mac OS XのGrowl風にメッセージ表示〕 jQDialog plugin for jQuery〔軽量のダイアログプラグイン〕 jqModal〔通知ウィンドウ、ダイアログ、モーダルウィンドウを表示〕 jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) 〔アラート、確認ダイアログ、入力プロンプトの作成〕 jQuery BlockUI Plugin〔ページや要素のブロック、モーダルダイアログ表示〕 jQuery Tools〔HTMLをオーバーレイ〕 LeaveNotice jQuery Plugin〔リンク先遷移時に通知
GreyBoxリファレンス
GreyBoxはAjaxライブラリで、ページ内で画像をウィンドウ内に表示したり、他のページ内容を表示することができます。複数の画像やページをグループとして扱うこともでき、簡易タブブラウザとしても一応使えます。また、このライブラリを使用するにはAJSおよびAJS_fxライブラリが必要です（ダウンロードすると、これらのライブラリは含まれているので別途ダウンロードする必要はありません）。 version 5.09 リファレンス version 5.5 リファレンス version 5.53 リファレンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript/情報の取得/リンク元のURLを調べる - TAG index
Loading...
JavaScriptでPHPのExplodeと同じSplit関数
ノンプログラマーのためのjQuery生成ツール
javascriptで配列やオブジェクトの中身をまとめて確認する
FileSystemObject オブジェクトでファイル名にワイルドカード文字を使用できますか - Hey, Scripting Guy!
Twitter Bootstrap使い方-javascript-v2.0.4