동해둘리의 IT Study

저는 편집기를 제작 중인데요,편집기를 이용하여 메뉴도 만들고 컨텐츠도 만들게 되는데,이때 각각의 슬라이드를 이동하거나 불러오는 경우가 있습니다 이럴 경우, 각 편집화면의 모든 엘리먼트, 또는 특정 엘리먼트를 불러오거나 집어넣는 작업을 하게 되는데요, 이럴때, 특정 프레임이나 DIV 내에 있는 모든 엘리먼트/ 또는 특정 엘리먼트를 돌면서(loop) 작업을 하는 코드 입니다. var c = g_obCurSlide.childNodes; // 현재 편집중인 슬라이드의 모든 자식노드(childnode)var i; for (i = 0; i < c.length; i++) // 모든 자식노드를 loop{var obChild = c[i].childNodes; // 자식노드 하나를 가져온다. for (k = 0; k < ..

IT공부방/jQuery, ajax, java 2017. 1. 2. 18:12

PHP 코딩작업중......파일을 업로드 하거나, 파일을 불러서 보여줄 때 가 종종 있는데요... 아래 함수는, 특정 파일이 서버의 특정 위치에 존재하는지 확인하는 함수입니다. 위와 같이 코딩할 경우, text.txt 파일이 현재 디렉토리에 있으면 1을 반환합니다. 특정 위치를 지정하고자 할 경우에는 경로를 지정해 주면 됩니다. 저의 경우는 메뉴편집기를 제작하면서, 작업하던 메뉴를 파일형태로 저장했었는데요,편집기를 처음 열었을 경우에, 이미 저장된 메뉴가 있는지 확인하여 있을경우에는 기존에 편집했던 메뉴을 불러오는 방식으로 코딩에 활용했습니다. //##########################################################//# 이미 저장된 메뉴파일이 있을 경우에 불러온다 /..

IT공부방/PHP 2017. 1. 2. 14:49

javascript 문자열 함수중에 substring 함수가 있는데요저는, 파일확장자를 구별해서 사용할대 자주 사용을 하게 됩니다. 보통, 아래와 같이 사용하고는 하죠...... var nLength = filename.length;var sExtension = filename.substring(nLength - 3, nLength ); if ( sExtension == "mp3" ) { }else if ( sExtension == "jpg" ) { }else {} 뭐, 기술적으로 어려운건 아니지만, 가끔 코드찾아보기 귀찮을때가 있어서 블로그에 남겨봅니다.

IT공부방/jQuery, ajax, java 2016. 10. 3. 16:39

