웹 페이지 사용자는 배터리 절약, 개인 정보 보호 등을 이유로

자바스크립트 사용을 비활성화 해 놓는 경우가 있습니다.

따로 설정하지 않았을때 default 값으로 js 사용이 비활성화 되어있는 경우도 있습니다.


그런 상황에서 자바 스크립트 활성화를 요청하기 위해 사용되는 태그가 <noscript> ~ </noscript> 입니다.


자바 스크립트를 사용하지 않는 사용자에게 메세지를 보내세요.(쪽지 메세지가 아닙니다)



1
2
3
4
5
6
7
8
<noscript>
    <div>
        <h4>Warning!</h4>
        <p>
            You need to have enabled to use this site.
        </p>
    </div>
</noscript>
cs


저작자표시

'Programming > Web' 카테고리의 다른 글

[게시판]글쓰기 submit 버튼 클릭 후 전송전에 유효성 검사  (0) 2018.07.14
[Ajax] Ajax 전송 예제  (0) 2018.07.14
[제이쿼리] 요소택자  (0) 2018.05.10
[자바스크립트] location 객체, history 객체, navigator 객체  (0) 2018.05.08
[자바스크립트] 배열 출력, 추가, 삭제, 정렬  (0) 2018.05.07

공부하다가 나중에 보려고 올려 놓는거에요ㅎㅎ









테스트중


	

	

		

			질문 종류 : 
			
		

		

			제목 : 
			
		

		

			내용 : 
			 
		

		

			글쓴이 :


저작자표시

'Programming > Web' 카테고리의 다른 글

[자바스크립트]함수 정의 방식  (0) 2018.04.27
[Jquery/javascript] 셀렉트 박스 selected 변경  (0) 2018.02.08
Input text 박스 에서 Input Text 박스로 value 옮기기  (0) 2018.01.15
Missing artifact com.oracle:ojdbc 에러 해결  (0) 2017.12.14
[HTML&CSS]HTML 홈페이지 레이아웃 만들기  (0) 2016.01.17

<input type="text"/> 박스를 이용하여 

1번 박스에서 2번 박스로 value값을 전송하는 방법입니다.

제이쿼리의 val() 메소드는 해당 영역에 있는 value 값을 불러 올 수 있습니다.

그 이후 document.getElementById("txtBoxId").value 에 해당 val() 값을 넣어주면 됩니다.


html 태그


javascript&Jquery

        function test01() {
                 document.getElementById("txtBox2").value = $("#txtBox1").val();
	}


저작자표시

'Programming > Web' 카테고리의 다른 글

[자바스크립트]함수 정의 방식  (0) 2018.04.27
[Jquery/javascript] 셀렉트 박스 selected 변경  (0) 2018.02.08
[HTML] 게시판 만들기(기본틀)  (0) 2018.02.06
Missing artifact com.oracle:ojdbc 에러 해결  (0) 2017.12.14
[HTML&CSS]HTML 홈페이지 레이아웃 만들기  (0) 2016.01.17

​HTML 홈페이지 레이아웃을 제작해보려고 합니다!

일단 시작하기전에 div태그의 id를 궁금해 하시는 분들이 계시는데

id는 해줘도 안해줘도 상관은 없지만 실제로 html홈페이지를

제작할때는 많은 div를 이용하기 때문에 헷갈리지 않게끔 구분해서 사용해주시는 습관을 들여두시는게 좋습니다!!


 

 <html>
    <head>
       <title>
           레이아웃
       </title>
    </head>

    <body>

 

       <div id="wrap" style="width:800px;height:460px;border-width:2px;border-style:solid;border-color:black;clear:both;">


           <div id="Header" style="width:800px;height:60px;background-color:orange;">Header</div>
           <div id="menubar" style="width:800px;height:60px;background-color:green;clear:both;">Menubar</div>
           <div id="menu" style="width:150px;height:290px;clear:both;float:left;background-color:brown;">Menu</div>
           <div id="screen" style="width:650px;height:290px;float:left;background-color:white;">Screen</div>
           <div id="footer" style="width:800px;height:50px;clear:both;background-color:red;">footer</div>
       </div>


    </body>
</html>

 







 div태그를 이용해서 크게 한개의 영역(wrap)을 만들었고

그 wrap 영역안에 5개의 영역을 만들었습니다.

(Header, Menubar, Menu, Screen, Footer)

​

일단 Wrap영역을 한눈에 알아 볼 수 있게 border속성을 이용했고​

나머지 영역에 영향을 받지 않게끔 설정하는 clear:both; 속성도 사용했습니다.

(clear:both;=플롯의 초기화)​

​그리고 wrap의 영역안에 차례대로 5개의 영역을 만들었습니다.


이렇게 몇 번 홈페이지 레이아웃을 잡아보시면 나중에 어렵지 않게 하실 수 있습니다!!




내용이 도움이 되셨으면 공감 한 번 눌러주시길 부탁드립니다!!!

'Programming > Web' 카테고리의 다른 글

[자바스크립트]함수 정의 방식  (0) 2018.04.27
[Jquery/javascript] 셀렉트 박스 selected 변경  (0) 2018.02.08
[HTML] 게시판 만들기(기본틀)  (0) 2018.02.06
Input text 박스 에서 Input Text 박스로 value 옮기기  (0) 2018.01.15
Missing artifact com.oracle:ojdbc 에러 해결  (0) 2017.12.14

+ Recent posts

티스토리툴바