JavaScriptで「パスワードを表示」機能を実装してみる - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 通常なら文字が伏せてある状態のパスワード入力フォームですが、 入力したパスワードを確認する為の「パスワードを表示」機能を JavaScriptで実装する為のメモです。（jQuery使用） ざっくりとした仕掛け IE兄弟はinput要素のtype属性をいじれないらしい textとpasswordを並べて表示/非表示をトグルする コード抜粋 ざっくりとした仕掛け チェックボックスにチェックを入れると、 パスワードのtypeがtextに切り替わって内容が確認出来るようになる仕組み。 type直接いじれば楽じゃーん。 そう考えていた時代が僕にもありました。 IE兄弟はinput要素のtype属性をいじれないらしい ところがIEはinput要素のtype属性を弄ろうとするとエラーになります。 その為jQueryでも、attr()で同様の処
jquery.formsaver.js by hackprime
$(".save_button").click(function () { $("#form_id").saveForm(); }); $(".restore_button").click(function () { $("#form_id").restoreForm(); }); Requirements: jQuery 1.0+ LocalStorage support (IE 8.0+, Firefox 3.5+, Safari 4.0+, Chrome 4.0+, Opera 10.5+, iOS Safari 2.0+, Android 2.0+) JSON support (IE 8.0+, Firefox 3.1+, Safari 4.0+, Chrome 3.0+, Opera 10.5+, iOS Safari 4.0+, Android 2.1+) or JSON.js
jQuery multiselect
I'm a user-friendlier drop-in replacement for the standard <select> with multiple attribute activated. Free (under WTFPL license) Works in an unobtrusive fashion Fully open sourced Keyboard support Provides some callbacks Fully customizable via CSS Depends on jQuery 1.8+ Tiny code ~8kb minified HTML <html> <head> <link href="path/to/multiselect.css" media="screen" rel="stylesheet" type="text/css">
jQuery TextExt Plugin
Demo This demo shows off Tags, Prompt, Focus, Autocomplete and Ajax plugins. About TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete. The core design principle behind TextExt is modularity and extensibility. Each piece of functionality is separated from the main core and can act individually or together with other plugins. TextExt’s modula
サブミット時に display none になっている入力欄に disabled 属性をつける jQuery プラグインを作った - わからん
フォームをサブミットするときに、display none になっている input 要素に disabled 属性をつける JavaScript を書いたので、jQuery プラグインにしてとっておくことにしました。サブミット時に DOM のトラバースコストを払うことで、サーバサイドでは、より本質的な仕事に集中できます。フォーム部品の hide()/show() 類を多用する巨大なフォームでの利用を想定しています。 仕様 hidden 属性を持つ input 要素は対象としません input 要素自体が display none ならサブミット時に disabled 属性を付与します input 要素の親要素のどれかが display none なら、サブミット時に input 要素に disabled 属性を付与します 実装 (function($) { var is_none = fu
jQueryでcheckboxがcheckされてるかの値をとる - Webtech Walker
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
jQuery.upload: A simple ajax file upload plugin
See related links to what you are looking for.
Image Select plugin with jQuery | images select
his plugin will be replaced by another from a plugin pack I’m developing, where I’ve applied lots of bugfixes. The link will be on here by the end of August. ImageSelect is a jQuery plugin that allows the user to select an image by means of a nice looking dropdown. You must have a <select> containing one or more <option>s. Each option must contain the URL to the image you want to display, as the o
Cross-Browser Support for HTML5 Placeholder Text in Forms - CSS Reset
<input type="text" placeholder="Start typing to begin searching." /> The only new bit is the placeholder attribute, but it results in this: I love placeholder text because it can help make large, complex forms easier to navigate. What better place to explain the requirements of an input field than right inside the field itself? And on short forms (like a search bar), placeholder text could be used
テキストエリアを自動リサイズしてくれるjQueryプラグイン「autoResize」 - xykの日記
「autoResize」はテキストエリアを自動リサイズしてくれるjQueryプラグイン。 autoResize – James Padolsey http://james.padolsey.com/javascript/jquery-plugin-autoresize/ Download： Full: autoresize.jquery.js [4k] http://james.padolsey.com/demos/plugins/jQuery/autoresize.jquery.js Minified: autoresize.jquery.min.js [1k] http://james.padolsey.com/demos/plugins/jQuery/autoresize.jquery.min.js 対応ブラウザ： IE6/7, FF2/3, Opera9, Safari3 & Ch
美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms
チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可能なフレームワークタイプなのでノンプログラマーな方でも気軽に使えそうですね。IE6以外は対応しているようです。 フォームのデザインをガラッと変えることが出来ます。よりデザインに統一感を出せそうですね。 テーマも用意されている Ideal Formsはフレームワークとしても利用出来るように、cssでデザインが変更できる作りになっています。現在は3つのcssファイルがテーマとして用意されていますのでそ
URLを入力させるテキストボックスにデフォルトで http:// と表示しておく - わからん
フォーカスがはずれているときはグレーで http:// と表示 フォーカスをあてるとその続きを入力できる 入力欄が "http://" のままならサブミット時に削除される <form id="test_form"> <input id="url" name="url" value="" title="http://" type="text"> <input value="送信" type="submit"> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#url') .blur(function(){ var $$=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mtkopone/zelect: From <select> to something more 2012
GitHub - diy/jquery-emojiarea: A rich textarea control that supports emojis, WYSIWYG-style.
HTML/SELECTカスタマイズ
HTML5のplaceholder属性をIEでも使えるようにするjQueryプラグイン「ah-placeholder.js」
Google Code Archive - Long-term storage for Google Code Project Hosting.
IDEA * IDEA
5509.me