入力フォームの全角・半角を勝手に変換してくれるJavaScript
入力フォームの全角・半角を勝手に変換してくれるJavaScriptを作りました。 １．発端 「入力フォームの迷宮。全角数字を強要するフォームを理解できません。」を読んで、たしかに私も半角全角の入力を強制されるフォームには辟易してしまいます。 というか、半角全角どちらでも良いという登録フォームを（多分）見たことがありません。 それはさておき、システム側で半角文字・全角文字の制御が不能であれば、せめてフロントエンドでなんとかできるんじゃないの？と思ったのが、作ったそもそもの発端です。 ２．半角を全角に変換する仕組み 半角文字の文字コードから65248番目の文字コードが全角文字になるようです。 よって半角を全角に変換するには、charCodeAt()で参照した半角文字コードに65248を加算したあと、fromCharCode()で文字コードを文字に戻します。 "ABC".replace( /[A
PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌
phpmaster | Server-Side HTML Handling Using phpQuery PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」。 紹介記事を読んで使ってみました。 phpQuery はjQueryのPHP版でDOMの操作をjQueryっぽくできるライブラリです。 HTMLのスクレイピングはもちろん、HTMLを追加したり要素に属性を追加等のDOMを操作も簡単に行えます。 jQueryの便利さがPHP上でも十分に使えますので知っておくと確実に面倒な処理を楽に書けるようになるでしょう。 スクレイピング HTMLのスクレイピングをする場合には超簡単かつ、jQueryを使ったことがある方なら抵抗なくすぐに習得できます。 ちょっとコードを書いて実験してみました。 と書くと <div id="two"></div>の中身である t
scrollUp jQuery plugin — Mark Goodyear — Front-end developer and designer
Jan 22, 2013 ScrollUp is a lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work
jResize Plugin, for one window responsive development - Ultimate Courses
Get 62% off the JavaScript Master bundle See the bundle then add to cart and your discount is applied.
Livestamp.js - a simple, unobtrusive jQuery timeago plugin
First thing's first: download the dependencies. You'll need jQuery (>= 1.7) and Moment.js (>= 1.7). Once you've got everything, put this somewhere in your page: <script src="jquery.js"></script> <script src="moment.js"></script> <script src="livestamp.js"></script> No extra JavaScript required! Just use a <span> with the data-livestamp attribute set to the desired Unix timestamp (in seconds), like
mizzz.jp
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
Posted: 2012.02.03 / Category: javascript / Tag: jQuery jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){ e.preventD
formをajaxで呼び出すjquery拡張 - とあるプログラマの日記 @s025236
formに入力させてsubmitされたらajaxでphp呼び出して〜って良くある処理を簡略化する拡張 jQureryを拡張する。 jquery.ajaxFrom.jsとか適当に名前を付けて保存します。 〜内にではさんで書いても大丈夫。 /* (C) makoto@2ch.to */ if(jQuery) jQuery.fn.extend({ ajaxForm : function($_){ var $opt = {}; if( typeof $_ === 'function' ) $opt.success = $_; if( typeof $_ === 'object' ) $opt = $.extend($opt,$_); return $(this).submit(function(event){ event.preventDefault(); return jQuery.ajax($
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」:phpspot開発日誌
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 2011年11月14日- jQuery Autosize for textarea elements テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 次のようにテキストを入力するとちょうどテキストにフィットするようにtextareaのサイズが変わります。最初からあまり大きくしたくないけどスクロールさせたり利便性を損なうのは嫌、という場合に使えます。 この手のプラグインは過去にも紹介しましたが、jqueryプラグインなので、必要プラグインを読み込んだら、$('textarea').autosize(); のように初期化しちゃえば使えちゃうというのもいいですね jQue
Minimit - Minimit Gallery Plugin
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides... pratically everything that has multiple states.It's designed for advanced Javascript/Jquery programmers because you need to code all the animations and the css of the gallery, while the functionality is managed by this plugin.To understand how to use this plugin see the demo code, there is
jQuery Mobileの紹介 | Lab by engineering@dwango.jp
今回は、jQuery Mobileを用いたアプリケーションについて解説します。jQuery Mobileを用いることで、非常に簡単にリッチなインターフェースを持つwebアプリケーションを作ることが出来ます。 対象読者 JavaScriptでの開発経験がある方 jQueryを使用したことがある方 jQuery Mobile jQuery Mobileは、jQueryを開発しているThe jQuery Projectによって開発されたスマートフォン向けのJavaScript UIフレームワークです。iOSやAndroid、Windows Phone、BlackBerry等の様々なモバイルプラットフォームとデバイスに対応していて、OSに依存しないUIを提供しています。 jQuery Mobileでは、独自に定義したHTML5のカスタムdata-*属性を指定することで、リストビューやナビゲーション
操作に連動させて分かりやすくクールにメッセージ表示させるjQueryプラグイン「MessageBar」:phpspot開発日誌
操作に連動させて分かりやすくクールにメッセージ表示させるjQueryプラグイン「MessageBar」 2010年12月21日- MessageBar ? just another jQuery plugin 操作に連動させて分かりやすくクールにメッセージ表示させるjQueryプラグイン「MessageBar」。 エラーや何かメッセージを表示したい場合、一番分かりやすい例としてalertがありますが、なんとも味気ない感じになってしまうのは否めません。 MessageBarプラグインを使えば、指定したブロックエレメントの上部に分かりやすくアニメーションしながらクールにメッセージを表示できます。 デザインが色々と選べるのもこのプラグインの特徴です。 半透明で要素にオーバーレイして表示 角丸のウィンドウっぽいバーをスライドアニメーションしながら表示 シンプルですが落ち着いたデザインのバーを表示
Easy Select Box | Codefleet
Select elements are difficult if not impossible to style especially when cross-browser compatibility comes in. EasySelectBox is a jQuery plugin for replacing html select elements with regular html that allows EASY styling via CSS. Features: Multiple instances Shows initial value of select box if specified by selected attribute Changeable class name Animated dropdown list and speed can be specified
position: fixed;でサイドに固定してjQueryでスライドして現れるメニュー
では、設置方法を説明してみます。 固定されたスライドメニューの作成 まず、head内でjQueryを読み込みます。もちろんjQueryは自分のサーバーにアップしてもかまいません。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> メニュー自体は簡単なリストメニューで構成されています。#のところはそれぞれリンク先のアドレスに変更してください。 <ul id="navi"> <li class="home"><a href="#"></a></li> <li class="rss"><a href="#"></a></li> <li class="facebook"><a href="#"></a></li> <li cla
[JS]jQueryのプラグイン33+1選 -2011年2・3月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MobilySlider 軽量ながらも高性能なコンテンツスライダー。 jShowOff さまざまなオプションを備えたコンテンツスライ
瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌
Jimpl Tag Cloud 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」 次のようにHTMLを定義して $('#tagcloud').tagCloud({separator: '.'}); とするだけで上記のタグクラウドが形成出来ます。 <div id="tagcloud" class="tagcloud"> Image converter. Image converter. Image resizer. Png to ico. Png to ico. Png to ico. Ico to png. Png to jpg. Jpg to png. Jpg to png. Bmp to jpg. Jpg to bmp. Jpg to gif. Gif to jpg. Png to gif. Png to gif. Gif to png. Onl
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
⑯jQueryをおぼえよう！その２
会社ロゴマーク デザインアーカイブ
ノンプログラマーのためのjQuery入門
