1. 기본형 함수 선언 방식


function standard() {
	console.log("standard");
}




2. 변수형 함수 선언 방식


valueType = function() {
	console.log("valueType");
}




3. 익명 함수 선언 방식


(function (){
	console.log("unknown");
})();




페이지가 로드될때 넘어 오는 매개변수로 select박스의 selected를 설정하고 싶었습니다.


eq(인덱스) 와 attr()속성을 이용하니 쉽게 설정 할 수 있었어요!


아래 설렉터에 위치한 내용은, postType이란 id를 참조 하고 그 자식인 option을 더 참조 합니다.

eq(인덱스)를 이용하여 상세 설정 하고 싶은 부분을 입력 하면 됩니다.

그리고 attr 메소드를 이용하여 선택된 option에 'sealected' , 'selected'를 추가 해줍니다.


$("#postType option:eq(0)").attr('selected', 'selected');


이 내용을 html 코드로 하면 이렇습니다.





$(document).ready(function() {
       var test = "firstType"

	if(test =="firstType") {
		$("#postType option:eq(0)").attr('selected', 'selected');
	} else if(test =="secondType") {
		$("#postType option:eq(1)").attr('selected', 'selected');
	} else if(test =="thirdType") {
		$("#postType option:eq(2)").attr('selected', 'selected');
	}
});


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









테스트중


	
질문 종류 :
제목 :
내용 :
글쓴이 :


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

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

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

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


html 태그

         


javascript&Jquery

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


Missing artifact com.oracle:ojdbc 버젼 + 세부버젼 관련 에러는,

OJDBC 를 이용하려 하는데 Dependency만 작성하고 Repository 를

작성하지 않았거나, 해당 OJDBC 파일을 찾을 수 없을때 발생 합니다.


OJDBC는 메이븐이 직접 설정을 해주지 않기 때문에, 직접 pom.xml 에 입력 하셔야 합니다.


<repository>

<id>oracle</id>

<name>ORACLE JDBC Repository</name>

<url>http://maven.jahia.org/maven2</url>

</repository> 


위에 부분을 <repositories> 와 </repositories> 사이에 추가 해주시면 되고,

추가 해주시면 해당 url 에서 자동으로 추가 해줍니다 !!


※ 그래도 에러가 표시되는 분들은, OJDBC 버젼 이름과 Dependency 에 작성된 이름이

매치되는지 확인 해주세요!

​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개의 영역을 만들었습니다.


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




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

+ Recent posts