- ¥Ð¥Ã¥¯¥¢¥Ã¥×°ìÍ÷
- ¥½¡¼¥¹ ¤òɽ¼¨
- ¥Ð¥Ã¥¯¥¢¥Ã¥× ¤òɽ¼¨
- Unobtrusive JavaScript - HTML¤ÎÃæ¤ËJavaScript¤ò½ñ¤«¤Ê¤¤¤è¤¦¤Ë¤¹¤ë¥¹¥¿¥¤¥ë ¤Ïºï½ü¤µ¤ì¤Æ¤¤¤Þ¤¹¡£
- 1 (2007-07-31 (²Ð) 16:58:45)
- Äɲ䵤줿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
- ºï½ü¤µ¤ì¤¿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
Unobtrusive JavaScript - Wikipedia, the free encyclopediahttp://en.wikipedia.org/wiki/Unobtrusive_JavaScript
HTMLÆâ¤ËJavaScript¤ò¤Ç¤¤ë¤À¤±½ñ¤«¤Ê¤¤¤è¤¦¤Ë¤·¤è¤¦¤È¤¤¤¦¥³¡¼¥Ç¥£¥ó¥°¥¹¥¿¥¤¥ë¤ò¡ÖUnobtrusive JavaScript¡×¤È¸Æ¤Ö¤é¤·¤¤¤Ç¤¹¡£
Unobtrusive JavaScript can be seen as part of the larger
Web standards movement;
¡ÖUnobtrusive JavaScript¡×¤Ï¡¢Â礤ÊWebɸ½à¤ÎÆ°¤¤Î°ìÉô¤È¤·¤Æ¤ß¤ë¤³¤È¤¬¤Ç¤¤ë¡£
much as the demand for cross-browser compatibility has driven the
increasing emphasis on standardized markup and style,
¥¯¥í¥¹¥Ö¥é¥¦¥¶¤ËÂФ¹¤ë¤è¤ê¿¤¯¤ÎÍ׵᤬¡¢É¸½à¤Î¥Þ¡¼¥¯¥¢¥Ã¥×¤È¥¹¥¿¥¤¥ë¤Îɸ½à²½¤Î¶¯Ä´¤ÎÁý²Ã¤ò¿ä¿Ê¤·¤Æ¤¤¤ë
the increasing demand for rich Internet applications is driving
the movement toward the more robust methods of unobtrusive JavaScript.
RIA¤ÎÍ×µá¤ÎÁý²Ã¤Ï¡¢Unobtrusive JavaScript¤Î¤è¤ê´è¶¯¤ÊÊýË¡¤ÎÊý¸þ¤Ø¤Î°ÜÆ°¤ò¿ä¿Ê¤·¤Æ¤¤¤ë
<input type="text" name="date" onchange="validateDate(this);" />
¡ãinput¡ä¥¿¥°¤Îonchange¤Ë½ñ¤¯¤Î¤Ç¤Ï¤Ê¤¯¡¢CSS¤Çclass¤ò³ä¤ê¿¶¤Ã¤Æ¡¢¤½¤³¤Ë¥¤¥Ù¥ó¥È¤òưŪ¤ËÅö¤Æ¹þ¤á¡¢¤È¡£
<input type="text" name="date" class="datefield" />
// Register onchange event handlers for all datefield elements
// This script uses objects and methods specific to the Prototype library
datefields = document.getElementsByClassName("datefield");
datefields.each(function(e){
Event.observe( e, "change", validateDate );
});
¤½¤¦¤¤¤¦É¬Í×À¤Ï¤¤¤¿¤ë¤È¤³¤í¤Ç¸À¤ï¤ì¤Æ¤¤¤Þ¤¹¤¬¡¢Unobtrusive JavaScript¤È¸Æ¤Ö¤ó¤Ç¤¹¤Í¡£
Ajax¥¤¥ó¥¢¥¯¥·¥ç¥ó¤Ç¤Ï¡¢HTMLÆâ¤Ëjavascript¤ò½ñ¤¯¤Î¤Ï¡¢½é´ü¤ÎPHP¥×¥í¥°¥é¥ß¥ó¥°¤Ç¡¢HTML¤ÈPHP¤òº®ºß¤µ¤»¤Æ½ñ¤¤¤Æ¤¤¤¿¤Î¤È»÷¤Æ¤¤¤ë¡¢¤È¤¤¤¦¤è¤¦¤Ê¤³¤È¤¬½ñ¤¤¤Æ¤Þ¤·¤¿¡£
¤ä¤Ã¤Ñ¤ê¡¢¤³¤¦¤¤¤Ã¤¿ÁȤßÊý¤òÀѶËŪ¤Ë¤ä¤Ã¤Æ¸À¤Ã¤¿Êý¤¬¤¤¤¤¤Ç¤¹¤è¤Í¡£&bigsmile;
ƱÍͤˡ¢Unobtrusive CSS¤È¤¤¤¦¸ÀÍդ⤢¤ë¤È¡¢¤³¤ÎËܤ˽ñ¤¤¤Æ¤¢¤ê¤Þ¤·¤¿¡£
¡¡Ajax¥Ç¥¶¥¤¥ó¥Ñ¥¿¡¼¥ó ¡½¥æ¡¼¥¶¥Ó¥ê¥Æ¥£¤È³«È¯¸úΨ¤Î¸þ¾å¤Î¤¿¤á¤Ë (Âç·¿ËÜ)
¡¡http://www.amazon.co.jp/dp/4873113237
#blikifooter(»ÖÅÄ)
tag: [[JavaScript>tag/JavaScript]]