[B! JavaScript][javascript] [2ページ] fumi7826のブックマーク

fumi7826 id:fumi7826

JavaScriptとjavascriptに関するfumi7826のブックマーク (36)

http://www.t-life.jp/webroom/archives/2006/11/post_16.php
fumi7826 2006/11/08
prototype.js

JavaScript
リンク
JavaScript＆CSSで独自デザインのselectボックスを作成:phpspot開発日誌
Script.aculo.us Select Box This javascript class allows you to add nice styled select boxes in a HTML page. JavaScript＆CSSで独自デザインのselectボックスを作成。チェックボックスとかラジオボタンの独自デザイン仕様にする方法はいろいろあったものの、selectボックスの独自デザイン仕様にする方法はそういえば無かったですね。 prototype.js ベースで script.aculo.us を使い、次のイメージのようなselectボックスを作るライブラリが公開されています。選択項目の内容はAjaxで取得できるようです。レスポンスが遅い点と挙動が通常のselect ボックスと違う点で操作に違和感がありますが、多少の修正で通常のselectボックスと同様に出来そうな
fumi7826 2006/11/01
CSS フォーム

JavaScript

prototype.js
リンク
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した『ajaxな住所入力フォーム』の新バージョンです。郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。以下の住所入力フォームに、7桁の郵便番号を入力してみてください。【2007/12/09 追記】 jQ
fumi7826 2006/10/30
JavaScript
リンク
JavaScript Reference - MDN
JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScript JavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr
fumi7826 2006/10/20
　JavaScript を学ぶ

JavaScript

あとで読む

勉強
リンク
JavaScript ガイド - JavaScript | MDN
この JavaScript ガイドでは、JavaScript の使い方を紹介し、この言語の概要を説明します。言語機能についてもっと知りたい場合は、JavaScript リファレンスを参照してください。このガイドは、いくつかの章に分かれています。
fumi7826 2006/10/20
　JavaScript を学ぶ

勉強

あとで読む

JavaScript
リンク
prototype.js リファレンス
<body> <h1>prototype.js リファレンス</h1>
fumi7826 2006/10/20
JavaScript

prototype.js
リンク
Opening new windows with JavaScript, version 1.2 | 456 Berea Street
Update: The technique described here is not ideal. Read why in New windows with JavaScript and the target attribute. My script for opening new windows without using the target attribute became more popular than I thought it would. A lot of people commented on the post, Using JavaScript instead of target to open new windows, with suggestions for improvement. A few days after the original post, I up
fumi7826 2006/10/17
　ストリクトなwindow open　でも使わないな

css

JavaScript
リンク
http://www.quirksmode.org/css/javascript.html
fumi7826 2006/10/16
　CSSにJavaScriptを

css

JavaScript
リンク
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no probl em. The content opens within the active browser window. Single click. After ope
fumi7826 2006/10/16
javascript

lightbox
リンク
サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla
Belanja di App banyak untungnya: Banyak Vouchernya Produk Eksklusif di App Rekomendasi Hanya Untukmu Paling Pertama Dapat Promo
fumi7826 2006/10/16
javascript

lightbox
リンク
IE6とIE7を判別するJavascriptコード:phpspot開発日誌
Abe Fettig’s Weblog 実Detecting IE7 in Javascript IE6とIE7を判別するJavascriptコード。判別は次のようなコードで出来るようです。 if (typeof document.body.style.maxHeight != "undefined") { // IE 7, mozilla, safari, opera 9 } else { // IE6, older browsers } IE7もそろそろ正式版がリリースされるようですのでメモしておくとよいかも。関連エントリ古いバージョンのＩＥを１台のＰＣで使う方法 IE7 Is Coming This Month...Are you Ready?
fumi7826 2006/10/12
JavaScript
リンク
「JavaScript＠Keynavi.Net」スクロール位置取得：kl_slx/y()
//-------------------------------------- //kl_slx/y() //返り値：スクロール位置(ピクセル値) //-------------------------------------- function kl_slx(){ if(KL_NS4 || KL_NS6) return self.pageXOffset; if(KL_IE4 || KL_OP6) return kl_dbody().scrollLeft; } function kl_sly(){ if(KL_NS4 || KL_NS6) return self.pageYOffset; if(KL_IE4 || KL_OP6) return kl_dbody().scrollTop; } kl_dbody()とは。。。 IE6ではスタイルシートが標準モードの場合「document.b
fumi7826 2006/09/28
JavaScript
リンク
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての非公式リファレンスも提供しています。ここで提供する例とリファレンス
fumi7826 2006/09/26
JavaScript

勉強
リンク
ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ:phpspot開発日誌
Ajax Digest // Drag&drop javascript libraries review ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢
fumi7826 2006/09/26
JavaScript
リンク
jQueryを使おう：jQueryってなに？: Recently Ajax
本 Blogへのご訪問者で「jQuery」をキーワードに訪れる方が非常に多く、注目度が高いことが伺えるので、突然ですが jQueryの特集を連載してみます。 jQueryとはなにかから、主な機能の使い方を紹介していきましょう。まずは、そもそも「jQuery」とはなんでしょうか。jQueryは、Ajaxのフレームワークの一種。prototype.jsや Yahoo! UI Library、Spryなどなどここ最近は、群雄割拠な状態ですが中でも注目度が高いのが、この jQueryです。その特徴は、軽くて手軽。10KB弱の JavaScriptをコピーするだけで使え、JavaScriptの標準的な書式を一切無視した、超手軽な書き方が出来るようになります。例えば、次のプログラムコード$("p.surprise").addClass("ohmy").show("slow");たった、この一行でスラ
fumi7826 2006/08/23
JavaScript

ためになる

情報
リンク
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。色々実験中なのでそのメモ。まず、最新版を右クリックから保存して適当なフォルダに入れる。まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。全ての＜p＞ノードの中身を”Hel
fumi7826 2006/08/23
JavaScript
リンク
前のページ 1 2