코딩하다 현타올 때

질문 : 요소에 JavaScript의 클래스가 포함되어 있는지 확인하십시오. jQuery가 아닌 일반 JavaScript를 사용하여 요소에 클래스 가 포함되어 있는지 확인할 수있는 방법이 있습니까? 현재 나는 이것을하고있다 : var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I have class3"; break; case "..

질문 : JavaScript 링크 "#"또는 "javascript : void (0)"에는 어떤 "href"값을 사용해야합니까? 다음은 JavaScript 코드 실행만을 목적으로하는 링크를 작성하는 두 가지 방법입니다. 기능, 페이지로드 속도, 유효성 검사 목적 등에서 어느 것이 더 낫습니까? function myJsFunc() { alert("myJsFunc"); } Run JavaScript Code 또는 function myJsFunc() { alert("myJsFunc"); } Run JavaScript Code 답변 javascript:void(0) 합니다. 세 가지 이유. # 사용을 장려하면 필연적으로 다음과 같은 함수의 반환 값을 사용하게됩니다. function doSomething() { ..

질문 : 깨진 이미지를 대체하는 jQuery / JavaScript 여러 이미지가 포함 된 웹 페이지가 있습니다. 때때로 이미지를 사용할 수 없어 클라이언트의 브라우저에 깨진 이미지가 표시됩니다. jQuery를 사용하여 이미지 세트를 가져오고 깨진 이미지로 필터링 한 다음 src를 대체하려면 어떻게해야합니까? -jQuery로이 작업을 수행하는 것이 더 쉬울 것이라고 생각했지만 순수한 JavaScript 솔루션, 즉 Prestaul에서 제공하는 솔루션을 사용하는 것이 훨씬 쉬워졌습니다. 답변 이미지의 onError 이벤트를 처리하여 자바 스크립트를 사용하여 소스를 다시 할당합니다. function imgError(image) { image.onerror = ""; image.src = "/images/no..

질문 : HTML 버튼 또는 JavaScript를 클릭 할 때 파일 다운로드를 트리거하는 방법 이건 미친 짓이지만 어떻게해야할지 모르겠고, 단어가 얼마나 흔한 지 때문에 검색 엔진에서 필요한 것을 찾기가 어렵습니다. 대답하기 쉬운 질문이라고 생각합니다. 다음과 같은 간단한 파일 다운로드를 원합니다. Download! 하지만 다음 중 하나와 같은 HTML 버튼을 사용하고 싶습니다. Download! 마찬가지로 JavaScript를 통해 간단한 다운로드를 트리거 할 수 있습니까? $("#fileRequest").click(function(){ /* code to download? */ }); 버튼처럼 보이는 앵커를 만들거나 백엔드 스크립트를 사용하거나 서버 헤더 또는 MIME 유형을 엉망으로 만드는 방법을 ..

질문 : 스크롤 막대를 숨기지 만 여전히 스크롤 할 수 있음 스크롤바를 표시하지 않고 전체 페이지를 스크롤 할 수 있기를 원합니다. Google 크롬에서는 다음과 같습니다. ::-webkit-scrollbar { display: none; } 그러나 Mozilla Firefox와 Internet Explorer는 그렇게 작동하지 않는 것 같습니다. 나는 또한 이것을 CSS에서 시도했다. overflow: hidden; 그러면 스크롤바가 숨겨 지지만 더 이상 스크롤 할 수 없습니다. 전체 페이지를 스크롤 할 수있는 동안 스크롤바를 제거 할 수있는 방법이 있습니까? CSS 또는 HTML 만 사용하십시오. 답변 잘 작동하는 테스트입니다. #parent{ width: 100%; height: 100%; over..

질문 : Javadoc 주석의 여러 줄 코드 예제 메서드에 대한 Javadoc 주석에 포함하려는 작은 코드 예제가 있습니다. /** * -- ex: looping through List of Map objects -- * * for (int i = 0; i < list.size(); i++) { * Map map = (Map)list.get(i); * System.out.println(map.get("wordID")); * System.out.println(map.get("word")); * } * * * @param query - select statement * @return List of Map objects */ 문제는 코드 예제가 줄 바꿈없이 Javadoc에 표시되어 읽기가 어렵다는 것입니다. ..

질문 : 여러 줄 바꿈하지 않는 공백 ( "nbsp") 대신 탭 공백이 있습니까? 를 입력하는 대신 HTML에 탭 문자를 삽입 할 수 있습니까? 네번? 답변 CSS를 사용하는 것이 훨씬 깨끗합니다. padding-left:5em 또는 margin-left:5em 을 적절하게 사용해보십시오. 출처 : https://stackoverflow.com/questions/1571648/tab-space-instead-of-multiple-non-breaking-spaces-nbsp

질문 : 개요 반경? 어쨌든 border-radius 와 비슷한 div element 의 윤곽선 에 둥근 모서리 가 생깁니 까? 답변 지금은 오래된 질문이지만 비슷한 문제를 가진 사람과 관련이있을 수 있습니다. border 가있는 입력 필드가 있었고 초점 윤곽선의 색상을 변경하고 싶었습니다. 입력 컨트롤에 outline 을 길들일 수 없었습니다. 그래서 대신 box-shadow를 사용했습니다. 나는 실제로 그림자의 부드러운 모양을 선호했지만 둥근 윤곽선을 시뮬레이션하기 위해 그림자를 강화할 수 있습니다. input, input:focus { border: none; border-radius: 2pt; box-shadow: 0 0 0 1pt grey; outline: none; transition: .1s..

질문 : clearfix 란 무엇입니까? 최근에 일부 웹 사이트의 코드를 살펴보고 모든 clearfix 클래스가 있음을 clearfix . 빠른 Google 검색 후 때때로 IE6 용이라는 것을 알게되었지만 실제로 clearfix는 무엇입니까? clearfix가없는 레이아웃과 비교하여 clearfix가있는 레이아웃의 몇 가지 예를 제공 할 수 있습니까? 답변 오늘날 레이아웃에 플로팅 요소를 사용하는 것이 더 나은 대안을 사용함에 따라 점점 더 낙담되고 있다는 점에 주목할 가치가 있습니다. display: inline-block -더 좋음 Flexbox- 최고 (그러나 제한된 브라우저 지원) Flexbox는 Firefox 18, Chrome 21, Opera 12.10, Internet Explorer 1..

질문 : jQuery를 통해 어떤 라디오 버튼이 선택되었는지 어떻게 알 수 있습니까? 두 개의 라디오 버튼이 있고 선택한 버튼의 값을 게시하고 싶습니다. jQuery로 어떻게 가치를 얻을 수 있습니까? 다음과 같이 모두 얻을 수 있습니다. $("form :radio") 어느 것이 선택되었는지 어떻게 알 수 있습니까? 답변 id가 myForm 양식에서 선택한 radioName 항목의 값을 가져 오려면 다음을 수행하십시오. $('input[name=radioName]:checked', '#myForm').val() 예를 들면 다음과 같습니다. $('#myForm input').on('change', function() { alert($('input[name=radioName]:checked', '#myFor..

질문 : jQuery를 사용하여 롤오버시 이미지 소스 변경 몇 개의 이미지와 롤오버 이미지가 있습니다. jQuery를 사용하여 onmousemove / onmouseout 이벤트가 발생할 때 롤오버 이미지를 표시하거나 숨기고 싶습니다. 내 모든 이미지 이름은 다음과 같이 동일한 패턴을 따릅니다. 원본 이미지 : Image.gif 롤오버 이미지 : Imageover.gif onmouseover 및 onmouseout 이벤트에서 각각 이미지 소스 의 "over" 부분을 삽입하고 제거하고 싶습니다. jQuery를 사용하여 어떻게 할 수 있습니까? 답변 준비 상태로 설정하려면 : $(function() { $("img") .mouseover(function() { var src = $(this).attr("sr..

질문 : jQuery로 'Enter'에 양식을 제출 하시겠습니까? HTML / jQuery를 사용하는 AIR 프로젝트의 이메일 텍스트 필드, 암호 필드 및 제출 버튼과 같은 bog 표준 로그인 양식이 있습니다. 양식에서 Enter 키를 누르면 전체 양식의 내용이 사라지지만 양식이 제출되지 않습니다. 이것이 Webkit 문제인지 (Adobe AIR는 HTML 용 Webkit을 사용함) 또는 내가 물건을 묶었는지 아는 사람이 있습니까? 나는 시도했다 : $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); 그러나 그것은 정리 행동을 멈추거나 양식을 제출하지 않았습니다. 양식과 관련된 작업이 없습니다. 문..

질문 : jQuery.click () 대 onClick 거대한 jQuery 응용 프로그램이 있으며 클릭 이벤트에 대해 아래 두 가지 방법을 사용하고 있습니다. 첫 번째 방법 HTML Some Content jQuery $('#myDiv').click(function(){ //Some code }); 두 번째 방법 HTML Some Content JavaScript function call function divFunction(){ //Some code } 내 응용 프로그램에서 첫 번째 또는 두 번째 방법을 사용합니다. 어느 것이 더 낫습니까? 성능이 더 좋습니까? 그리고 표준? 답변 $('#myDiv').click(function(){ 것이 표준 이벤트 등록 모델을 따르기 때문에 더 좋습니다 . (jQu..

질문 : jQuery UI 대화 상자에서 닫기 버튼을 제거하는 방법은 무엇입니까? jQuery UI로 생성 된 대화 상자에서 닫기 버튼 (오른쪽 상단 모서리의 X) 을 제거하려면 어떻게해야합니까? 답변 나는 이것이 결국 작동한다는 것을 알았습니다 (버튼을 찾아서 숨기는 열기 기능을 재정의하는 세 번째 줄에 유의하십시오). $("#div2").dialog({ closeOnEscape: false, open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog || ui).hide(); } }); 모든 대화 상자에서 닫기 버튼을 숨기려면 다음 CSS도 사용할 수 있습니다. .ui-dialog-titlebar-close { visibility: hi..

질문 : jQuery 데이터 대 Attr? data-someAttribute 사용할 때 $.data 와 $.attr 사용법 차이는 무엇입니까? 내 이해는 $.data 가 DOM이 아닌 jQuery의 $.cache 따라서 데이터 저장에 $.cache $.data 사용해야합니다. HTML5 데이터 속성을 추가하려면 $.attr("data-attribute", "myCoolValue") 합니다. 답변 서버에서 DOM 요소로 데이터를 전달하는 경우 요소에 데이터를 설정해야합니다. foo! 그런 다음 jQuery에서 .data() 를 사용하여 데이터에 액세스 할 수 있습니다. console.log( $('#foo').data('foo') ); //outputs "bar" 그러나 데이터를 사용하여 jQuery의 D..

질문 : jQuery로 데이터 속성으로 요소 선택 data 속성을 기반으로 요소를 선택하는 쉽고 간단한 방법이 있습니까? 예를 들어 값이 22 customerID 라는 데이터 속성이있는 모든 앵커를 선택하십시오. rel 또는 기타 속성을 사용하는 것을 주저하지만 어떤 데이터가 저장되어 있는지에 따라 요소를 선택하는 것이 훨씬 더 어렵습니다. 답변 $('*[data-customerID="22"]'); * 를 생략 할 수 있어야하지만 올바르게 기억하면 사용중인 jQuery 버전에 따라 잘못된 결과를 얻을 수 있습니다. 선택기 API ( document.querySelector{,all} 22 ) 주변의 따옴표를 생략 할 수 없습니다 . 또한 jQuery 스크립트에서 데이터 속성을 많이 사용하는 경우 HTML..

질문 : AngularJS ngClass 조건부 ng-class 와 같은 것을 조건부로 표현하는 방법이 있습니까? 예를 들어, 다음을 시도했습니다. test 이 코드의 문제는 obj.value1 이 무엇이든 클래스 테스트가 항상 요소에 적용된다는 것입니다. 이렇게 : test obj.value2 가 진실 값과 같지 않으면의 클래스가 적용되지 않습니다. 이제 다음을 수행하여 첫 번째 예제의 문제를 해결할 수 있습니다. test checkValue1 함수는 다음과 같습니다. $scope.checkValue1 = function() { return $scope.obj.value === 'somevalue'; } ng-class 가 작동하는 방식인지 궁금합니다. 이와 비슷한 작업을 수행하려는 사용자 지정 지시문..

질문 : mailto :를 사용하여 이메일 제목 / 내용을 설정할 수 있습니까? mailto :를 사용할 때 이메일 제목 / 내용을 설정할 수 있습니까? 답변 예, mailto에서 모든 팁과 요령을 확인하세요. http://www.angelfire.com/dc/html-webmaster/mailto.htm mailto 제목 예 : example 콘텐츠가있는 mailto : tell a friend 주석에서 언급했듯이 subject 와 body 모두 적절하게 탈출해야합니다. 특정 경우에 대해 직접 코딩하지 않고 각각에 encodeURIComponent(subject) 를 사용하십시오. Hoody 가 주석에서 언급했듯이 문자열에 다음 인코딩 시퀀스를 추가하여 줄 바꿈을 추가 할 수 있습니다. %0D%0A /..

질문 : jQuery를 사용하여 DIV를 화면 중앙에 배치 jQuery를 사용하여 화면 중앙에 를 설정하려면 어떻게해야합니까? 답변 이 함수가 도움이되도록 jQuery에 함수를 추가하는 것을 좋아합니다. jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px"); this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) +..

질문 : Chrome 자동 완성 사용 중지 여러 양식에서 크롬 자동 채우기 동작에 문제가 발생했습니다. 양식의 모든 필드에는 "email", "name"또는 "password"와 같이 매우 일반적이고 정확한 이름이 있으며 autocomplete="off" 설정되어 있습니다. 자동 완성 플래그는 입력을 시작하면 값 드롭 다운이 나타나는 자동 완성 동작을 성공적으로 비활성화했지만 Chrome이 필드를 자동으로 채우는 값은 변경하지 않았습니다. 이 동작은 크롬이 입력을 잘못 채우는 것 (예 : 이메일 주소로 전화 입력을 채우는 것)을 제외하고는 괜찮습니다. 고객이 이에 대해 불만을 제기했기 때문에 여러 사례에서 발생하는 것으로 확인되었으며 내 컴퓨터에서 로컬로 수행 한 작업에 대한 결과가 아닙니다. 내가 생각..

질문 : jQuery에서 확인란 값 가져 오기 jQuery에서 확인란의 값을 어떻게 얻을 수 있습니까? 답변 Value 속성의 값을 얻으려면 다음과 같이 할 수 있습니다. $("input[type='checkbox']").val(); class 또는 id 를 설정 한 경우 다음을 수행 할 수 있습니다. $('#check_id').val(); $('.check_class').val(); 그러나 체크 여부와 상관없이 동일한 값을 반환합니다. 제출 된 양식 동작과 다르기 때문에 혼란 스러울 수 있습니다. 선택 여부를 확인하려면 다음을 수행하십시오. if ($('#check_id').is(":checked")) { // it is checked } 출처 : https://stackoverflow.com/ques..

질문 : CSS에서 셀 패딩 및 셀 간격을 설정 하시겠습니까? HTML 테이블에서 cellpadding 및 cellspacing 은 다음과 같이 설정할 수 있습니다. CSS를 사용하여 어떻게 똑같이 할 수 있습니까? 답변 기초 padding "을 제어하려면 표 셀에 패딩을 사용하면됩니다. 예 : 10px의 "cellpadding": td { padding: 10px; } "cellspacing"의 경우 border-spacing CSS 속성을 테이블에 적용 할 수 있습니다. 예 : 10px의 "cellspacing": table { border-spacing: 10px; border-collapse: separate; } 이 속성은 별도의 수평 및 수직 간격을 허용합니다. 구식 "셀 간격"으로는 할 수없..

질문 : CSS를 사용하여 확인란 크기를 변경할 수 있습니까? 브라우저에서 CSS 또는 HTML을 사용하여 확인란의 크기를 설정할 수 있습니까? width 와 size 는 IE6 +에서 작동하지만 Firefox에서는 작동하지 않습니다. Firefox에서는 더 작은 크기를 설정해도 확인란이 16x16으로 유지됩니다. 답변 (확장으로 인해) 약간 못 생겼지 만 대부분의 최신 브라우저에서 작동합니다. input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ ..

질문 : CSS를 사용하여 체크 박스 스타일을 지정하는 방법 다음을 사용하여 확인란의 스타일을 지정하려고합니다. 그러나 스타일은 적용되지 않습니다. 확인란은 여전히 기본 스타일을 표시합니다. 지정된 스타일을 어떻게 부여합니까? 답변 최신 정보: 아래 답변은 CSS 3이 널리 사용되기 전 상황을 참조합니다. 최신 브라우저 (Internet Explorer 9 이상 포함)에서는 JavaScript를 사용하지 않고 원하는 스타일로 확인란 대체를 만드는 것이 더 간단합니다. 다음은 몇 가지 유용한 링크입니다. CSS만으로 사용자 지정 양식 확인란 만들기 쉬운 CSS 체크 박스 생성기 체크 박스 해킹으로 할 수있는 일 CSS3로 사용자 정의 체크 박스 및 라디오 버튼 구현 CSS로 체크 박스 스타일을 지정하는 방..

질문 : jQuery 텍스트 영역에서 커서 위치 설정 jQuery를 사용하여 텍스트 필드에서 커서 위치를 어떻게 설정합니까? 콘텐츠가있는 텍스트 필드가 있고 사용자가 필드에 초점을 맞출 때 특정 오프셋에 사용자 커서가 위치하기를 원합니다. 코드는 다음과 같아야합니다. $('#input').focus(function() { $(this).setCursorPosition(4); }); setCursorPosition 함수의 구현은 어떻게 생겼습니까? 내용이 abcdefg 인 텍스트 필드가있는 경우이 호출은 커서가 abcd ** | ** efg와 같이 배치되도록합니다. Java에는 비슷한 기능인 setCaretPosition이 있습니다. 자바 스크립트에도 비슷한 방법이 있습니까? 업데이트 : 다음과 같이 jQ..