본문 바로가기

js14

[JS] javascript 선택자 let element = document.elementById("mySpan"); element.parentNode; // 바로 위 부모(요소,주석,줄바꿈 포함) element.parentElement; // 바로 위 부모 요소 element.closest(); // 조상 요소 중 제일 가까운 요소 (Id,Class,속성값 등을 이용) element.childNodes; // 바로 아래 자식(요소,주석,줄바꿈 포함) 배열 element.children; // 바로 아래 자식 요소 배열 element.querySelectorAll(); // 자손 요소 전체 배열 (Id,Class,속성값 등을 이용) element.nextSibling; // 다음 형제(요소,주석,줄바꿈 포함) element.nextElem.. 2023. 3. 9.
[JS] javascript replaceAll function replaceAll(str, searchStr, replaceStr) { return str.split(searchStr).join(replaceStr); } 2023. 3. 9.
[JS] 그누보드의 smarteditor2 하이퍼링크 새창에서 열기 그누보드의 plugin 폴더에 있는 smarteditor2의 smarteditor2.js 소스를 보면 하이퍼 링크 새창에서 열기 옵션에 관한 코드가 주석처리 되어있고 skin 소스 코드에는 해당 부분이 없다. 주석을 풀고 skin 화면에 직접 코드를 넣었음에도 제대로 실행이 되지 않았다. ​ // smarteditor2/js/smarteditor2.js // 20513번쨰 라인 //this.oCbNewWin.checked = false; // 20520번째 라인 //if(sTarget && sTarget == "_blank"){this.oCbNewWin.checked = true;} // 20586번째 라인 if(this._validateURL(sURL)){ //if(this.oCbNewWin.check.. 2023. 3. 9.
[JS] 선택된 영역의 텍스트 가져오기 // TEXT로 가져오기 - wfSel.getTEXT() // HTML 코드로 가져오기 - wfSel.getHTML() // 특정 문자열, 태그 등을 추가하기 - wfSel.insert(before, after) // 해당 문자열을 바꾸기 - wfSel.replace(str) // 태그 삭제하기 - wfSel.removeTag() const wfSel = (() => { let sel, range, content, node; return { setVariables: () => { sel = window.getSelection(); if (!sel) return; // Set variables range = sel.getRangeAt(0); content = range.cloneContents(); nod.. 2023. 3. 9.
[JQUERY] 위도 경도 function getloc() { navigator.geolocation.getCurrentPosition(updateLocation_m, handleLocationError_m); } function updateLocation_m(position) { str_lat = position.coords.latitude; str_lng = position.coords.longitude; $('#comp_list').append("3"); //get_aound_hospital(str_lat,str_lng); } function handleLocationError_m(error) { alert('위치서비스를 허용해 주세요.'); //get_aound_hospital(str_lat,str_lng); $('#sub.. 2023. 3. 8.
[JQUERY] 라디오버튼_선택된것과 안된것들 css 지정 $(document).on("click",".radio_label1",function(){ var selected_label = $(this); // 가까운 상위요소 검색 selected_label.closest('td').find(".radio_label1").each(function() { $(this).css("background-color","#ddd"); $(this).css("color","#000"); }); selected_label.css("background-color","#2facb2"); selected_label.css("color","#fff"); }); 2023. 3. 8.