017월 2020 by Truds No Comments

JQuery로 북마크 하도록 안내하기

JavaScript
기존에 사용하고 있던 호스팅을 변경하면서 북마크 및 사이트 이동을 위해서 필요해서 찾아보고 조합해서 만든것입니다. $(document).ready(function(){ var bookmarkTitle = '북마크타이틀'; var bookmarkUrl = "북마크할 주소"; if($(location).attr("host") == "도메인주소") { console.log('주소변경 안내!!'); if ('addToHomescreen' in window && addToHomescreen.isCompatible) { // Mobile browsers addToHomescreen({ autostart: false, startDelay: 0 }).show(true); } else if (/CriOS\//.test(navigator.userAgent)) { // Chrome for iOS alert('To add to Home Screen, launch this website in Safari, then tap the Share button and select "Add to Home Screen".'); } else if (window.sidebar && window.sidebar.addPanel) { // Firefox <=22 window.sidebar.addPanel(bookmarkTitle, bookmarkUrl, ''); } else if ((window.sidebar && /Firefox/i.test(navigator.userAgent) && !Object.fromEntries) || (window.opera && window.print)) { // Firefox 23-62 and Opera <=14 $(this).attr({ href: bookmarkUrl, title: bookmarkTitle, rel: 'sidebar' }).off(e); return true; } else if (window.external && ('AddFavorite' in window.external)) { // IE Favorites…
Read More
034월 2020 by Truds No Comments
JQuery Autocompliet 기능에 AJax 기능 추가하기

JQuery Autocompliet 기능에 AJax 기능 추가하기

JavaScript
jquery 를 제작할 경우에 자동완성처럼 편한기능이 있다. InputBox에 단어를 입력하면은 자동적으로 처리를 해주는 부분인데 DB와 연동하다 보면은 보여지는 Label의 문자와 실제 입력되어야 하는 Value가 다를 경우에 처리하는 기능까지 함게 붙여서 만들게 된 기능입니다. 위 그림 처럼 InputBox에 단어 한자만 입력하면은 Ajax를 이용해서 DB상에서 이미 조회후에 해당 결과값을 가지고 Label에 표시되는 기능을 최대한 표현하고 실제 DB에 입력될 Input은 Value에 지정해서 저장하면은 사용자도 보기 편하고, 관리자 입장에서도 편할것이라고 생각되어서 조합해서 사용하게된 기능입니다. $('#ID').autocomplete({ source: function(request, response){ // searchObjStandard = $('#headObjStandard').val(); // $.ajax({ type: "GET", url: "/worksorder/worksorderFormSearchHead", data: {objStandard: searchObjStandard}, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { if( data.length == 0 ) { response(data); } else { response( $.map( data, function( item ) { return { label: item.objNumber + ' | ' + item.objName + ' | ' + item.objStandard, value:…
Read More
182월 2020 by Truds No Comments

Web Script 백업

WWW
<script> $(document).ready(function() { var selectCustIdx; // 거래처 선택값 var selectUnitStandard; var RowDisplayVal; var rawUnitQuantity = new Array(); var rawCustIdx = new Array(); var rawObjNumber = new Array(); var rawObjstandard = new Array(); // 계산 함수 호출 checkCal(); // 거래처 선택 $("#rowCustIdx").change(function() { selectCustIdx = $(this).val(); // SelectUnitStandardReload(); }); // 규격 선택 $("#rowUnitStandard").change(function() { selectUnitStandard = $(this).val(); // RowDisplayCheck(); }); // 거래처 선택시 규격 제어하기 function SelectUnitStandardReload() { var custUnitStandardData = new Array(); var option; // if( typeof selectCustIdx == "undefined") { selectCustIdx = "0"; }; if( typeof selectUnitStandard == "undefined") { selectUnitStandard = "0"; }; // <?php foreach( $custUnitStandardList as $row) { echo 'custUnitStandardData.push("'.$row.'"); '.chr(10); }; ?> // 초기화 추가 $("#rowUnitStandard option").remove(); // if( selectCustIdx == "0" && selectUnitStandard == "0") { option = $("<option value=\"0\" selected=\"selected\" style=\"font-weight:bold;color:#C00000\">규격 :: 전체</option>");…
Read More
0512월 2016 by Truds No Comments

[HTML] DIV 웹 스크롤 따라 다니도록 하기

WWW
[HTML] DIV 웹 스크롤 따라 다니도록 하기 <div style="position:relative;float:left;width:80px;"> <div id="scroll" style="position:absolute;top:0px;left:0px;"> <div>따라갑시다.</div> </div> </div> <script> $("document").ready(function() { $(window).scroll(function() { $('#scroll').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); }); $('#scroll').click(function() { $('#scroll').animate({ top:"+=15px",opacity:0 }, "slow"); }) }); </script>
Read More