jQuery와 Javascript Tip과 강좌 게시판
더보기- 2012-02-16 기존 요소 유지하면서 텍스트만 바꾸기.
- 2012-02-08 attr를 활용한 마우스따라 리스트색상 변하기... [2]
- 2011-11-18 골때리는 자바스크립트 미니버전 [1]
- 2011-11-16 jQuery Plugin - Plugin 작성 가이드 [2]
-
2011-11-08
윈도우를 위한 node.js 초간단 구축 가이드
- 2011-10-14 jQuery Plugin - JS OOP 2편, Self-Invoc... [2]
- 2011-10-11 jQuery Plugin - JS OOP 1편
- 2011-10-07 jQuery plugin - 들어가기 전에 [7]
-
2011-10-07
jQuery Plugin Example
[4]
- 2011-09-20 ajax 페이지에서 live, delegate의 오남용!! [2]
jQuery와 Javascript 질문과 답변 게시판
더보기- 2011-12-14 xml 파일 read하는 함수 부탁 드립니다. [1]
- 2011-11-29 클릭시 이전 이벤트 처리 하기 [1]
-
2011-11-18
jquery를 이용한 메세지 박스 가 여러개 떳...
- 2011-10-13 요소만 늦게 불러올 수 있나요? [2]
- 2011-09-09 버튼으로 텝창 추가 문의드립니다. [1]
- 2011-09-04 jquery datepicker 특정날짜에 대해.. [2]
- 2011-09-02 jquery ajax 로 게시판 만들어보신분 있으신가... [5]
- 2011-08-24 jQuery id 인식 [2]
- 2011-08-11 자바스크립트 프린트 출력시 자동출력 [5]
- 2011-06-09 jquery template 쓰시는분...?? for문 문의
jQuery와 Javascript 새로운 댓글
- 2012-02-10 제가 생각해도 id의 경우 중복불가라 리스트 tr 또는 td에는 클래스명으로 접근해서 hover 하시는 것이 좋을 것 같습니다.
- 2012-02-10 CSS 에 동적 효과를 주기 원하신다면 ID 속성보다 class 속성을 주는 것이 여러모로 편리합니다. 또한 제이쿼리는 마우스 오버와 아웃을 한꺼번에 관리하는 hover 메서드를 제공합니다. jQuery("td").hover(function(){ jQuery(this).parent().addClass('sub'); },function(){ jQuery(this).parent().removeClass('sub'); }); 이후 CSS 에서 .sub { background-color: red; } 이렇게 주시면 class 에 sub 가 들어간 모든 TD 태그에 빨간 배경이 입히는 거죠 도움 되시기 바랍니다.
- 2012-02-07 안녕하세요? 자바스크립트에 대해서 그다지 신경 안썻는데 제이쿼리 나오면서 좀더 심도있게 배우고자 여기저기 정보를 찾던 중 알게 되었습니다. 기초강좌 참 유익하게 보았고 좋은 정보가 되었습니다. 제이쿼리 관련 국내 서적이 그다지 많지 않은 상황에서 정말 많은 도움에 되었습니다. 제이쿼리 플러그인 불러다 쓰는 수준박에 안됐는데 기초부터 좀 알게 되니 이제 좀 플러그인 개발을 하고 싶다는 욕구가 넘치네요 .. 아무튼 좋은 강좌 정말 감사드립니다..
- 2011-12-14 결국 문제는 보안 이슈일 것 같은데요. 결과적으로 아래의 URL에서 보시면 알 수 있듯이 xml을 읽은 들일 수 있는 방법은 어려가지가 있고 이들 방법이 브라우저별로 local file을 읽을 수있는지 아닌지가 달려있습니다. 그도 때론 당연히 경고창이 나오는 문제 등을 감안하셔야 하구요. http://www.steveborn.com/codenotes/LoadingXML.htm 그리고 아래의 예제 코드는 위의 URL에 있는 것인데 이것도 살펴보니깐. 브라우저 버젼별로 상이한 부분은 반영되지 않아서 필요에 따라 고쳐써야 하고 차후 다른 버젼과 브라우저에 관한 지원은 직접 추가 하여 사용하셔야 할 것 같습니다. var xmlDoc; var xmlloaded = false; function initLibrary() { importXML("http:///www.somedomain.com/somesubdir/somefile.xml"); } function importXML(xmlfile) { try { var xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", xmlfile, false); } catch (Exception) { var ie = (typeof window.ActiveXObject != 'undefined'); if (ie) { xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false; while(xmlDoc.readyState != 4) {}; xmlDoc.load(xmlfile); readXML(); xmlloaded = true; } else { xmlDoc = document.implementation.createDocument("", "", null); xmlDoc.onload = readXML; xmlDoc.load(xmlfile); xmlloaded = true; } } if (!xmlloaded) { xmlhttp.setRequestHeader('Content-Type', 'text/xml') xmlhttp.send(""); xmlDoc = xmlhttp.responseXML; readXML(); xmlloaded = true; } }
- 2011-12-08 제가 너무 늦게 답변드린 것같아 의미가 있을까 생각하는데요. 방법을 달리 해서 이럴때는 jquery plugin을 작성하시면 유용한 util을 만들 수 있습니다. property같이 상태를 만들어서 그룹을 만들고 해당 그룹에서 클릭된 것만을 제외하고는 모두 초기 이미지로 바꾸는 방법입니다 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Javascript Sample Page</title> <script language="javascript" type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script> <script language="javascript" type="text/javascript"> ( function ($) { // private variables var defaultparams = { group: 'defaultgroupname', onimageurl: 'ic_bell_on.gif', offimgeurl: 'ic_bell_off.gif' } //private event procedure function toggleImage() { var mygroup = $(this).data().ImageRadioButton.group; $("img").each( function () { if ($(this).data().ImageRadioButton != undefined) { if (mygroup == $(this).data().ImageRadioButton.group) { $(this).attr("src", $(this).data().ImageRadioButton.offimg); } } } ); $(this).attr("src", $(this).data().ImageRadioButton.onimg); } //define methods var methods = { init: function (options) { $.extend(defaultparams, options); this.each(function () { if (this.nodeName.toLowerCase() == "img") { $(this).data("ImageRadioButton", { group: defaultparams.group, onimg: defaultparams.onimageurl, offimg: defaultparams.offimgeurl }); $(this).attr("src", $(this).data().ImageRadioButton.offimg); $(this).bind('click.ImageRadioButton', toggleImage); } }); return this; } } $.fn.ImageRadioButton = function (method) { if (methods[method]) return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); else return methods.init.apply(this, arguments); } } )($) $(document).ready( function () { $(".radiobutton1").ImageRadioButton({ group: "group1" }); $(".radiobutton2").ImageRadioButton({ group: "group2" }); } ); </script> </head> <body> <img class="radiobutton1" /> <a class="radiobutton1" >link</a> <span class="radiobutton1">span</span> <img class="radiobutton1" /> <img class="radiobutton1" /> <img class="radiobutton1" /> <br /> <img class="radiobutton2" /> <img class="radiobutton2" /> <img class="radiobutton2" /> <img /> </body> </html>
- 2011-12-08 안녕하세요~? 3년차의 초보 자바 개발자 입니다~ jquery 를 공부하던중 sqler.com 을 알게되어, [jQuery, Javascript Tip 강좌 게시판] 처음부터 강좌를 쭉~ 다 보게 되었는데요.. plugin 작성법까지 보고나서... 저만의 plugin을 만들어 보고 싶은 욕구가 막 들더군요~ ㅋㅋㅋ 솔직히 100% 가아닌... 90~95% 정도 이해했지만, 정말 알찬 강좌가 아닌가 싶더라구요 ㅋㅋ 아무쪼록, 강좌를 올려주신 개발자 선배님들께 감사 드린다는 말씀드리고 싶네요~ ^0^ 앞으로도, 알찬 강좌 기대 하겠습니다!! ^^ 날씨가 많이 춥습니다~ 감기 조심하세요~
- 2011-11-22 ~~ 두개를 안쓰고 하나만 쓰더라고 소수점은 다 버리는거 아닌가요??
- 2011-10-19 안녕하세요. jQuery 에 대해 상당히 깔끔히 정리 잘 해놓으신점 대단하십니다. ^^ 한가지 find() 와 filter() 에 대해 추가적인 설명을 더할면 어떨가 싶습니다. $(셀렉터1).find(셀렉터2) 는 셀렉터1 에서 DOM 내부로 들어가면서 셀렉터2 를 찾아줍니다. $(셀렉터1).filter(셀렉터2) 는 셀렉터1 중에서 셀렉터 2에 해당하는 것을 필터링 해줍니다. 즉 filter 에서 파라미터로 셀렉터를 사용할 경우는 다른 html 엘리먼트 라기보단 클래스나 :not 와 같은 슈도클래스가 들어가야합니다. :)
- 2011-10-19 내용만 담을려고 욕심내다 보니 상세하지 못한 설명때문에 내심 도움이 되지 않는 내용일까 걱정했는데.. 도움이 되시는 분이 있다니 다행이네요. 너무 감사합니다.
- 2011-10-18 좋은 강좌 잘보고갑니다 덕분에 많은 개념이 자리잡힌거 같네요... 다음 강좌도 살포시 기대해봅니다 ^^
Script Junkie {} - Script 동영상 강좌 RSS 피드
더보기- 2010-07-09 Object Oriented Programming with JavaScript
- 2010-05-18 Use JSON Data Structures in Client Side Development
- 2010-05-18 Debugging/Tracing Client Script with the AJAX Library
- 2010-05-18 Make Effective Use of Chaining in jQuery
- 2010-05-18 Embed JavaScript in an Assembly as a Resource
- 2010-05-18 Create a jQueryUI Plugin
- 2010-05-18 Use Reflection in Client Script with the AJAX Library
- 2010-05-18 Use Interfaces in Client Script with the AJAX Library
- 2010-05-18 Use Inheritance in Client Script with the AJAX Library
- 2010-02-19 Use the Type Class For Object-Oriented Client Script
Script Junkie {} - Script RSS 피드
더보기- 2011-08-18 Lockdown Pt. 3: Are Our Applications Secure Yet?
- 2011-08-11 jWorldmaps: The Anatomy of a jQuery Mapping Plugin
- 2011-08-04 Building Mobile JavaScript WebApps With Backbone.js & jQuery: Part I
- 2011-07-13 Lockdown Pt 2– Sanitization and Data Security
- 2011-07-06 CSS3 Animation With jQuery Fallbacks
- 2011-06-29 Lockdown Pt 1– Assessing and Securing Legacy Client-side Applications
- 2011-06-22 Managing Application Resources with the Flyweight Pattern
- 2011-06-15 MVVM and jQuery: Designing Maintainable, Fast and Versatile Sites
- 2011-06-08 JavaScript Attack/Defend
- 2011-06-01 How, When, And Why Script Loaders Are Appropriate
