먹고살거/JS(Jquery) (25) 썸네일형 리스트형 slide 2개씩 보여야할때 $(document).ready(function(){//slide샘플var testNum = 0,testWidth = $("div.slider ul li").width(),testLength = $("div.slider ul li").length,totalWidth = testWidth * testLength;var guideWidth = $("div.slider div").outerWidth(); if(testLength > 2){$("div.slider a.left").show();}$("div.slider div ul").css("width",totalWidth); $("div.slider a.left").click(function(){testNum--;console.log(testNum);if (.. 항목추가/삭제 위치 상하이동 $(document).ready(function(){//항목추가$(".btn_add").click(function(){var html = '';html += '';html += '위로이동 ';html += '아래로이동 ';html += '';html += '선택';html += ' ';html += ' ';html += '삭제';html += '';$("div.add").append(html);});});//항목삭제$(document).on("click",".btn_del",function(){$(this).parent().remove();});//항목 위치 위로이동$(document).on("click",".btn_up",function(){console.log("위로이동");var test = $(t.. Html5 input placeholder ie9 처리 IE9 브라우져에서는 placeholder가 보이지 않는다그래서 브라우져 체크를 한다음 placeholder값을 value에 넣어주는것이다 -----------------------------------------------------------------------------$(document).ready(function(){$.each($.browser,function(i,val) {if ($.browser.msie) {if ($.browser.version == 9.0){$("input").each(function(){var test = $(this).attr("placeholder");$(this).attr("value",test); $(this).focus(function(){$(this).at.. [Jquery] noConflict() 다른언어와 제이쿼리의 "$"기호가 충돌되는 경우. 제이쿼리의 별칭을 변경하여 충돌을 방지한다. 함수 is() if문에 조건을 달때 css로 display:none과 block조건을 주고싶었는데 도저히 도저히!!!!! 답이 안나오는것이다 고로케 고로케 고민하다 알게된 is()라는 함수 일단, 나의 고민이였던 것은 if ($(선택자).is(:visible)) = display: block; if ($(선택자).is(:hidden)) = display: none; 라는 정리가 나왔다 이것에서 만족하면 내가 아니징!! 이 is()라는게 여러가지로 조건을 걸고 쉽게 찾을수가 있었다. if ($("ul li").is(":first-child")) - 첫번째 li만 if ($(".box").is(":contains('Peter')")) - .box라는 클래스 안에 'Peter'라는 text만 if ($("dl.test")... gnb 보호되어 있는 글입니다. 좋은 팁 스스로 만드는것도 좋지만 남이 만들걸 보는것도 좋지하지만 제일좋은건 남에걸 내껄로 만드는거징! http://gnscjfdl.cafe24.com/work/rss/chapter1.html Jquery를 설명하는 12살 천재초딩ㅠ 럴수럴수 이럴수 ㅠ 제이쿼리의 개념을 알려고 들어갔는데 난지금 12살짜리가 하는 강연을 보고있었다.ㅠㅠㅠ 애 왜이리 똑똑하니? 부럽다. 영어로 쏼라쏼라라 잘 못알아들었지만...코드를 보고 어느정도 이해할수있엇다. 모르는건 바로바로 검색! 휴.. http://www.jquery.kr/?pid=10000006&mname=board&act=view&id=9 페이드 인 아웃! $(document).ready(function(){ $(".one").fadeOut(5000,0); // 사라지기 $(".two").fadeIn(10000,0); // 나타내기 }); 어떻게 하면 잘 짤수있을까????????? document.all의 에러 일단 document.all은 비표준이다. 다른브라우져는 모르지만 파이어 폭스에선 이구조때문에 웹페이지에 알럿이떠서 접근을 할수없다. document.all 은 IE에서만 동작한다. 같은 name을 가진 input이 여러개 있을 때 document.form0.inputName.length 이런 식으로 사용하는 경우도 있다. 이 또한 IE에서만 동작한다. w3c 스펙에 나와있는 document.getElementById 나 document.getElementsByName을 사용하여야 한다. 1. getElementById는 element를 반환한다. 다음과 같이 사용한다. var ele = document.getElementById("testID"); alert(ele.value); 2. getElemen.. title값으로 말풍선 띄우기 alt값은 ie에서 밖에 안보이고 그렇다고 일일이 말풍선 레이어를 만들수도 없는 노릇이고 이럴땐 어떻게 해결해야될까? HTML 1 2 3 홍길동 C 9876 20090603 JS function TooltipLayer(ele){ var ele = document.getElementById(ele); var eleSpan = ele.getElementsByTagName('span'); // 레이어 떠야할 애만 가져오기 =ㅅ=;;; var arrTooltip = new Array; for(var i=0; i Navigator plugin HTML CSS/* position and dimensions of the navigator */ .navi { margin-left:328px; width:200px; height:20px; } /* items inside navigator */ .navi a { width:8px; height:8px; float:left; margin:3px; background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ .navi a:hover { background-position:0 -8px; } /* active state (current page s.. 제이쿼리 단어좀 훑어볼까? 유용합니당. http://oscarotero.com/jquery/ [펌글]접근성을 해치지 않는 자바스크립트의 사용 *자바스크립트에 대한 잘못된 생각 자바스크립트 없이는 개발을 할 수 없다?많은 개발자들이 자바스크립트가 없이는 개발을 할 수 없다고 생각한다. 그만큼 자바스크립트를 일상적으로 많이 사용하지만 자바스크립트를 과용하는 경우가 많다는 것이다. 자바스크립트는 클라이언트 환경에서 작동하기 때문에 핵심 기능에 사용해서는 안된다. 핵심 기능은 서버사이드 언어로 처리를 하고 자바스크립트는 그 옆에서 UI구성을 위해서 도와주는 역할을 해야 한다. 바꿔 말하면 자바스크립트의 도움 없이도 핵심 기능은 작동을 해야 한다. 먼저 자바스크립트없이 HTML과 서버사이드 언어만으로 기능이 작동 되게 개발을 하고 자바스크립트를 이용해서 좋은 UI나 유효성 검사 등을 추가하는 순서로 만들어야 한다. 만약 이러한 방식으로 구현되지 않고 .. 스크립트를 만들고싶을때!!? 드림위버나 이클립스 에디트 플러스 메모장 이런곳에서 말들지않고도 좋은 방법이있다 바로 짤수있고 바로 확인할수있는곳. jsfiddle.net 사용법은 알아서!! [펌글]ie7 테이블이 깨져요! ie7 브라우져는 항상 애매하다>_< 그것들중에 하나 table 요걸요걸 어찌하면 좋을까? 경우1개를 찾아서 해결방법을 모색했다. 그것은 제이쿼리 한줄! 문제~! *table 공간이 빈곳이있을때!!! 값이 없음 깨지는 현상이나타난다. 그럴때는 $("td:empty").html(" "); 요런 방법을 사용하면 간단히 해결!^^ 출처 : http://dev.henjjang.com/399 세로 가운데 정렬 진짜 골치고 골치인 세로 가운데 정렬 TABLE을 이용하지 않고서는 구현하기 힘든 세로가운데정렬 가로로 가운데 정렬만하면 됬지 세로는 왜 그래야하는가? 이런 답답한 작업은정말정말 하기싫다 그래서 구현된 세로 가운제 스크립트!!!!!!!!!!!!!! 잘써보자. html 이곳의 텍스트가 상하 중앙정렬 이곳의 텍스트가 상하 중앙정렬 이곳의 텍스트가 상하 중앙정렬 이곳의 텍스트가 상하 중앙정렬 CSS div.wrap {width:600px; *zoom:1} div.wrap:after {content:""; clear:both; display:block} div.wrap .left {width:300px; float:left} div.wrap .right {width:250px; float:right; bor.. 레이어 뒷단 반투명하게 막기 레이어가 표준에 어긋나긴하지만 구현하는 방법은 알아야될것같다. 모듈팝업버튼 레이어내용입니다. 닫기 JQUERY 공부하기 3탄! 공부하는 순서는 1.제이쿼리가 페이지가 열리고 경고창 띄우기 2.제이쿼리로 태그의 스타일을 적용해보자 3.제이쿼리를 이용하여 레이어 팝업을 띄워보자 4.제이쿼리를 이용하여 2뎁스 메뉴를 만들어보자 5.제이쿼리를 이용하여 3뎁스 메뉴를 만들어보자 //마우스 클릭하면 레이어팝업 나타나기 //인라인으로 사용할경우 $(document).ready(function(){ $(".layerBox a").click(function(){ $(".layerBox p").css("display","block"); }); }); //class로 지정되있을 경우 $(document).ready(function(){ $(".layerBox a").click(function(){ $(".layerBox p").removeClass.. JQUERY 공부하기 2탄! 공부하는 순서는 1.제이쿼리가 페이지가 열리고 경고창 띄우기 2.제이쿼리로 태그의 스타일을 적용해보자 3.제이쿼리를 이용하여 레이어 팝업을 띄워보자 4.제이쿼리를 이용하여 2뎁스 메뉴를 만들어보자 5.제이쿼리를 이용하여 3뎁스 메뉴를 만들어보자 //셀렉터 스타일 적용하기 $(document).ready(function(){ $("h1").css("background","#eee");//태그를 이용해서 스타일을 적용할수도있고 $(".click").css("background","#eee");//class값을 이용해서 스타일을 적용할수도있고 $("#study_list").css("border","1px solid red");//id값을 이용해서 스타일을 적용할수도있고 }); 이렇게 css를 이용하지않고도 셀.. 이전 1 2 다음
