java, c# , linux, program devloper: Htm&Javascript 카테고리 글 목록
http://blog1.phps.kr/
blog.visualp.com
2021-05-29T01:03:34+09:00
Textcube 1.10.7 : Tempo primo
required attribute scrolling auto set position
java, tomcat, c#
http://blog1.phps.kr/757
2019-08-22T00:35:54+09:00
2019-08-22T00:35:51+09:00
<p><a href="https://jsfiddle.net/0z56f24f/2/">https://jsfiddle.net/0z56f24f/2/<br /><br /> var delay = 0;<br /> var offset = 125;</a> document.addEventListener('invalid', function(e){<br /> $(e.target).addClass("invalid");<br /> $('html, body').animate({scrollTop: $($(".invalid")[0]).offset().top - offset }, delay);<br /> }, true);<br /> document.addEventListener('change', function(e){<br /> $(e.target).removeClass("invalid")<br /> }, true);</p>
<p> </p>
<p> </p><p><strong><a href="http://blog1.phps.kr/757?commentInput=true#entry757WriteComment">댓글 쓰기</a></strong></p>
jquery datapicker 최대,최소 날짜 범위설정
java, tomcat, c#
http://blog1.phps.kr/726
2017-12-15T17:07:01+09:00
2017-12-15T17:06:52+09:00
<p>jQuery(document).ready(function () {<br /> var minDate = new Date();<br /> var maxDate = new Date();<br /> var dd = maxDate.getDate() + 7;<br /> maxDate.setDate(dd);</p>
<p> jQuery("#startDate").datepicker({<br /> minDate : minDate,<br /> maxDate : maxDate<br /> });<br />});<br /><br /><br />===================================================<br />옵션 형태로 추가하는 경우<br /><br />jQuery(document).ready(function () {<br /> var minDate = new Date();</p>
<p> jQuery("#startDate").datepicker("option", "minDate", minDate);<br />});</p><p><strong><a href="http://blog1.phps.kr/726?commentInput=true#entry726WriteComment">댓글 쓰기</a></strong></p>
[함수] [Javascript] <table/>을 Excel 다운로드 하기
java, tomcat, c#
http://blog1.phps.kr/719
2017-07-27T08:58:39+09:00
2017-07-27T08:58:36+09:00
<div class="container">
<div class="line number1 index0 alt2"><code class="js keyword"><table id="test" /> <br /><button type="button" onclick="tableToExcel('test')" /> <br /><br />페이징이 없는 테이블 데이터를 받을 때 쓸만합니다. <br />한글 처리 핵심은 %EF%BB%BF <br /><br /><br />function</code> <code class="js plain">tableToExcel(id) {</code></div>
<div class="line number2 index1 alt1"><code class="js spaces"> </code><code class="js keyword">var</code> <code class="js plain">data_type = </code><code class="js string">'data:application/vnd.ms-excel;charset=utf-8'</code><code class="js plain">;</code></div>
<div class="line number3 index2 alt2"><code class="js spaces"> </code><code class="js keyword">var</code> <code class="js plain">table_html = encodeURIComponent(document.getElementById(id).outerHTML);</code></div>
<div class="line number4 index3 alt1"> </div>
<div class="line number5 index4 alt2"><code class="js spaces"> </code><code class="js keyword">var</code> <code class="js plain">a = document.createElement(</code><code class="js string">'a'</code><code class="js plain">);</code></div>
<div class="line number6 index5 alt1"><code class="js spaces"> </code><code class="js plain">a.href = data_type + </code><code class="js string">',%EF%BB%BF'</code> <code class="js plain">+ table_html;</code></div>
<div class="line number7 index6 alt2"><code class="js spaces"> </code><code class="js plain">a.download = id+</code><code class="js string">'_excel'</code><code class="js plain">+</code><code class="js string">'.xls'</code><code class="js plain">;</code></div>
<div class="line number8 index7 alt1"><code class="js spaces"> </code><code class="js plain">a.click();</code></div>
<div class="line number9 index8 alt2"><code class="js plain">}</code></div>
</div>
[참조]https://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=81515<p><strong><a href="http://blog1.phps.kr/719?commentInput=true#entry719WriteComment">댓글 쓰기</a></strong></p>
jquery 영문 또는 숫자만 입력
java, tomcat, c#
http://blog1.phps.kr/696
2015-10-09T21:22:20+09:00
2015-10-09T21:22:18+09:00
<div class="txc-textbox" style="padding: 10px; border: 1px dashed #cbcbcb; border-image: none; background-color: #ffffff;">
<p><span style="line-height: 1.5; font-family: Arial; font-size: 10pt;">$(document).ready(<strong><span style="color: #980000;">function</span></strong>() {</span></p>
<p style="margin-left: 2em;"><span style="font-family: Arial; font-size: 10pt;"><span style="font-family: Arial;">$(<span style="color: #0055ff;">".telnumber</span></span><span style="font-family: Arial;"><span style="color: #0055ff;">"</span>).keyup(<span style="color: #980000;"><strong>function</strong></span>(){</span></span></p>
<p style="margin-left: 4em;"><span style="font-family: Arial; font-size: 10pt;"><span style="font-family: Arial;">$(<span style="color: #980000;"><strong>this</strong></span>).val($(<span style="color: #980000;"><strong>this</strong></span>).val().replace(/[^0-9]/g,""));</span></span></p>
<p style="margin-left: 2em;"><span style="font-family: Arial; font-size: 10pt;"><span style="font-family: Arial;">});</span></span></p>
<p style="margin-left: 2em;"><span style="font-family: Arial; font-size: 10pt;">$(<span style="color: #0055ff;">".name"</span>).keyup(<span style="color: #980000;"><strong>function</strong></span>(){</span></p>
<p style="margin-left: 4em;"><span style="font-family: Arial; font-size: 10pt;">$(<span style="color: #980000;"><strong>this</strong></span>).val($(<span style="color: #980000;"><strong>this</strong></span>).val().replace(/[^\!-z]/g,""));</span></p>
<p style="margin-left: 2em;"><span style="font-family: Arial; font-size: 10pt;">});</span></p>
<p><span style="font-family: Arial; font-size: 10pt;">});</span></p>
</div><p><strong><a href="http://blog1.phps.kr/696?commentInput=true#entry696WriteComment">댓글 쓰기</a></strong></p>
javascript milisecond countdown timmer
java, tomcat, c#
http://blog1.phps.kr/688
2015-06-15T15:36:13+09:00
2015-06-15T15:36:10+09:00
<p><?php $thour=17 ?><br /><script><br /> <br />var dateObj = new Date();<br />var month = dateObj.getUTCMonth() + 1; //months from 1-12<br />var day = dateObj.getUTCDate();<br />var year = dateObj.getUTCFullYear();<br />var hour = dateObj.getHours();<br />var minute = dateObj.getMinutes();<br />var second = dateObj.getSeconds();</p>
<p>//var end = new Date('13 Apr 2016 13:30:00');<br />var end = new Date(year,month-1,day,<?php echo $thour?>,0,0 );</p>
<p>var _second = 1000;<br />var _minute = _second * 60;<br />var _hour = _minute * 60;<br />var _day = _hour *24;<br />var timer;</p>
<p>function showRemaining()<br />{<br /> var now = new Date();<br /> var distance = end - now;<br /> if (distance < 0 ) {<br /> // handle expiry here..<br /> clearInterval( timer ); // stop the timer from continuing ..<br /> location.reload();<br /> <br /> //alert('Expired'); // alert a message that the timer has expired..<br /> }<br /> var days = Math.floor(distance / _day);<br /> var hours = Math.floor( (distance % _day ) / _hour );<br /> var minutes = Math.floor( (distance % _hour) / _minute );<br /> var seconds = Math.floor( (distance % _minute) / _second );<br /> var milliseconds = parseInt(distance % _second /10);</p>
<p>/*<br /> var countdownElement = document.getElementById('timer');<br /> <br /> countdownElement.innerHTML = days + 'd ' +<br /> hours + 'h ' +<br /> minutes + 'm ' +<br /> seconds + 's ' +<br /> milliseconds + 'ms';<br />*/<br /> <br /> if(hours<10){<br /> hours = "0" + hours;<br /> }<br /> if(minutes<10){<br /> minutes = "0" + minutes;<br /> }<br /> if(seconds<10){<br /> seconds = "0" + seconds;<br /> }<br /> <br /> if(milliseconds<10){<br /> milliseconds = "0"+milliseconds;<br /> }</p>
<p> var thour = document.getElementById('thour');<br /> var tminute = document.getElementById('tminute');<br /> var tsecond = document.getElementById('tsecond');<br /> var tms = document.getElementById('tms');<br /> <br /> thour.innerHTML = hours;<br /> tminute.innerHTML=minutes;<br /> tsecond.innerHTML=seconds;<br /> tms.innerHTML=milliseconds;<br /> <br />}</p>
<p>timer = setInterval(showRemaining, 10);</p>
<p></script></p>
<p><br /><div id="timer"><br /> <span id="thour"></span><br /> <span class="sp">:</span><br /> <span id="tminute"></span><br /> <span class="sp">:</span><br /> <span id="tsecond"></span><br /> <span class="sp">:</span><br /> <span id="tms"></span><br /></div></p><p><strong><a href="http://blog1.phps.kr/688?commentInput=true#entry688WriteComment">댓글 쓰기</a></strong></p>
update trigger
java, tomcat, c#
http://blog1.phps.kr/674
2015-03-31T23:11:29+09:00
2015-03-31T23:08:18+09:00
<p>delimiter $$<br />create trigger update_check BEFORE UPDATE on tb_list FOR EACH ROW<br />BEGIN<br /> <br /> IF NEW.tname <> OLD.tname THEN<br /> SET NEW.tname = OLD.tname;<br /> END IF;<br />END$$</p>
<p>delimiter ;</p><p><strong><a href="http://blog1.phps.kr/674?commentInput=true#entry674WriteComment">댓글 쓰기</a></strong></p>
Detect rotation of Android phone in the browser with javascript
java, tomcat, c#
http://blog1.phps.kr/673
2015-03-26T10:11:54+09:00
2015-03-26T10:11:51+09:00
<p>[원문]http://stackoverflow.com/questions/1649086/detect-rotation-of-android-phone-in-the-browser-with-javascript<br />[설명] 크롬 <-- 안드로이드 에서 모바일 환경에서 핸드폰 회전할 때 width 값을 구할 수 있는 스크립트 <br /><br /><br />var isMobile = {<br /> Android: function() {<br /> return /Android/i.test(navigator.userAgent);<br /> },<br /> iOS: function() {<br /> return /iPhone|iPad|iPod/i.test(navigator.userAgent);<br /> }<br />};<br />if(isMobile.Android())<br /> {<br /> var previousWidth=$(window).width();<br /> $(window).on({<br /> resize: function(e) {<br /> var YourFunction=(function(){</p>
<p> var screenWidth=$(window).width();<br /> if(previousWidth!=screenWidth)<br /> {<br /> previousWidth=screenWidth;<br /> alert("oreientation changed");<br /> }</p>
<p> })();</p>
<p> }<br /> });</p>
<p> }<br /> else//mainly for ios<br /> {<br /> $(window).on({<br /> orientationchange: function(e) {<br /> alert("orientation changed");<br /> } <br /> });<br /> }</p><p><strong><a href="http://blog1.phps.kr/673?commentInput=true#entry673WriteComment">댓글 쓰기</a></strong></p>
말풍선 툴팁
java, tomcat, c#
http://blog1.phps.kr/651
2014-08-01T15:25:46+09:00
2014-08-01T15:25:43+09:00
<html>
<title>말풍선 툴팁 (모든브라우져 사용가능)</title>
<head>
<style>
body {font-family:돋움;font-size:12px;}
/*툴팁 스타일*/
a.tip {
position: relative;
}
a.tip span {
display: none;
position: absolute;
top: 20px;
left: -10px;
width: 125px;
padding: 5px;
z-index: 100;
background: #000;
color: #fff;
-moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
-webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
}
a:hover.tip span {
display: block;
}
</style>
</head>
<body>
<a href="http://blog1.phps.kr/651#" class="tip">툴팁 링크 <span>tooltip</span></a>
<a href="#" class="tip">툴팁 링크 <span>툴팁내용</span></a>
</body>
</html>
미리보기 : http://finalee99.cafe24.com/sos/bubble01.html<p><strong><a href="http://blog1.phps.kr/651?commentInput=true#entry651WriteComment">댓글 쓰기</a></strong></p>
ie에서 쿼크모드 방지
java, tomcat, c#
http://blog1.phps.kr/648
2014-03-19T14:17:06+09:00
2014-03-19T14:17:02+09:00
다음과 같이 메타 테그를 넣어 준다. <BR><BR><meta http-equiv="X-UA-Compatible" content="IE=Edge"/><p><strong><a href="http://blog1.phps.kr/648?commentInput=true#entry648WriteComment">댓글 쓰기</a></strong></p>
jquery slide [site]
java, tomcat, c#
http://blog1.phps.kr/627
2013-12-30T18:04:30+09:00
2013-12-30T18:04:26+09:00
[바로가기]<a href="http://ryrych.github.io/rcarousel"><br>http://ryrych.github.io/rcarousel</a><br><br>jquery slide<br><p><strong><a href="http://blog1.phps.kr/627?commentInput=true#entry627WriteComment">댓글 쓰기</a></strong></p>