http://jsfiddle.net/niceaji/zFhQB/
허허 좋타
http://kimstar.pe.kr/blog/74
| 동적으로 DIV 생성 바디 바로 아래 ~~ (0) | 2014.11.06 |
|---|---|
| 두번째 탭 선택하기 Jquery (0) | 2014.11.04 |
| jquery 페이지 상/하단으로 부드럽게 이동 (0) | 2014.06.19 |
| Jquery 와 일반 스크립트 비교 (2) | 2014.05.22 |
| jquery ready 에서 함수 호출.. (0) | 2014.03.20 |
| jqeury radio css control (0) | 2013.11.11 |
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
<a href="#" onclick="excelDown('파일명')" ; return false;">
<script type="text/javascript">
$( document ).ready( function(){
function excelDown(file){
alert('다운로드 시작');
location.href="pool_bond_download.jsp?file="+file;
}
});
</script>
요건 오류가 났다 함수를 못찾음;;
<script type="text/javascript">
function excelDown(file){
alert('다운로드 시작');
location.href="pool_bond_download.jsp?file="+file;
}
</script>
요건 정상 실행 뭐지??
검색해보니..
http://stackoverflow.com/questions/1055767/why-can-i-not-define-functions-in-jquerys-document-ready
함수명 = functin() {} 요러케
혹은
function 함수명() {}
함수명();
요렇게 써야 한다고 함 ~
그래서 수정했더니 잘됨 아주 잘됨 ~
$( document ).ready( function(){
excelDown =function (file){
alert('다운로드 시작');
location.href="pool_bond_download.jsp?file="+file;
}
});
크크
| 두번째 탭 선택하기 Jquery (0) | 2014.11.04 |
|---|---|
| jquery 페이지 상/하단으로 부드럽게 이동 (0) | 2014.06.19 |
| Jquery 와 일반 스크립트 비교 (2) | 2014.05.22 |
| 제이쿼리 동작 테스트 해 볼수있는 사이트 (0) | 2014.03.27 |
| jqeury radio css control (0) | 2013.11.11 |
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
$(this).parent('span').addClass('active'); // 부모노드에 CSS 적용
//라벨로 제어 할 때
<label for="radio-01" >
<input name="sample-radio" class="screen-out" id="radio-01">
<label for="radio-02" >
<input name="sample-radio" class="screen-out" id="radio-02">
ID를 매칭 시켜 주면 여러가지 컨트롤이 쉽다.
예) 라벨 범위 클릭 라디오 체크(제어) 된다...
삽질삽질 ㅎㅎ
풀 소스 첨부합니다.
참고 url
http://webdesign.maratz.com/lab/fancy-checkboxes-and-radio-buttons/jquery.html
| jquery 페이지 상/하단으로 부드럽게 이동 (0) | 2014.06.19 |
|---|---|
| Jquery 와 일반 스크립트 비교 (2) | 2014.05.22 |
| 제이쿼리 동작 테스트 해 볼수있는 사이트 (0) | 2014.03.27 |
| jquery ready 에서 함수 호출.. (0) | 2014.03.20 |
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
--- header.jsp ---
<script type="text/javascript">
var ctx = "${pageContext.request.contextPath}";
var ServerIP = "${pageContext.request.serverName}"; // 서버 ip
var ServerPort = "${pageContext.request.serverPort}"; // 서버 port
</script>
-- sucess.jsp ---
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/jsp/pb/include/taglibs.jsp" %>
<%
%>
<html>
<head>
<c:import url="/WEB-INF/jsp/pb/include/header.jsp" />
<title>NICE신용평가정보 - CheckPlus 본인인증 테스트</title>
<script type="text/javascript">
var test = 'http://'+ServerIP+ ':' +ServerPort+'/m/member/member_join_step6';
alert(test);
opener.parent.location='http://'+ServerIP+ ':' +ServerPort+'/m/member/member_join_step6';
window.close();
</script>
</head>
<body>
</body>
</html>
간단히 '' + +'' + '' ... 이게 왜 할때 마다 햇갈리지 아오아오
그리고 jsp 에서 서버 아이피 , 서버 포트 가져오기
String strServerIP = request.getServerName(); // 서버 ip
String strServerPort = Integer.toString(request.getServerPort()); // 서버 port
String sReturnUrl= "http://"+strServerIP+":"+strServerPort+ "/success"; // 성공시 이동될 URL
String sErrorUrl = "http://"+strServerIP+":"+strServerPort+ "/checkplus_fail"; // 실패시 이동될 URL
| Jquery 와 일반 스크립트 비교 (2) | 2014.05.22 |
|---|---|
| 제이쿼리 동작 테스트 해 볼수있는 사이트 (0) | 2014.03.27 |
| jquery ready 에서 함수 호출.. (0) | 2014.03.20 |
| jqeury radio css control (0) | 2013.11.11 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| 제이쿼리 동작 테스트 해 볼수있는 사이트 (0) | 2014.03.27 |
|---|---|
| jquery ready 에서 함수 호출.. (0) | 2014.03.20 |
| jqeury radio css control (0) | 2013.11.11 |
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
<li>
<div id="chk"></div>
</li>
<li>
<div id="chk"></div>
</li>
요런 중복 div 아이디가 있을때 $(#id).show() 등등 으로 하면 제일 상단 만 제어가 된다
id 제어 말고 div class 추가 하여 해결 함
<li>
<div id="chk" class="chk"></div>
</li>
<li>
<div id="chk" class="chk"></div>
</li>
jquery > .css('style' ,'none') 으로 동시 제어 가능
| jquery ready 에서 함수 호출.. (0) | 2014.03.20 |
|---|---|
| jqeury radio css control (0) | 2013.11.11 |
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
| jQuery 웹 주소 & $ 딸라 충돌 오류 방지 (0) | 2011.04.22 |
<!DOCTYPE html>
<html>
<head>
<link href="./lib/sencha-touch.css" rel="stylesheet"/>
<script type="text/javascript" src="./lib/sencha-touch-all.js"></script>
<script type="text/javascript">
Ext.setup({
onReady : function(){
var keyword = "nayha";
var refresh = function(){
timeline.setMasked({type:'loadMask',indicator:true});
Ext.data.JsonP.request({
url : 'http://search.twitter.com/search.json',
callbackKey : 'callback',
params : {
q: keyword,
rpp : 30
},
success : function(data){
timeline.setData(data.results);
},
callback : function(){
timeline.unmask();
}
})
};
var overlay = new Ext.Panel({
modal : true, hideOnMaskTap :true,
width : 300, height: 200,
html : 'overLAY'
});
var timeline = new Ext.Panel({
fullscreen : true,
scrollable : 'vertical',
tpl : [
'<tpl for =".">',
'<div class="tweet">',
'<div class="avatar">',
'<img src="{profile_image_url}" /></div>',
'<div class="tweet-content">',
'<h2>{from_user}</h2>',
'<p>{text}</p>',
'</div>',
'</div>',
'</tpl>'
],
items : [{
xtype : 'toolbar',
title : 'Twt Search',
dock : 'top',
ui : 'light',
align : 'right',
items:[{
iconCls : 'refresh',
iconMask : true,
handler : refresh
},
{
iconCls : 'search',
iconMask : true,
text :'search',
handler : function(btn,evt){
overlay.showBy(btn);
}}
]
},
{
dock :'top',
sytle : 'background : #555',
html : 'keyword' + keyword
}]
});
refresh();
}
});
</script>
</head>
<body>
</body>
</html>
| jqeury radio css control (0) | 2013.11.11 |
|---|---|
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
| jQuery 웹 주소 & $ 딸라 충돌 오류 방지 (0) | 2011.04.22 |
| jQuery 아이프레임 부모창 제어하기 (0) | 2011.03.31 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
// 화면 버튼 누를때 마다 버튼 증가
// 증가된 버튼 클릭시 클릭 버튼 제거
window.onload = function() {
var btn = document.getElementById("btn");
btn.addEventListener('click', function(){
var newBtn = document.createElement('button');
newBtn.innerHTML = "newb";
document.body.appendChild(newBtn);
newBtn.addEventListener('click',function(){
document.body.removeChild(newBtn);
});
});
}
</script>
</head>
<body>
<button id = "btn">create</button>
</body>
</html>
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
|---|---|
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
| jQuery 웹 주소 & $ 딸라 충돌 오류 방지 (0) | 2011.04.22 |
| jQuery 아이프레임 부모창 제어하기 (0) | 2011.03.31 |
| 이미지 사이즈 팝업 (0) | 2010.07.14 |
function fnConfirm() {
var form = document.seform;
var obj = null;
var seq; // 선택된 라디오버튼의 값(value)를 담을 변수
var find = false; //* 채크되어있는 라디오버튼을 찾았는지 구분하는 변수
obj = form.seq;
var size = obj.length; // 라디오버튼의 수
for ( var i = 0; i < size; i++) {
if (obj[i].checked == true) { // 만약 채크되어있는 라디오 버튼을 찾았을 경우
// alert("걸린 배열 주소 : " + i);
seq = obj[i].value;
find = true; // *구분을 찾았다는걸로(true)로 변환
break; // *for문을 빠져나온다.
} // end if
} // end for
//*
if (find == false) { // 라디오버튼을 못찾았을 경우 메세지 띄우고 종료
alert("공개여부를 채크하세요.");
return;
}
// 여기까지 왔으면(찾았으면) seq 에 값이 담겨있다.
//document.Form1.apprYornCode.value = seq;
document.seform.action ="proj_Proc_apprYN.jsp";
document.seform.submit();
}
어디선가 펌 ㅎㅎ
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
|---|---|
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| jQuery 웹 주소 & $ 딸라 충돌 오류 방지 (0) | 2011.04.22 |
| jQuery 아이프레임 부모창 제어하기 (0) | 2011.03.31 |
| 이미지 사이즈 팝업 (0) | 2010.07.14 |
| input focus 자동 변경 (0) | 2010.06.21 |
jQuery를 사용하기 위해서 $ 딸라 표시를 사용합니다.. 미국에서 만든거라 그런지 달라를 좋아합니다..ㅡㅡ;
그런데.. 다른 자바스크립트 라이브러리에서도 $ 표시를 사용하는 곳이 있습니다.. 대표적인것이.. Prototype 입니다. jQuery가 뜨기전에는.. Prototype이 대빵이었는데.. 제가알기론... 요즘은.. jQuery가 대빵인것 같습니다..
본론으로 .. 두개가 같은 $ 기호를 쓰기때문에 충돌이 발생할 수 있습니다. 이럴때를 대비해서 jQuery에서 $ 표시를 대체할 수 있는 방법을 만들어 두었습니다...
var jq=jQuery.noConflict()
<head>
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
|---|---|
| senchaTouch2 JSONP (0) | 2012.05.29 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
| jQuery 아이프레임 부모창 제어하기 (0) | 2011.03.31 |
| 이미지 사이즈 팝업 (0) | 2010.07.14 |
| input focus 자동 변경 (0) | 2010.06.21 |
| 기능 많은 미디어 재생기 (0) | 2010.05.13 |
