input:file 要素を表示しないで、ファイルをアップロード | @jsakamoto
「Upload image...」と書かれたボタンをクリックすると、ファイル選択のダイアログが表示されるはずだ。 そこで .png や .jpg 等、適当な画像ファイルを選択してOKすると、即アップロードが始まる。 アップロードが完了すると、そのアップロードした画像をそのままページ上に表示する、そういうアプリになっている。 ※画像以外のファイルもアップロードできてしまうが、あくまでサンプルなので、画像以外がUpされた場合の対処とかは行っていない。ご勘弁を。 ※アップロードした画像はどこにも保存はしていない。そのアップロード結果のページを生成するときに img 要素の data uri を生成しているだけである。 この Web サイトのポイントは、Adobe Flash や Microsoft Silverlight、Java などのプラグインを使うことなく、ごくごく単純な input ty
input type="file" なやつを独自にデザインする方法 - ダーシマ・ヱンヂニヤリング
デモ HTML <div class="file"> ファイルを選択 <input type="file"/> </div> CSS .file { display: inline-block; overflow: hidden; position: relative; padding: .5em; border: 1px solid #999; background-color: #eee; } .file input[type="file"] { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; } 対応ブラウザ 以下のブラウザ
marijnh/CodeMirror2 · GitHub
Dismiss Octotip: You've activated the file finder by pressing t Start typing to filter the file list. Use ↑ and ↓ to navigate, enter to view files.
Highlight text inside textarea like Facebook does
I try to achieve something like the Facebook does when you type @<NAME_OF_A_FRIEND> in a reply. After you choose a friend, the name of that friend is highlighted with a blueish background, so you know it's a separate entity in that text. I've "inspect element"-ed that textarea and there is no div placed on top of the textarea. Can anyone give me a clue about how that is done ?
TextboxList meets Autocompletion | Guillermo Rauch's Devthought
Demo here In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion! Again, all we have to do is extend the TextboxList class, override some methods, some events, and create some new ones (all prefixed by auto) var FacebookList = new Class({ Extends: TextboxList, data: [], opti
CodePress
Project Insight offers powerful tools for project managers and teams in order to deliver optimal performance and ensure success. An enterprise project and portfolio management software, Project Insight offers personalized dashboards, intelligent scheduling, resource management, collaboration, time and expense tracking, project and portfolio tracking, workflow, and reporting features to help teams
CodePress
/",">",$code); $code = preg_replace("/ CodePress - Real Time Syntax Highlighting Editor written in JavaScript .css" rel="stylesheet" id="cp-lang-style" /> //set language this.setLanguage = function() { if(arguments[0]) { language = (typeof(Content.languages[arguments[0]])!='undefined') ? arguments[0] : this.setLanguage(); cpLanguage.innerHTML = Content.languages[language].name; if(cpBody.document.
CodeMirror
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」:phpspot開発日誌
ToggleVal :: jQuery Plugins by Aaron Kuzemchak 入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」。 入力ボックスにデフォルトでヒント値を入れておいてクリックすると消えるあの分かりやすいインタフェース。 実際に実装するとなると、ちょっと面倒ですが、ToggleValを使えば、メソッドを1回呼び出すだけで簡単に実装できます ↓↓↓↓クリックで消える↓↓↓↓ jQueryプラグインなので、以下のように使いやすくなっています。 $("input[name='name']").toggleVal( { option } ); 実装したくなった時、ちょっと面倒でまた今度、とならないようにこれを覚えておけばよさそう。
AutoHotkey - Input
ユーザーの入力を横取りして取得する(NT系専用) Input [, OutputVar, Options, EndKeys, MatchList] Parameters 引数名説明 以下のオプションをスペースで区切って列挙する。 B バックスペースが押されても入力された文字を削除しない C MatchListで大文字小文字を区別する I AutoHotkeyがSendコマンドなどで生成したキー入力を無視する M Ctrl+AからCtrl+Zまでのショートカットキーを受け取れるようにする。 これらの入力がなされた場合、OutputVarは1から26までのASCII文字になる。 「Transform, CtrlC, Chr, 3」のようにして変数に同様のASCII文字を格納し、「if OutputVar = %CtrlC%」のようにして各ショートカットキーが押されたかどうかを判定する。 L
Internet Explorer (Windows) CSSバグリスト
テキスト入力フォームの幅が文字入力時に変化する(5.5/6.0) 2003-12-10修正。内容を整理。 症状 <input type="text">、<input type="password">およびtextarea要素が以下の条件を満たすとき、入力領域に何らかの文字を入力した時にその幅が広がる。 input, textarea要素のwidthプロパティを%単位の値で指定している。 （input要素のみ）line-heightプロパティにnormal, inherit以外の値を指定している。 input, textarea要素の祖先要素に左マージンや左パディングを指定したものがある（body要素を除く）。 例示 <form> <div style="margin-left:3em;"> <input type="text" style="width:30%; lin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MooTools Forge | DynamicTextarea
http://webdemo.visionobjects.com/equation.html?locale=default
Is there a better jQuery solution to this.form.submit();?
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト