블로그 이미지

calendar

 « 2025.3  »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
  • total
  • today
  • yesterday

화면에서 엑셀파일로 다운로드 만들기 참조URL

2020. 1. 17. 11:13 HTML

https://www.formget.com/jquery-export-to-excel-plugins/

'HTML' 카테고리의 다른 글

button 테그 연속두번 sumit 막기  (0) 2016.04.04
문서모드 코드로 강제로 지정하기  (0) 2015.11.05
inputBox 아래에 div붙이기  (0) 2013.02.27
html 파일 다운로드 시점 알아내기(편법)  (0) 2013.02.21
css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
posted by 천상의날개

button 테그 연속두번 sumit 막기

2016. 4. 4. 16:41 HTML

<button type="button">버튼</button>

'HTML' 카테고리의 다른 글

화면에서 엑셀파일로 다운로드 만들기 참조URL  (0) 2020.01.17
문서모드 코드로 강제로 지정하기  (0) 2015.11.05
inputBox 아래에 div붙이기  (0) 2013.02.27
html 파일 다운로드 시점 알아내기(편법)  (0) 2013.02.21
css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
posted by 천상의날개

문서모드 코드로 강제로 지정하기

2015. 11. 5. 12:13 HTML

response 객체에 헤더지정

response.setHeader("X-UA-Compatible", "IE=edge");

 

html <head> 테그 사이에 지정

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

'HTML' 카테고리의 다른 글

화면에서 엑셀파일로 다운로드 만들기 참조URL  (0) 2020.01.17
button 테그 연속두번 sumit 막기  (0) 2016.04.04
inputBox 아래에 div붙이기  (0) 2013.02.27
html 파일 다운로드 시점 알아내기(편법)  (0) 2013.02.21
css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
posted by 천상의날개

inputBox 아래에 div붙이기

2013. 2. 27. 17:17 HTML
inputBox 아래에 div붙이기
view plaincopy to clipboardprint?
  1.     
  2.   
  3. <html>  
  4.     <head>  
  5.     </head>  
  6.     <script>  
  7.         function test(){  
  8.             var inputBox = document.getElementById("aa");             
  9.             var testDiv = document.getElementById("testDiv");             
  10.             testDiv.style.top=inputBox.offsetTop+inputBox.offsetHeight;  
  11.             testDiv.style.left=inputBox.offsetLeft;  
  12.               
  13.         }  
  14.           
  15.         function test1(){             
  16.             var inputBox = document.getElementById("aa1");  
  17.               
  18.             var testDiv = document.getElementById("testDiv");             
  19.             testDiv.style.top=inputBox.offsetTop+inputBox.offsetHeight;  
  20.             testDiv.style.left=inputBox.offsetLeft;  
  21.         }  
  22.           
  23.     </script>       
  24.       
  25.     <body>  
  26.         asdflkjasldf<br>  
  27.         sdfasdfasdf<br>  
  28.         asdasd<br>  
  29.                <input type="text" id="aa" onclick="test()"/>  
  30.         asdasd<br>  
  31.         asdasd<br>  
  32.         <div id="testDiv"style="position:absolute;background-color:red;width:100px;height:100px;z-index:1000;top:0px;left:700px;"></div>  
  33.             <input type="text" id="aa1" onclick="test1()"/>  
  34.     </body>  
  35. </html>  

'HTML' 카테고리의 다른 글

button 테그 연속두번 sumit 막기  (0) 2016.04.04
문서모드 코드로 강제로 지정하기  (0) 2015.11.05
html 파일 다운로드 시점 알아내기(편법)  (0) 2013.02.21
css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
내가 만든 html5의 webgl을 이용한 3차원 그래프!  (0) 2012.04.20
posted by 천상의날개

html 파일 다운로드 시점 알아내기(편법)

2013. 2. 21. 14:53 HTML
다운로드시 브라우저가 멈춘다는 것을 이용한 체크방법
view plaincopy to clipboardprint?
  1.     
  2. var lastTime = new Date().getTime();  
  3. function checkTime() {  
  4.     var curTime = new Date().getTime();  
  5.     if (curTime - lastTime > 1100) { // 1100 because there might be small browser lags   
  6.         // do something after the dialog appeared and the user did something with it  
  7.     }  
  8.     lastTime = curTime;  
  9. }  
  10. setInterval(checkTime, 1000);  
쿠키를 이용한 체크 방법
view plaincopy to clipboardprint?
  1.     
  2. var checkDowloadInteval = null;  
  3. var token=null;  
  4. function fileUploader(){      
  5.     token = new Date().getTime();  
  6.         //hd_token 이라는 hidden input box에 토큰값을 셋팅한후 form으로 감싼후(get으로 보내도됨) 서버로 데이터를 보낸다  
  7.     $("#hd_token").val(token);  
  8.         //1초마다 서버에서 데이터를 보냈는지 확인함  
  9.     checkDowloadInteval = setInterval(checkCookie, 1000);  
  10.         //해당 폼 서브밋  
  11.     j$('#fmFileUpload').submit();  
  12. }  
  13.   
  14. function checkCookie() {  
  15.     //서버에서 클라이언트에게 보낸 데이터에서 download라는 쿠키키가 있는지 확인하고 값이 맞는지 확인  
  16.     if (document.cookie.indexOf("download=" + token) > -1) {     
  17.         //1초마다 체크하는것 제거  
  18.         clearInterval(checkDowloadInteval);  
  19.           
  20.        //여기서 다운로드 실행  
  21.          
  22.     }  
  23.       
  24. }  
