펭귄집

만약 css를 javascript에서 쓰고 싶다면?

 

css 코드

#loading-mask {
	position:absolute;
    top:0;
    left:0;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80);
    z-index:30000;
    display:none;
}

 

javascript 코드

var wrap = document.getElementById('wrap');
      wrap.style.position = 'absolute';
      wrap.style.top = '0';
      wrap.style.left = '0';
      wrap.style.background = '#ffffff';
      wrap.style.opacity = '0.80';
      wrap.style.filter = 'alpha(opacity=80)';
      wrap.style.zIndex = '30000';
      wrap.style.display = 'none';

 

 

참고

z-Index -> zIndex로 써야함

(javascript에서 '-'라는게 안돼는듯?)

 

 

'IT > JSP' 카테고리의 다른 글

javascript에서 c태그동적생성  (1) 2018.11.08
javascript에서 형변환  (2) 2018.11.06
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08

javascript에서 c태그동적생성


jsp 파일 실행 순서

하나의 jsp 파일이더라도 jstl, el 등은 서버에서 실행되고, javascript는 브라우저에서 실행되기때문에 두언어 간에 변수는 직접 주고받을 수 없어

=> javascript 에서 c태그를 동적으로 생성할 수 없어..
     처음부터 생각이 틀렷던거임..



'IT > JSP' 카테고리의 다른 글

javascript css 동적제어  (0) 2019.04.24
javascript에서 형변환  (2) 2018.11.06
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08

javascript에서 형변환


String -> 실수 정수 전부(double, float 등)로 형변환 하는데

찾아보면 자동으로 된다는 말이 있긴한데 안돼서 이렇게 한거야


var ttt = '123'  //문자
var ss = Number(ttt)  //숫자



var nextModelSplitCount = $("#nextModelSplitCount").val()

$("#nextModelSplitCount").val(Number(nextModelSplitCount)+1)





'IT > JSP' 카테고리의 다른 글

javascript css 동적제어  (0) 2019.04.24
javascript에서 c태그동적생성  (1) 2018.11.08
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08

jQuery를 이용하여 css 변경하기




jQuery가 생각보다 사용하기 쉽고 편리하여 document로 처리하는 것보다 더 잘 사용하고 있다


이 방법 외에 style을 사용해도 ㅇㅋ



id="#uploadFileListImage"

display 값을 none, block으로 변경할 경우


$("uploadfileListImage").css('display','block');



'IT > JSP' 카테고리의 다른 글

javascript에서 c태그동적생성  (1) 2018.11.08
javascript에서 형변환  (2) 2018.11.06
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08
새로운 팝업창 띄울 때  (0) 2017.08.08

jsp jQuery 이용하여 value 넣기




특정 태그에 값을 넣는 경우



id = "hiddenImage"


$('#hiddenImage').val('넣으려는값');



'IT > JSP' 카테고리의 다른 글

javascript에서 형변환  (2) 2018.11.06
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08
새로운 팝업창 띄울 때  (0) 2017.08.08
jsp에서 DB 엔터처리  (0) 2017.08.08

jsp 가운데정렬

IT/JSP2017. 8. 8. 12:55

jsp 가운데로 정렬하고 싶을 때




style="width: 1400px; left: 50%; margin-left:-700px;"


현재 width(넓이)가 1400px -> margin-left: -700px


width의 크기를 기준으로 margin-left는 -1/2



'IT > JSP' 카테고리의 다른 글

javascript에서 형변환  (2) 2018.11.06
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
새로운 팝업창 띄울 때  (0) 2017.08.08
jsp에서 DB 엔터처리  (0) 2017.08.08

새로운 팝업창 띄울 때




<a href="javascript:anotherWindow();" target="_blank">새팝업창</a>



target = "_blank"

새 팝업창 띄울 때



'IT > JSP' 카테고리의 다른 글

javascript에서 형변환  (2) 2018.11.06
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08
jsp에서 DB 엔터처리  (0) 2017.08.08

jsp에서 DB 엔터처리



1. 입력 폼에서 textarea에 "wrap=hard"라는 프라퍼티를 써주고,
<textarea wrap="hard" name="content"></textarea>
 

2. DB에 저장되어 있는 글을 보여줄 때는 <pre> 태그를 사용합니다.

<td><pre><%=RS("content")%></pre></td>



끝!


'IT > JSP' 카테고리의 다른 글

javascript에서 형변환  (2) 2018.11.06
jQuery를 이용하여 css 변경하기  (0) 2017.08.09
jsp jQuery 이용하여 value 넣기  (0) 2017.08.09
jsp 가운데정렬  (0) 2017.08.08
새로운 팝업창 띄울 때  (0) 2017.08.08