Front
-
new Image() optionstyle & src & onclick Colored By Color Scripter™1234567// JavaScript Code img = new Image(); img = "200px"; img.src = 'blah.png'; img.style.height = "140px"; img.onclick = function() { alert('hi'); }; thanks~! by doctorson0309, platformaker reference : https://stackoverflow.com/questions/3316207/add-onclick-event-to-newly-added-element-in-javascriptreference : http://ontheinfo...
[javascript] new Image() option (style & src & onclick)new Image() optionstyle & src & onclick Colored By Color Scripter™1234567// JavaScript Code img = new Image(); img = "200px"; img.src = 'blah.png'; img.style.height = "140px"; img.onclick = function() { alert('hi'); }; thanks~! by doctorson0309, platformaker reference : https://stackoverflow.com/questions/3316207/add-onclick-event-to-newly-added-element-in-javascriptreference : http://ontheinfo...
2017.10.02 -
※ solution 1 : jQuery(document).ready(function() { $("#test li").on("click", function() { alert($(this).text()); }); }); OR ※ solution 2 : jQuery(document).ready(function() { $("#test").on("click", "li", function() { alert($(this).text()); }); }); thanks~! reference :https://stackoverflow.com/questions/6365255/jquery-onclick-event-for-li-tagshttps://stackoverflow.com/questions/16707318/jquery-ho..
[ul-li tag] jquery li click event※ solution 1 : jQuery(document).ready(function() { $("#test li").on("click", function() { alert($(this).text()); }); }); OR ※ solution 2 : jQuery(document).ready(function() { $("#test").on("click", "li", function() { alert($(this).text()); }); }); thanks~! reference :https://stackoverflow.com/questions/6365255/jquery-onclick-event-for-li-tagshttps://stackoverflow.com/questions/16707318/jquery-ho..
2017.09.27 -
Problem :위의 경우처럼, 부모 div가 내부(자식) div를 감싸지 않는 경우가 있는데,overflow: auto;코드를 입력하면 해결할 수 있습니다. ... result :감사합니다.#부모 #div #자식 #부모div자식div #둘러싸는
[CSS] 부모 div가 자식 div를 둘러싸도록 만드는 방법Problem :위의 경우처럼, 부모 div가 내부(자식) div를 감싸지 않는 경우가 있는데,overflow: auto;코드를 입력하면 해결할 수 있습니다. ... result :감사합니다.#부모 #div #자식 #부모div자식div #둘러싸는
2017.09.25 -
solution Result : Before applying Result : After application thank you~! #How to make Responsive Image #Responsive #image
[CSS] How to make Responsive Imagesolution Result : Before applying Result : After application thank you~! #How to make Responsive Image #Responsive #image
2017.09.20 -
CSS HTML Result ^ 0 ^ Does it work as well as you want? #data-color #css #datacolor Reference: https://stackoverflow.com/questions/27529374/css-add-color-with-a-data-attribute-attrdata-color-colorRefetence: https://stackoverflow.com/questions/17523613/set-background-with-value-of-data-attribute
[data-color] How to Change the data-color~! bootstrap, navbar, datacolorCSS HTML Result ^ 0 ^ Does it work as well as you want? #data-color #css #datacolor Reference: https://stackoverflow.com/questions/27529374/css-add-color-with-a-data-attribute-attrdata-color-colorRefetence: https://stackoverflow.com/questions/17523613/set-background-with-value-of-data-attribute
2017.09.15 -
프론트 기술은 SPA(Single Page Application)로 만들던지 JSP를 tiles로 만들라는 말이 있다. 아무튼, SPA가 무엇인지 알아보자!단일 페이지 어플리케이션 줄여서 SPA(Single Page Application)라고 한다.보통 웹 어플리케이션을 보면, 헤더(Header) & 푸터(Footer) 부분은 보통 고정되어있다.다른 페이지로 이동하더라도 서비스 이용자가 느끼는 것은 컨텐츠가 변경되었다는 것 뿐이다. SPA는 그러한 점을 파악한 것으로, 최초 페이지 로딩 후 --> 컨텐츠 부분만 변경해서 화면에 출력하는 애플리케이션을 말한다. 정리하자면, ※. 최초 한번 페이지 전체를 로딩 한 후 이후부턴 데이터만 변경해서 사용할 수 있는 웹 어플리케이션을 말한다. 그런 방식을 사용함으로..
SPA(Single Page Application) 이란? 개요/장점/단점프론트 기술은 SPA(Single Page Application)로 만들던지 JSP를 tiles로 만들라는 말이 있다. 아무튼, SPA가 무엇인지 알아보자!단일 페이지 어플리케이션 줄여서 SPA(Single Page Application)라고 한다.보통 웹 어플리케이션을 보면, 헤더(Header) & 푸터(Footer) 부분은 보통 고정되어있다.다른 페이지로 이동하더라도 서비스 이용자가 느끼는 것은 컨텐츠가 변경되었다는 것 뿐이다. SPA는 그러한 점을 파악한 것으로, 최초 페이지 로딩 후 --> 컨텐츠 부분만 변경해서 화면에 출력하는 애플리케이션을 말한다. 정리하자면, ※. 최초 한번 페이지 전체를 로딩 한 후 이후부턴 데이터만 변경해서 사용할 수 있는 웹 어플리케이션을 말한다. 그런 방식을 사용함으로..
2017.09.11