쿠키를 이용한 체크 방법
view plaincopy to clipboardprint?
  1.     
  2. HttpServletResponse response = ServletActionContext.getResponse();  
  3. Cookie cookie = new Cookie("download",token);  
  4. response.addCookie(cookie);  

'HTML' 카테고리의 다른 글

문서모드 코드로 강제로 지정하기  (0) 2015.11.05
inputBox 아래에 div붙이기  (0) 2013.02.27
css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
내가 만든 html5의 webgl을 이용한 3차원 그래프!  (0) 2012.04.20
테이블 라인 가늘게 만들기  (0) 2012.01.30
posted by 천상의날개

css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.

2012. 7. 26. 19:10 HTML

white-space: nowrap; text-overflow: ellipsis; overflow:hidden;

'HTML' 카테고리의 다른 글

inputBox 아래에 div붙이기  (0) 2013.02.27
html 파일 다운로드 시점 알아내기(편법)  (0) 2013.02.21
내가 만든 html5의 webgl을 이용한 3차원 그래프!  (0) 2012.04.20
테이블 라인 가늘게 만들기  (0) 2012.01.30
textbox 초기에 글을 띄우고 선택시 사라지게 하는 테그  (0) 2012.01.20
posted by 천상의날개

내가 만든 html5의 webgl을 이용한 3차원 그래프!

2012. 4. 20. 15:32 HTML

음..개인적으로 webgl괜찮은듯~ㅋㅋ

줌인,줌아웃, 화면 돌리기 가능.

http://jbluewing.woobi.co.kr/webgl/3dgraph/Test2.html

파이어 폭스나 크롬으로 보세요~

'HTML' 카테고리의 다른 글

html 파일 다운로드 시점 알아내기(편법)  (0) 2013.02.21
css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
테이블 라인 가늘게 만들기  (0) 2012.01.30
textbox 초기에 글을 띄우고 선택시 사라지게 하는 테그  (0) 2012.01.20
label 텍스트를 찍으면 checkbox나 radio 클릭되게 하는것  (0) 2010.01.29
posted by 천상의날개

테이블 라인 가늘게 만들기

2012. 1. 30. 14:11 HTML
<table border="1", cellpadding="0" cellspacing="0" bordercolor="red" style="border-collapse:collapse;">
<tr >
<td >aasd5555a</td>
<td>asdasd</td>
</tr>
<tr>
<td>33</td>
<td>33</td>
</tr>
<tr>
<td>22</td>
<td>22</td>
</tr>
</table>

'HTML' 카테고리의 다른 글

css로 div 글짜 크기를 넘어서면 ... 으로 표시하기.  (0) 2012.07.26
내가 만든 html5의 webgl을 이용한 3차원 그래프!  (0) 2012.04.20
textbox 초기에 글을 띄우고 선택시 사라지게 하는 테그  (0) 2012.01.20
label 텍스트를 찍으면 checkbox나 radio 클릭되게 하는것  (0) 2010.01.29
html css 모움싸이트  (0) 2010.01.29
posted by 천상의날개

textbox 초기에 글을 띄우고 선택시 사라지게 하는 테그

2012. 1. 20. 10:35 HTML

<input type="button" id="btSingIn" value="Sign-In" onclick="requestAjax()" placeholer="ㅋㅋㅋㅋ 여기임">

'HTML' 카테고리의 다른 글

내가 만든 html5의 webgl을 이용한 3차원 그래프!  (0) 2012.04.20
테이블 라인 가늘게 만들기  (0) 2012.01.30
label 텍스트를 찍으면 checkbox나 radio 클릭되게 하는것  (0) 2010.01.29
html css 모움싸이트  (0) 2010.01.29
목록테그 (ul, ol, li, dl, dt,dd)  (0) 2010.01.28
posted by 천상의날개

label 텍스트를 찍으면 checkbox나 radio 클릭되게 하는것

2010. 1. 29. 11:41 HTML
view plaincopy to clipboardprint?
  1. <input type="radio" value="2" name="ex" id="radio1" />  
  2. <label for="radio1">IE, FF 둘 다 지원하는 예제</label>  
  3.   
  4. <input type="radio" value="1" name="ex" id="radio2" />  
  5. <label for="radio2">IE, FF 둘 다 지원하는 예제</label>    

'HTML' 카테고리의 다른 글

테이블 라인 가늘게 만들기  (0) 2012.01.30
textbox 초기에 글을 띄우고 선택시 사라지게 하는 테그  (0) 2012.01.20
html css 모움싸이트  (0) 2010.01.29
목록테그 (ul, ol, li, dl, dt,dd)  (0) 2010.01.28
textbox style과 유효성검사  (0) 2010.01.28
posted by 천상의날개

티스토리툴바