blueimp jQuery FileUpload 를 사용하여 파일업로드를 할 때에, 인자값을 전달할 수 있습니다. 바로 아래의 formData 를 이용하는 방법인데요 $('#fileupload').fileupload({ url: url, autoUpload: true, dataType: 'json', done: function (e, data) { $.each(data.result.files, function (index, file) { //$('').text(file.name).appendTo('#files'); }); }, formData: {sUserVAlue: 'NO'} }).on('fileuploaddone', function (e, data) { $.each(data.result.files, f..

IT공부방/jQuery, ajax, java 2016. 10. 1. 18:08

페이지 내에있는 특정 엘리먼트를 모두 선택하여, 각각의 엘리먼트에 원하는 동작을 하고 싶을 때 사용하는 함수이다. $("button").click(function(){ $("li").each(function(){ alert($(this).text()) });}); Coffee Milk Soda 위와 같이 코딩했을 경우, 페이지 내의 모든 li 엘리먼트가 each 함수에 의해 하나씩 선택이되며, 각각에대하여 alert() 함수가 실행되게 된다. 이는, 모든 엘리먼트를 선택하는 데에도 사용하지만,특정 엘리먼트 중에서 특정 id 를 가진 엘리먼트를 제외할때도 사용할 수 있습니다. $("li").each(function(){ if (this.id != "exception") { alert($(this).text..

IT공부방/jQuery, ajax, java 2016. 9. 17. 13:49

DIV 태그를 사용할때, DIV 태그 내의 엘리먼트를 가운데 정렬하는 방법입니다. 안녕하세요 위와 같이 margin:0 auto; 속성을 세팅하게되면, 자신을 둘러싸고 있는 DIV 엘리먼트의 중간에 정렬이 됩니다.

IT공부방/HTML5, CSS 2016. 9. 15. 10:47

Audio / Video 재생을 위한 jQuery 플러그인인 jPlayer 를 이용하여 MP4 타입의 동영상을 플레이 할 경우, 아래와 같이 mp4 키를 이용하여 코딩하면 오류가 발생합니다. $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { title: "my title", mp4: "http://www.bbhq.com/vfiles/mine.mp4", poster: "http://www.bbhq.com/vfiles/mine.png" }); }, swfPath: "/jp", supplied: "mp4" }); jplayer 에서는 mp4 키를 제공하지 않..

IT공부방/jQuery, ajax, java 2016. 9. 14. 17:11

jQuery 함수 중에서, Prepend() 함수는 특정 엘리먼트 바로 앞에 원하는 엘리먼트를 넣는 함수이다 $("button").click(function(){ $("p").prepend("Prepended text"); }); This is a paragraph. 예를 들어, 위와같이 코딩했을경우, 태그 바로 앞쪽에 Prepended text 가 삽입되게 됩니다. 온라인에서 바로 확인하려면 아래 링크를 클릭하시면 됩니다. http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_prepend

IT공부방/jQuery, ajax, java 2016. 9. 14. 16:32

jQuery 플러그인 중에서, Audio / Video 재생시 사용할 수 있는 플러그인이 jPlayer 입니다 가장 큰 장점은 Internet Explorer 5 버전에서조차 실행할 수 있다는 것입니다. 아래 코드는 jPlayer 가 제공하는 샘플코드 중에서, 불필요한 부분은 제거하고, 가장 단순한 형태로 편집한 jPlayer 샘플입니다 playstopmutemax volume repeat Update RequiredTo play the media you will need to either update your browser to a recent version or update your Flash plugin. jPlayer 를 다운로드 받은후에 압축을 해제해보면, example 폴더나 dist 폴더 등..

IT공부방/jQuery, ajax, java 2016. 9. 12. 10:28

HTML5 또는 그 이하 HTML 에서 제공하는 태그/엘리먼트의 브라우저 버젼별 지원여부를 확인할 수 있는 사이트를 소개합니다. caniuse.com 이라는 사이트 입니다. 이 사이트에 접속하여 아래 Can I use 뒤에 있는 입력란에 태그를 넣으면 지원되는 브라우저 버전을 확인할 수 있습니다. 예를 들어, audio 태그를 입력한 후 확인해 보면, 아래와 같이 Internet explprer 6/7/8 버전에서는 지원되지 않는다는 것을 알 수 있습니다. 반면, textarea 태그의 경우 초창기부터 지원되던 태그이기 때문에Explorer 모든 버젼에서 지원되는 것을 확인할 수 있습니다.

IT공부방/개발환경,오픈소스 2016. 9. 11. 18:07

HTML5 에서 제공되는 Audio 태그의 함수및 속성값에 대해 알아보겠습니다 w3schools.com 에서 검색해보면 아래와 같이 속성이 몇개 없습니다 하지만 위 속성 이외에도 제어관련된 속성이 몇가지 더 있는데요, 다음과 같습니다. currentTime : 현재 재생중인 위치의 시간값defaultPlaybackRate : 기본 재생 속도playbackRate : 현재 재생 속도volume : 볼륨 사용할 수 있는 함수는 다음과 같다 load() : 지정된 소스를 로드한다(음악/영상)canPlayType() : 재생 가능한지 확인한다play() : 오디오/비디오를 재생한다pause() : 오디오/비디오를 멈춘다 이때, reload() 함수는 제공되지 않는데, Reload 를 하려면 해당 객체의 src ..

IT공부방/HTML5, CSS 2016. 9. 11. 17:54

Audio 엘리먼트의 play 후에, 재생이 종료되었을 때의 이벤트는 onended 이벤트 입니다. 코드내에서 직접 사용할 때에는 아래와 같이 사용하면 됩니다 이벤트 리스너를 이용하여 사용할 때에는 다음과 같이 사용하면 됩니다 function UserFunction(){alert("music ended");} var obTarget = document.getElementById("audio_id");obTarget .addEventListener("ended", function(){ UserFunction(); }); 저의 경우는 코드내에서 사용할때는 onended 이기 때문에 이벤트리스너를 이용할때도 아래와 같이 코딩하는 실수를 자주 범하는 편이라서, 여러분들은 혼동하지 마시기 바랍니다. obTarge..

IT공부방/HTML5, CSS 2016. 9. 9. 14:12

jQuery UI 에서 제공하는 resizable 함수를 이용하면 아래와 같이 쉽게 이미지 크기변경 코드를 작성할 수 있습니다. 이미지를 둘러싸는 DIV 를 만든후에 그 안에 image 를 100% 로 설정한 후 넣어주면 됩니다.DIV 주변(이미지주변)에 마우스가 위치하면 커서가 크기변경용 커서로 변경이 되며,클릭 후 드래그 하면, 이미지 크기를 변경할 수 있다.

IT공부방/jQuery, ajax, java 2016. 9. 8. 16:54

이미지를 퍼센트 %로 줄여서 보여주는게 아니라, jQuery 를 이용하여 이미지의 크기를 실제로 줄여버리는 코드참고 http://www.jqueryscript.net/demo/Dynamic-Image-Resizing-Plugin-with-jQuery/example/

IT공부방/jQuery, ajax, java 2016. 9. 8. 16:36

JavaScript 에서 문자열내의 특정 문자를 변환하고자 할 때, replace() 함수를 사용하게 되는데, javascript 의 replace() 함수는 문자열내에서 처음 발견되는 문자만 변환하게 됩니다. 1 2 3 4 5 var sOriginText = " 동해바다 서해바다 남해바다 "; var sConvertedText = sOriginText.replace("바다","산"); alert(sConvertedText ); cs 위 코드를 실행하게되면 결과값이 동해산 서해산 남해산 이렇게 나오는 것이 아니라 동해산 서해바다 남해바다 와 같이, 처음 발견되는 동해바다의 '바다' 만 '산' 으로 바꾸게 됩니다. 문자열 전체의 문자를 바꾸고 싶은경우 아래와 같이 코딩하면 가능합니다. 1 2 3 4 5 6..

IT공부방/jQuery, ajax, java 2016. 9. 8. 14:02

CSS 를 이용하여 폰트를 설정할 때에, 폰트명이 혼동되는 경우가 있는데요 예를 들어서 아래와 같은 폰트일 경우, 공백이 있는지 없는지 혼동될 때가 있습니다. font-family:Times New Roman; font-family:TimesNewRoman; 아래 링크를 클릭하여 확인해 보면, 웹상에서 바로 확인하여 코드를 복사해서 사용할 수 있습니다... http://www.w3schools.com/cssref/playit.asp?filename=playcss_font-family

IT공부방/HTML5, CSS 2016. 9. 8. 12:45