Prototype Window Class : Introduction
Overview This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine. Features Valid HTML/XHTML gener
[ThinkIT] 第1回：Prototype.jsを使ã†æº–å‚™ (1/2)
ç†è€…ãŒPrototype.jsã«åˆã‚ã¦å‡ºä¼šã£ãŸã®ã¯ã€2005å¹´9月ã”ã‚ã ã£ãŸã¨æ€ã„ã¾ã™ã€‚ã“ã®é ƒã€ã‚ªãƒ–ジェクト指å‘JavaScriptã¯ã¾ã ã¾ã 黎明期ã§ã€ã‚ªãƒ–ジェクト指å‘ã®æ›¸ã方もã•ã¾ã–ã¾ãªæˆ‘æµãŒå˜åœ¨ã—ã¦ã„ãŸã“ã¨ã‚’覚ãˆã¦ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ç†è€…も我æµã®ã‚ªãƒ–ジェクト指å‘ã§æ›¸ã„ã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€ã™ã¹ã¦ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæˆ‘æµã®æ›¸ã方をã—ã¦ã„ã¦ã¯ã€JavaScriptã®ã‚ªãƒ–ジェクト指å‘ã¯æ™®åŠã—ã¾ã›ã‚“。 ãã‚“ãªæ™‚ã«ã•ã¾ã–ã¾ãªãƒ–ãƒã‚°ã§å–り上ã’られ始ã‚ãŸã®ãŒPrototype.jsã§ã—ãŸã€‚Prototype.jsã«ã¯ã‚¯ãƒ©ã‚¹ã‚’定義ã™ã‚‹ã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã‚Šã€ã™ã¹ã¦ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåŒã˜æ–¹æ³•ã§ã‚¯ãƒ©ã‚¹ã‚’定義ã§ãã‚‹ã®ã§ã™ã€‚ãã‚Œã¯ã€å¤§ããªã‚¤ãƒ³ãƒ‘クトã§ã—ãŸã€‚ã—ã‹ã—ã€ãã®å½“時Prototype.jsã«ã¯ã¾ã¨ã¾ã£ãŸãƒ‰ã‚ュメントãŒç„¡ãã€ç›®åˆ©ãã®JavaScripterãŸã¡ã¯ã“ãžã£ã¦ã‚½ãƒ¼ã‚¹ã‚’èªã‚“ã§ã„ã¾ã—ãŸã€‚ ãã—ã¦ã€ãã®ã“ã¨ãŒå›³ã‚‰ãšã¨ã‚‚
prototype.jsベースã®ç”»åƒåˆ‡æŠœã用JavaScriptライブラリ:phpspot開発日誌
DEfusion.org.uk JavaScript Image Cropper UI, using Prototype & script.aculo.us The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us. prototype.jsベースã®ç”»åƒåˆ‡æŠœã用JavaScriptライブラリ。 写真上ã§ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã¨ç ´ç·šã§æž ãŒä½œæˆã•ã‚Œã€å›²ã‚“ã é ˜åŸŸã®åº§æ¨™ã¨ã‚µã‚¤ã‚ºã‚’å–å¾—ã§ãã¾ã™ã€‚
prototype.js リファレンス
<body> <h1>prototype.js リファレンス</h1>
å·o・-・）＜2nd life - prototype.js 1.5 ã‹ã‚‰ã®æ–°æ©Ÿèƒ½ Template ã®ä½¿ã„æ–¹
JavaScript ã§ã®å¤‰æ•°ã‚’使ã£ãŸæ–‡å—列ã®ä½œæˆã¯ä½•ã‹ã¨ã‚ã‚“ã©ãã•ã„ã§ã™ã。prototype.js ã§ã¯ 1.5_pre0 ã‹ã‚‰ Template ã¨ã„ã†ç°¡æ˜“テンプレートã¨ã—ã¦ä½¿ãˆã‚‹ã‚¯ãƒ©ã‚¹ãŒåŠ ã‚ã‚Šã¾ã—ãŸã€‚相変ã‚らãšãƒ‰ã‚ュメントã¯ã‚½ãƒ¼ã‚¹ã¨ test å«ãªã®ã§ç°¡å˜ãªä½¿ã„方を紹介ã—ã¾ã™ã€‚ ã¾ãšã¯ Template ã¨ãªã‚‹æ–‡å—列を new Template ã§ä½œã‚Šã¾ã™ã€‚Template ã®ãƒªãƒ†ãƒ©ãƒ«ã¯ #{}ã§ã™*1 。 var t = new Template('#{foo}, #{bar}!');次ã«ä½œæˆã—㟠Template インスタンス㮠evaluate 関数を呼ã³å‡ºã—ã€å¼•æ•°ã¨ã—㦠Hash(Object) を渡ã—ã¾ã™ã€‚ t.evaluate({ foo: 'hello', bar: 'world' }); // hello, world!ã‚‚ã—テンプレートを使ã„回ã•ãšã€ä¸€åº¦é™ã‚Šã®æ–‡å—列
IT戦記 - Shibuya.js Technical Talk #1 を終ãˆã¦ã€‚
皆様ã®ãŠè©±ã—ã€ã¨ã¦ã‚‚勉強ã«ãªã‚Šã¾ã—ãŸã€‚ãã—ã¦ã€æ¥½ã—ã‹ã£ãŸã§ã™ã€‚ 自分自身ã«ã“ã®ã‚ˆã†ãªæ©Ÿä¼šã‚’与ãˆã¦ãã‚ŒãŸã€id:secondlife ã•ã‚“åŠã³ Shibuya.js ã®çš†æ§˜ã«æ„Ÿè¬ã—ã¾ã™ã€‚ ã¾ãŸã€åˆ¥ã®ãƒ†ãƒ¼ãƒžã§ã‚‚話ã›ã‚‹æ©Ÿä¼šãŒã‚ã‚Œã°ã€ãœã²ã€æŒ‘戦ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã‚‚ã€amachang をよã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ 資料をアップã—ã¾ã—ãŸã€‚ http://sample.ecmascript.jp/20060414.ppt
IT戦記 - Prototype.js を使ã£ãŸ JavaScript OOP 講座 #02
社内ã®å‹‰å¼·ä¼šã®è³‡æ–™ã‚’ã“ã“ã«å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚社内ã®äººã‚‚社外ã®äººã‚‚èªã‚“ã§ãã ã•ã„。 ※ターゲット㯠JavaScript ã¯æ›¸ã„ãŸã“ã¨ãªã„ã€ã‚ªãƒ–ジェクト指å‘言語プãƒã‚°ãƒ©ãƒžã€‚ ※信念ã¯ã€Œæ•™ã‚ã‚‹ã®ã§ã¯ãªãã€å¿…æ»ã«ç€ã„ã¦ã„ãã¾ã›ã†ã€ 今週ã¯ã‹ãªã‚Šãƒãƒ¼ãƒ‰ãƒœã‚¤ãƒ«ãƒ‰ã§å…¨èº«ã‚¿ã‚¤ãƒ„ã®ã‚ˆã†ãªå¿™ã—ã•ãªã®ã§ã€ã¿ã‚“ãªãŒæ˜¥ã‚’分ã‘ã¦æ¥½ã—ã‚“ã§ã„ãŸã‚Šã€é¦™æ¸¯ã«è¡Œã£ã¦æ¥½ã—ã‚“ã§ã„ã‚‹é–“ã«ã›ã“ã›ã“資料を作ã£ã¦ã„ã¾ã™ã€‚ ã¯ã。 Section 00 Prototype.js ã®å‰ã« JavaScript 㨠DOM ã¨ã‚¤ãƒ™ãƒ³ãƒˆã®æ¦‚è¦ HTML ã¯èªã¿è¾¼ã¾ã‚ŒãŸå¾Œã€ã™ã¹ã¦ã®æƒ…å ±ãŒ JavaScript ã®ã‚ªãƒ–ジェクトã«å¤‰æ›ã•ã‚Œã‚‹ã€‚ イメージ的ã«ã¯ã“ã‚“ãªæ„Ÿã˜ <html> <head> <title>タイトル</title> </head> <body> ： ： </body> </html>↓↓↓ var document = { doc
[JavaScript]DOMã£ã½ã„イベントãƒãƒ³ãƒ‰ãƒ©ã€çµå±€æœ€å¾Œã¯prototype-js(後編): CodeWeb
å‰ç·¨ã®ç¶šãã§ã™ã€‚ bodyã®ä¸ã‹ã‚‰ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ãªãã™(Mozilla) ã•ã¦ã€ã“ã“ã‹ã‚‰ãŒæœ¬é¡Œã§ã™ã€‚HTMLソースã‹ã‚‰ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ãªãã—ã¾ã™ã€‚尚サンプルã¯FireFoxã¨ã‹ã˜ã‚ƒãªã„ã¨å‹•ãã¾ã›ã‚“。IEéžå¯¾å¿œã€‚ ã§ã€onclickã•ã‚“ãŒã©ã£ã‹ã„ã£ã¦ã„ã¾ã™ã€‚ã©ã“ã«ã„ã£ãŸã‹ã¨ã„ã†ã¨ã€ document.getElementById("button3").addEventListener("click",test3,false); ã“ã®è¡Œã«ã„ã¾ã™ã€‚addEventListenerã¨ã„ã†ã®ãŒã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã®å¤‰ã‚ã‚Šã«ãªã‚‹ã‚‚ã®ã§ã™ã€‚ オブジェクト.addEventListener(イベント,関数,false)ã£ã¦ãªã‹ã‚“ã˜ã§æ›¸ãã¨åˆ¶å¾¡ã§ãã‚‹ã‚“ã§ã™ãŒã€ã“ã‚Œã ã¨HEADã®ä¸ã«æ›¸ã„ã¦ã‚‚下ã®ã‚½ãƒ¼ã‚¹ãŒèªã¿è¾¼ã‚€å‰ã«å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã‚¨ãƒ©ãƒ¼ãŒãŠãã¦ã—ã¾ã„ã¾ã™ã€‚ãªã®ã§ã“ã®ä¸€æ–‡ãŒå…¥ã‚Šã¾ã™ã€‚ window.addEve
Prototype.js ãŠã‚ˆã³ Script.aculo.us ã‚’ã‘ã£ã“ã†é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³• - IT戦記
$A $A ã¨ã„ã†é–¢æ•°ã‚’使ã†ã¨ã€Array ã‚‚ã©ãオブジェクト(NodeList ã‚„ Arguments ãªã©)ã‚’ Array オブジェクト化ã™ã‚‹ã“ã¨ãŒã§ãる。便利ã ãŒã€ã“ã®é–¢æ•°ã‚’ Enumerable インタフェースを実装ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã™ã‚‹ã®ã¯ã€ã‚ãらã‹ã«ãŠã‹ã—ã„。 ãã“ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã‚’定義ã—ã¦ã¿ã‚‹ã€‚ var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };ã“れを〠$A(〜).each ã¨ã‹ã—ã¦ã‚‹ã¨ã“ã‚ã«ä½¿ã†ã€‚ $E(〜).each ã“ã†ã™ã‚‹ã€‚ $E ã®å®Ÿè¡Œé€Ÿåº¦ã¯ $A ã® 7 〜 4 å€ã§ã™ã€‚ with(Element) effects.js ã® w
æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: prototype.jsã®Object汚染を回é¿ã™ã‚‹æ–¹æ³•
ã‹ãªã‚Šã‚¿ãƒ¼ã‚²ãƒƒãƒˆã®ç‹ã„Tips。役ã«ç«‹ãŸãªã„。 prototype.jsã¨ã„ã†Ruby on Railsãªã‚“ã‹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ä½¿ã‚ã‚Œã¦ã„る有åãªJavaScriptã®ãƒ©ã‚¤ãƒ–ラリãŒã‚ã£ã¦ã€ã“ã‚ŒãŒè‰²ã€…ã¨ä½¿ãˆãã†ãªå‡¦ç†ã‚’綺麗ã«è©°ã‚込んã§ã‚ã‚Šã€ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒˆçš„ãªåœ°ä½ã‚’確立ã—ã¦ã„ã‚‹ã®ã ã‘ã‚Œã©ã€ã¡ã‚‡ã£ã¨å¾®å¦™ã ãªãƒ¼ã¨æ€ã†ã¨ã“ã‚ãŒã‚ã£ã¦ã€ãã‚Œã¯Object.prototypeã‚’æ‹¡å¼µã—ã¦ã—ã¾ã†ç‚¹ã€‚ 実際ã®å¼Šå®³ã¯ã“ã†ã„ã†ã€‚ http://d.hatena.ne.jp/nazoking/20050425/1114374966 è¦ã¯é€£æƒ³é…列ã¨ã—ã¦ä½¿ã†ã¨ãã«å›°ã‚‹ã£ã¦è©±ã€‚ 多分prototype.jsã¯JavaScriptã®å´ã§ãƒã‚¸ãƒƒã‚¯ã‚’組むã“ã¨ã‚’ã‚ã¾ã‚Šæƒ³å®šã—ã¦ã„ãªã„ãŸã‚ã€ã“ã®è¾ºã®å•é¡Œã«ã‚ã‚“ã¾ã‚Šé…æ…®ã—ã¦ã„ãªã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã®ã ã‘ã‚Œã©ã€ã¨ã‚Šã‚ãˆãšç„¡ç†ã‚„り回é¿ã™ã‚‹æ–¹æ³•ã‚’æ€ã„ã¤ã„ãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ã€‚ http:
アップãƒãƒ¼ãƒ‰ã®é€²æ—を表示ã—ã¤ã¤ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップãƒãƒ¼ãƒ‰ã®é€²æ—を表示ã—ã¤ã¤ã‚¢
ã“ã©ã‚‚(ã¦ã‚Œã³) prototype.js ã£ã¦ãªã«ï¼Ÿã®å·»
追記 2005-08-23 Using prototype.js v1.5.0 リファレンスãŒã‚ã£ãŸã¿ãŸã„。ã“れをèªã‚“ã æ–¹ãŒã¯ã‚‹ã‹ã«æœ‰ç›Šã§ã™ã€‚ã‚ー書ãã‚“ã˜ã‚ƒãªã‹ã£ãŸã€‚ ã¯ã¦ãªã®äººæ°—者 id:naoya ãŒã€Œprototype.js ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã€ã¨ã„ã†ã®ã‚’ã‚„ã£ã¦ã‚‹ã‚“ã ã‘ã©ã€prototype.js ã®èª¬æ˜Žã‚’ã—ã¦ãã‚Œãªãã¦å›°ã‚‹ã€‚å‰ã‹ã‚‰ã€ŒRails ã® prototype.js ã¯ä¾¿åˆ©ã ã€ã¨ã„ã†ã®ã‚’ç›®ã«ã™ã‚‹ã“ã¨ãŒã‚ã£ãŸã®ã§ã€ã¡ã‚‡ã†ã©ã„ã„機会ã ã£ã¦ã“ã¨ã§èª¿ã¹ãŸã€‚ http://prototype.conio.net/ ドã‚ュメントãŒå…¨ç„¶ãªã„。ãªã„ã“ãŸãªã„ã¨æ€ã†ã®ã§ã”å˜çŸ¥ã®æ–¹ã¯æ•™ãˆã¦ãã ã•ã„。ã—ょã†ãŒãªã„ã®ã§ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã“ã¨ã«ã€‚ http://dev.conio.net/repos/prototype/src/ ã“ã“ã®ã‚’é †æ¬¡èªã¿ã¾ã™ã€‚ base.js http://dev.conio.net
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
『prototype.jsã‚’10KBã«ã™ã‚‹æ–¹æ³•ã€ã¸ã®ã‚³ãƒ¡ãƒ³ãƒˆ
JavaScript++ã‹ã‚‚日記 - 1997å¹´ã‹ã‚‰ã®
{{#tags}}- {{label}}
{{/tags}}