AlternateIdea: Writing Custom Iterators For Prototype
Traversing the DOM can be a painful beast at times, but we can remove a lot of that pain by writing a simple set of iterators that will allow us to pick it apart at will. When you ask for the childNodes of an element, most of the time you’re just wanting the element nodes only and you’d like to completely ignore the text nodes. Using Prototype, you could write something like the code below: elemen
アルファ画åƒã‚’扱ã†alphafilter.jsライブラリ-ã¨ã‚ã‚‹WEBクリエイターã®blog
IE6ã§ã‚¢ãƒ«ãƒ•ã‚¡ç”»åƒ(é€éŽpng)ãŒä½¿ãˆãªã„ã“ã¨ã«ã‚ˆã‚Šã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ä½œæ¥é‡ãŒå¤§å¹…ã«å¢—ã—ã¾ã™ã€‚ ãã“ã§ã€IE6ã§é€éŽpngを扱ã†jsライブラリを作ã£ã¦ã¿ã¾ã—ãŸã€‚ è¨å®šã¯ç°¡å˜ã€headè¦ç´ 内ã«æ¡ä»¶ä»˜ãコメントを利用ã—ã¦alphafilter.jsã§èªã¿è¾¼ã‚€ã ã‘。 èªã¿è¾¼ã¿ã‚’高速化ã•ã›ã‚‹ãŸã‚defer属性をã®è¨˜è¿°ã‚’忘れãšã«è¡Œã£ã¦ãã ã•ã„。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> é€éŽã«ã—ãŸã„ç”»åƒã«class属性ã§alphafilterã¨å…¥ã‚Œã‚‹ã ã‘ã§ã€ãªã‚“ã¨IE6ã§ã‚‚é€éŽç”»åƒã®ä½¿ç”¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ <img src="./sample.png" class="alphafilter" alt="" /> 背景ã«é€éŽpn
prototype.jsã§ã‚¯ãƒã‚¹ãƒ–ラウザãªWYSIWIGエディタ - AUSGANG SOFT
ã“ã‚Œã¯ä½•ï¼Ÿ prototype.jsベースã§ã€IEã€Firefoxã€Operaã€Safariをサãƒãƒ¼ãƒˆã™ã‚‹WYSIWYGエディタライブラリã§ã™ã€‚ 車輪ã®å†ç™ºæ˜Žã‚‚ã„ã„ã¨ã“ã‚ãªã®ã§ã™ãŒã€ãªã‚‹ã¹ãシンプルãªWYSIWYGエディタライブラリãŒæ¬²ã—ãã¦ä½œã‚Šã¾ã—ãŸã€‚ ã©ã‚“ãªã‚‚ã®ï¼Ÿ ↓使ã£ã¦ã¿ã¦ãã ã•ã„。RSSリーダーã§è³¼èªã•ã‚Œã¦ã‚‹æ–¹ã¯ã€ã“ã¡ã‚‰ã‹ã‚‰ã”覧ãã ã•ã„。 "コードを整ãˆã‚‹"ã®ãƒã‚§ãƒƒã‚¯ã‚’ã¯ãšã™ã¨ãƒ–ラウザ本æ¥ã®HTMLを出力ã—ã¾ã™ã€‚ æ–‡å—サイズã®å¤‰æ›´ã¯ã€Firefoxã®ã¿å‹•ä½œã—ã¾ã™ã€‚ 基本コード サンプルã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ã¾ã è’削りãªã®ã§ã€å®Ÿéš›ã«ä½¿ãˆã‚‹ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ã‘ã‚Œã©ã€‚ <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
JavaScriptã§Treemap - 和人
è‘—åãªã‚µã‚¤ãƒˆã€Žç™¾å¼ã€ã•ã‚“ã§æ¤œç´¢çµæžœã‚’マップ形å¼ã§è¡¨ç¤ºã™ã‚‹æ¤œç´¢ã‚µã‚¤ãƒˆã®ç´¹ä»‹(リストã‹ã‚‰ãƒžãƒƒãƒ—ã¸)ãŒã•ã‚Œã¦ã„ã¦ã€ ãªã‚“ã‹æ–°ã—ã„ãªãƒ¼ã£ã¦æ€ã£ãŸã€‚TagCloudã¨åŒã˜ã§è¦–覚ã§çµæžœã‚’ã†ã£ãŸãˆã‚‹ã£ã¦ã‚ã‹ã‚Šã‚„ã™ãã¦ã„ã„よã。 PHP ã§treemapã®å®Ÿè£…ã‚’ã•ã‚Œã¦ã„ã‚‹æ–¹(Treemap PHP Source Code - neurofuzzy)ãŒã„ã¦ã€ã‚³ãƒ¼ãƒ‰ã‚‚公開ã•ã‚Œã¦ã„ãŸã®ã§ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯ãã®ã¾ã¾ã«(真似ã—ã¦ã¾ã™)JavaScriptã§å®Ÿè£…ã—ã¦ã¿ãŸã€‚ //â– JavaScript //require Prototype.js function render_treemap(nodes) { var divTmp = new Template('<div class="node" style="width:#{width}px;height:#{height}">#{tag}</div>'); retu
Webアプリã«ä½¿ãˆã‚‹Ajaxライブラリ8é¸ï¼ ― ï¼ IT
Ajaxライブラリã®å…¨ä½“åƒã‚’把æ¡ã—よㆠAjaxライブラリ（*注1）ã¯ã™ã§ã«æ•°å¤šãã®ã‚‚ã®ãŒå‡ºå›žã£ã¦ã„ã¾ã™ãŒã€å¤šéŽãŽã¦å…¨ä½“åƒãŒã¤ã‹ã‚ã¦ã„ãªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚今回ã¯ä»£è¡¨çš„ãªAjaxライブラリã®ä¸€éƒ¨ã‚’挙ã’ã€ãã‚Œãžã‚Œã‚’比較ã—ãªãŒã‚‰Ajaxライブラリã®å…¨ä½“åƒã‚’把æ¡ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã©ã†ã—ã¦ã€Webアプリ開発ã«AjaxライブラリãŒå¿…è¦ãªã®ã‹ ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚‚ライブラリãŒå˜åœ¨ã™ã‚‹ã‚ˆã†ã«ã€Ajaxã«ãŠã„ã¦ã‚‚ライブラリãŒå˜åœ¨ã—ã¾ã™ã€‚ åˆã‚ã«Ajaxライブラリã®å¿…è¦æ€§ã«ã¤ã„ã¦è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ãŒã€ã“ã“ã§ã¯Ajax開発ãªã‚‰ã§ã¯ã®ãƒ©ã‚¤ãƒ–ラリã®å¿…è¦æ€§ã‚’2点å–り上ã’ã¾ã™ï¼ˆã»ã‹ã®è¨€èªžã®ãƒ©ã‚¤ãƒ–ラリã¨å…±é€šã™ã‚‹å¿…è¦æ€§ã¯ã‚らãŸã‚ã¦å–り上ã’ã¾ã›ã‚“）。 クãƒã‚¹ãƒ–ラウザ対応 Ajaxã®åˆ©ç‚¹ã¨ã—ã¦ã€ã•ã¾ã–ã¾ãªç’°å¢ƒã«ãŠã‘る一般的ãªWebブラウザ上ã§å®Ÿè¡Œã§ãã‚‹ã“ã¨ãŒæŒ™ã’られã¾ã™ã€‚ã—ã‹ã—Webブラウザã®å®Ÿè£…
Bridge Word
This shop will be powered by Are you the store owner? Log in here
Run / Universal JavaScript Animation Framework / Start
Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework. But some facts make it standing out from other frameworks: Easy and intelligent CSS support. Event listeners. Easy syntax. Well-documented. Compatible to all current browsers: Firefox 1+, Opera 8+, Internet Explorer 5.5+, Safari 2+, Konqueror Let's start the discussion about Run on
prototype.js ã§ã‚¿ãƒ–切り替㈠- AUSGANG SOFT
ãŸã¤ã‚’ã•ã‚“ã®CSS 㨠JavaScript ã§ã‚¿ãƒ–切り替ãˆã‚’prototype.jsを使ã£ã¦æ›¸ãç›´ã—ã¾ã—ãŸã€‚ 極力ã€å†åˆ©ç”¨ãŒç°¡å˜ã«ãªã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ライセンスã¯æœ¬å®¶ã®ã€Œç„¡å„Ÿãƒ»ç„¡ä¿è¨¼ãƒ»è‘—作権放棄ã€ã«æº–ã˜ã¾ã™ã€‚ ã”自由ã«ãŠä½¿ã„ãã ã•ã„。 サンプルã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 基本コードã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}