[B! javascript][JavaScript][interface] [5ページ] sstのブックマーク

sst id:sst

javascriptとJavaScriptとinterfaceに関するsstのブックマーク (87)

ページの読み込みと同時にフォームを選択する方法 | なつみかん。
ページの読み込みと同時にフォームを選択する方法 2006.07.20 Thursday はてなやGoogleへログインしようとすると、ページを開いた瞬間にフォームが選択されています。この方法はものすごく単純な割にあまり普及していないようなので、「何を今さら…」と言われるとは思いますがあえて書いてみます。フォームとinputタグに名前を付けて <form name="login" action="login.php"> <input type="text" name="handle_name"> <input type="password" name="pass"> </form> onLoadイベントで呼び出し。 <body onLoad="document.login.handle_name.focus();"> 以上です。つまり <body onLoad="document.フォーム
sst 2006/07/21
<body onLoad="document.フォーム名.項目名.focus();">

javascript

usability

interface

tips
リンク
リンクサムネイルの作り方 - GIGAZINE
外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。例と設置方法は以下から。例としてはこんな感じです。 http://lab.arc90.com/tools/linkthumb/ コードのダウンロードと使い方などは以下の通り。 arc90 lab : tools : Link Thumbnail http://lab.arc90.com/2006/07/link_thumbnail.php 互換性はInternet Explorer 6.0以上、Mozilla Firefox 1.5以上、Apple Safari 2.0、Opera Version 8.51以上であるそうです。ちゃんと外部サイトのみ判別し、自サイト内ではいちいちサムネイルを表示しないようにできます。
sst 2006/07/21
外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。

ajax

css

design

javascript

tips

interface
リンク
GIGAZINE - ドラッグ＆ドロップできるAJAXフォルダツリー
フォルダアイコンをマウスでドラッグ＆ドロップすることで、好きな場所に入れ替えることができるというAJAXです。なかなか面白い。まずはデモ画面、こんな感じです。 Folder tree with Drag and Drop capabilities Demo ご丁寧なことに、フォルダの仮想のアイコンも一緒に移動させることができます。エクスプローラの操作感覚を再現しています。スクリプト自体はこちらから。 Folder tree with Drag and Drop capabilities
sst 2006/07/14
ご丁寧なことに、フォルダの仮想のアイコンも一緒に移動させることができます。エクスプローラの操作感覚を再現しています。

ajax

javascript

interface

program
リンク
LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌
Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L
sst 2006/06/21
javascript

ajax

interface
リンク
The Yahoo! User Interface Library (YUI)
YUI Library Controls/Widgets: AutoComplete Button Calendar Carousel Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Paginator Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style
sst 2006/05/15
yahoo

javascript

css

html

interface

summary
リンク
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
Belanja di App banyak untungnya: Banyak Vouchernya Produk Eksklusif di App Rekomendasi Hanya Untukmu Paling Pertama Dapat Promo
sst 2006/03/27
css

design

html

tool

web
リンク
Ajaxな有用コンポーネント集:phpspot開発日誌
TurboWidgets, presented by TurboAjax Group TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. 以前紹介した、AjaxなphpMyAdmin のページで、TurboWidgetsというAjax部品集がリリースされていたので紹介。例えば、次のイメージはTurboGridというコンポーネント。かなりクオリティ高いです。その他にも、次のようなプログレスバー(ぐんぐん伸びるイメージがカッコいい) 高品質なボタンコンポーネント集(一見デスクトップ風) ツリービュー(アイコン表示できる) タブコンポーネント(Appleのサイトっぽい) ドラッグアンドドロッ
sst 2006/02/27
ajax

javascript

summary

interface

tool
リンク
前のページ 1 2 3 4 5