10 Free JavaScript Modal Window Plugins
You can find plenty of pure CSS modals but these don’t offer the same control as JavaScript. With a JavaScript modal, you can add custom animations, UI inputs, and really enhance the user experience. But, why design something from scratch when you can use a JS library? I have collected the best free JavaScript-powered modal scripts here for you to peruse and single out your favorites. All of these
2015年からじわじわと来ているJavaScriptのライブラリ記事でも書いておくかな！ 【壱】 - わたくし
変更内容 日付 更新内容 2015/09/06 記事に元々入れる予定だったライブラリを一つ追加しています。 初めに 個人的に使ってみて、良さ気なものをピックアップしておいた。 30個ほど候補があったが、分類してみて程よいものを今回紹介する。 5個のつもりだったが、ランダム系のライブラリを追加し忘れていたため最後尾に追加。 こんな夜遅くにビール片手に書いてますので誤字脱字があると思いますが、もしおかしな点があれば教えて下さい。 カウント系の実装 文字入力時にカウント・ダウンしてくれるやつね。 実装はクソ楽 limitCharacts var elem = document.querySelectorAll('input'), limit = 100; limitCharacts(elem,limit); 2Dライブラリと言えばこれ pixi.js こちらから、サンプルが見れる。見
[JavaScript]困った、Androidブラウザ上で起きた事あれこれ
仕様なのかバグなのか、書いたスクリプトが原因かもだけど。 Androidブラウザ上で起きたこまったことをいくつか… ＊標準ブラウザを使用しています。 予約語をキーにしたObjectがエラーになる（多分） Android 2.2 キーに”new”を設定したObjectを作ろうとしたらエラーになっちゃいます。 XMLから取ってきたデータをObjectにしようとしてたんですけど… tagにnewとあったので何も考えずにそのままキー名にしたのがまずかったみたいです。 2.3, 4.0はエラーにならないので2.2だけで発生する問題のようです。 原因は良くわからないけど”new”は予約語で、それを別の用途に使ってはいけない厳しい掟があるんじゃないかと勝手に納得しました。 キー名を変更し対処しました。 キーボードを切り換えるとblurイベントが発生する Android 2.2 input type:te
![[JavaScript]困った、Androidブラウザ上で起きた事あれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c35180033ae4020a0e0c1b662cd0d153d918e3f/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2F_fb%2Ffb_inazumatv2.png)
どれ使おう？モーダルウィンドウ（Lightbox 風スクリプト）を集めてみました | バシャログ。
この間の春の嵐はすごかったですね。いろいろ飛ばされないように必死だった kimoto です。帰りの電車は久々に足が浮くほどの超満員を経験しました。 さて、ちょっとモーダルウインドウを調べる機会があったのでまとめてみます。 基本的に、全て jQuery で動くものになっています。 最新の情報ってわけではないですが、場面ごとに選べるものを集めてみたのでお試しくださいませ。 超シンプルな軽量スクリプト leanModal leanModal leanModal はとにかく軽量です。デモを触ってみると、その軽さがわかると思います。 ただし、軽さを徹底的に追求した結果なのか、IE6 には対応していないとのこと。 また、イメージギャラリーなどとしては使えないとのことです。 ちょっとした文章を表示するだけの場合などはこれで十分ですね。 そこそこ軽量、そこそこ機能的 Simple Modal Simple
Ikemasa Blog - JavaScriptでウィンドウオブジェクトを名前で参照する場合のまとめ
Webブラウザにおいて、JavaScriptで window.open() の戻り値は、開いた子ウインドウオブジェクトの参照です。 var win = window.open(”url”, "windowName"); // win は子ウィンドウオブジェクトの参照 子ウィンドウからは、 window.opener で親ウィンドウオブジェクトを参照することができます。 また、ウィンドウ名からウインドウオブジェクトを参照することもできます。 Gecko DOM リファレンスの window.open には、ウィンドウ名からウインドウオブジェクトを参照する方法が記載されています。 url に空文字列を与えることは、ウィンドウのロケーションを変えずに、その名前によって開いたウィンドウの参照を得るための手段です。 window.open – Gecko DOM リファレンス たとえば、Windo
ktyr report [コトヨリリポート] - [JavaScript]jsでリンクを開くとリファラが取得出来ない
某案件でこんな事象があったようなので調べました。 IE6,7でjavascriptのwindow.openでリンクを開くとリファラが取得できないようです。 また、AS3のnavigateToURL、AS2のgetURL、AS2のExternalInterfaceでwindow.open ではswfファイルの絶対パスがリファラになってしまうようです。 その回避方法をここに記します。 サンプル //リンクを開くときにこのメソッドを使う function open_main2(url, target){ if(document.all){//IEの時 var body=document.getElementsByTagName("body")[0]; var atag=document.createElement("a"); atag.href=url; atag.target=target;
![ktyr report [コトヨリリポート] - [JavaScript]jsでリンクを開くとリファラが取得出来ない](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6df9002c5b6d41c3b6a9cdedff6bcccd8399236/height=288;version=1;width=512/http%3A%2F%2Fktyr.net%2Fblog%2Fimage%2Fshareimage.png)
URLOpenerとりあえずまとまりました | Blog | Kousei Ikeda
[2010.09.20] chromeのバージョンアップにより、wmodeによってはpopupが開かなくなったり（参考記事）と、状況が変わってます。これは当時の記事なので現状と違う部分があります。すみません。 先日公開してみたURLOpener、ブラウザの挙動のあまりの違いに落としどころがわからなくなっていましたがまとまりました。 当初はJSでwindow.openを呼んだ時の動きに合わせる！と思っていましたが、別にそんな必要ないなと。 使う側になってみて考えて、とりあえずよく使う機能を楽に使えればいいや、と切り替えました。 ダウンロード SparkProjectに初コミットしてみましたので、Sparkのリポジトリからエクスポートして下さい。 http://www.libspark.org/wiki/ikekou/URLOpener またはzip http://ikekou.jp/blog
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
