본문 바로가기

Local Oriented

 (236)
jQuery 로 Ajax 가 중첩되어 또는 순차적으로 Call 할때 CallBack 함수 사용 Ajax 는 비동기식 이다 보니.. a.jsp 가 b.jsp 를 호출하고 이어서 c.jsp 를 호출한다 했을때, c.jsp 가 b.jsp 보다 먼저 호출되지 않도록.. 순서를 정해줄 필요가 있을때 callBack 을 활용해 보자구요. function openSimpleUri(id,uri){ var args = openSimpleUri.arguments; // 추가 파라미터. args[0] id, args[1] uri, args[2] parameter, args[3] callback var param = ''; if(args[2]) param = args[2]; $.ajax({ type: 'POST', url: uri, data: param, // 파라미터 cache:false, success:functi..
jQTouch, 멀티 스마트 기기 지원하는 jQuery 기반의 모바일 웹 플러그인 http://www.jqtouch.com/
스핀 spin 자바스크립트 (jQuery 나 prototype 가능) 순수 자바스크립트와 jQuery, prototype 에서도 가능하고.. IE6.x 와 xFlatform 이 되는 스핀 플러그인. http://fgnass.github.com/spin.js/ 제작자는, stop() 한 다음에 다시 spin() 하면 된다 했는데.. spin(option) 으로 하지 않으면 기본 옵션이 적용되므로 유의. 순수 자바스크립트에서는 아래와 같이 사용. 스핀 생성시에 자바스크립트 전역 변수에 담아 두었다가 정지시키는 방식. Hi, there1!! Hi, there2!! Hi, there3!! 그러면, jQuery 에서는..? jQuery 의 data() 를 사용하네요. Hi, there1!! Hi, there2!! Hi, there3!!
position CSS 는 table 태그류와는 맞지 않고 div 쪽으로는 잘 맞네요 블럭 단위로 CSS 를 사용하여 좌표에 대해서 조정이 필요할때, 이를테면 화면에서 B 블럭이 A 블럭 안에서 일정 거리를 두고 표시되어야 할때.. 최근의 HTML 태그는 div 를 주로 사용하니까 문제는 없고요. table 태그가 들어간 이전 HTML 태그들과 섞여 있는 화면이라면.. table 의 td 안에 div 로 B 블럭을 구현하려고 할 거에요. 이게 IE 에서는 잘 맞아 들어가는데, IE 이외의 웹브라우저에서는 소용없는 짓이죠. ㅠ.ㅠ 그래서 이럴때는.. table 태그 안에 div 로 A 블럭을 만들고 그 안에 B 블럭을 만들면서.. A 블럭에는 position:relative 를, B 블럭에는 position:abolute 를 해 주어야 하는 거죠. .. 상기와 같은 코드로는 IE 에서는 제..
jQuery v1.4.2 에서 웹브라우저 종류 체크, $.browser.msie DOCTYPE 이 정의된 HTML 에서 필요할까 싶긴 한데요.. DOCTYPE 이 없이 HTML4.x 로 작성된 웹페이지라면, 웹브라우저 종류를 알아내는 것이 중요할 수도 있어요.. $.browser.msie 가 true 이면 MS 사의 인터넷 익스플로러, 아니면 다른 웹브라우저 입니다. 각 웹브라우저 간의 호환성이나 표준 HTML 을 고민하다 보면, 가끔씩 TABLE 태그를 사용하던 시절이 그립기도 합니다. $.browser.version 는 웹브라우저 버전. $.browser.safari 사파리 웹브라우저일때 true, 아니면 undefined. $.browser.opera 오페라 웹브라우저일때 true, 아니면 undefined. $.browser.msie MS IE 웹브라우저일때 true, 아니면..
모바일 기기를 고려한다면, onclick 에서도 javascript 반드시 기술 아래와 같이 a 태그나 이미지 맵에서는 href 속성에 javascript 라고 기술하고, 클릭 onclick 이벤트가 들어갈 때는 javascript 를 기술하지 않았었죠..? 클릭 그런데, 모바일에서는 onclick 이벤트에 javascript 를 반드시 기술해야 합니다. 클릭 과 같이 해야 한다는 말씀입니다. ^^.
모바일 기기를 고려한다면, mouseover 와 click 이벤트를 모두 설정하여야.. PC 환경에서는 mouseover 가 의미있지만, 모바일 기기 환경에서는 mouseover 가 의미 없음. 이유는, 모바일 기기에서는 "터치" 를 하기 때문. 터치하는 곳이 마우스 커서가 있는 곳이지요. 따라서 모바일 기기 환경을 생각한다면 mouseover 와 click 을 모두 사용해야 되는가 봅니다. 이벤트를 사용한다면, onmouseover 와 onclick 이 되겠구요.. jQuery 의 trigger 를 사용한다면 $('...').trigger('click mouseover') 이렇게 하면 되겠군요. 모바일 기기에서 onclick 이 작동하지 않는다 하는 분이 계세요.. onclick="funcA(paramA)" 라고 하면 작동하지 않지요. onclick="javascript:funcA(par..
CSS, 외부 포스트 모음 http://css3generator.com/ CSS 각종 옵션을 조정해 볼 수 있는 곳해당 내용이 적용되는 웹브라우저, 모바일 등을 한 눈에 표시 http://html.nhndesign.com/guidelines/css/ in-line, internal, external 중 external 추천 문자셋 @charset "euc-kr"; UTF-8 도 좋겠고요.. 코딩요령과 주석요령

티스토리툴바