검색결과 리스트
JavaScript에 해당되는 글 8건
- 2013.12.17 [Jquery]html 동적추가할 경우 Jquery datepicker 추가
- 2013.12.15 [JavaScript]jquery dialog enter 누를시 닫히는 현상
- 2013.02.26 [JAVASCRIPT]JSON 오류검사 (1)
- 2012.11.04 jquery ui datepicker
- 2012.04.10 [Javascript]Flash Player version check
- 2011.01.23 [Android] WebView 사용 시 Javascript Alert, Confirm 출력
- 2010.11.02 [jQuery]jQuery 플러그인
- 2010.10.20 [jQuery] jQuery 기초 강좌 사이트
글
동적으로 추가된 html 코드에 달력을 띄울 경우에는 jquery 달력이 작동하지 않는다.
아래처럼 동적으로 추가한 후에 each로 jquery 달력이 동작하도록 설정한다.
function addHtml(){
.... html 동적 추가 코드 ...
.... html 동적 추가 코드 ...
$('.datepicker').each(function(){
$(this).datepicker();
});
}
.datepicker는 추가한 코드에 class를 이용함.
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
출처 : http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem
http://blog.naver.com/PostView.nhn?blogId=lcoguss&logNo=199048137
html의 input 에서 문자 입력 후에 enter를 누를 시 dialog가 닫혀버리는 현상이 있다.
아래처럼 keyCode가 13일때 아무런 처리를 하지 않으면 된다.
$('.dialog').find('input').keypress(function(e) { if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { //$(this).parent().parent().parent().parent().find('.ui-dialog-buttonpane').find('button:first').click(); /* Assuming the first one is the action button */ return false; } });
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
JSON 테스트할 때에 아래 사이트에서 json 데이터를 검증 할 수 있다.
오류가 있을 경우 간단하게 오류 항목을 알려준다.
http://www.jsonlint.com/
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
출처 : http://jmnote.com/wiki/JQuery_UI_%EA%B8%B0%EA%B0%84_%EC%84%A0%ED%83%9D_(datepicker)
조회기간: ~
시작날짜를 선택하면 마지막날짜를 시작날짜 이후만 선택되도록 된다.
Jquery 참 편한것 같다..ㅎㅎ
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
jw player를 이용하여 동영상을 구현 하던 중 특정 컴퓨터에서 동영상 플레이가 되지 않는 현상이 있었다.
체크 해보니 플레시 버전이 낮은터라 그런 현상이 일어 났었다.
Flash version 이 낮은 컴퓨터에서는 최신 버전을 설치하고 브라우저를 닫은 후 웹사이트에 접속하니 제대로 동영상이 플레이 되었다.
----------------------------------------------------------------------------------------------------------------------
<div id="nonMediaplayer" class="noplayer" style="display:none;">동영상이 안보이시면 아래 Flash Player를 설치하신 후 인터넷창을 새로 열어서 확인바랍니다.
<p style="padding:20px 0 0 50px;"><a href="http://get.adobe.com/kr/flashplayer/" target="_blank"><img src="../images/fplayer.gif" alt="" /></a> </p>
</div>
<!-- jw player -->
<div id="mediaplayer"></div>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
flashplayer: "../jwplayer/player.swf",
file: "../images/hongbo.mp4",
image: "../images/mv.jpg",
width:"246",
height:"167"
});
</script>
<!-- //jw player -->
<!-- google Api를 이용한 플레시 버전 체크 -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("swfobject", "2.1");
google.setOnLoadCallback(onLoad);
function onLoad()
{
var flashVersion = swfobject.getFlashPlayerVersion();
//alert("Flash version : " + flashVersion.major + "." + flashVersion.minor);
if(flashVersion.major >= 11){
//if(flashVersion.major < 11){
$("#nonMediaplayer").hide();
$("#mediaplayer").show();
}else{
$("#nonMediaplayer").show();
$("#mediaplayer").hide();
}
}
</script>
<!-- //google Api를 이용한 플레시 버전 체크 -->
---------------------------------------------------------------------------------------------------------------------------
본인은 그냥 Flash version이 11버전 대 이하이면 설치하라는 div를 block시키고
동영상 플레이어 div를 display:none 시켰다.
플레시 버전을 보려면 alert을 주석 풀어서 테스트 해보시길바랍니다.
'IT분야 > Html' 카테고리의 다른 글
[Javascript]Flash Player version check (0) | 2012.04.10 |
---|---|
css로 게시판 제목 자르기 (0) | 2012.04.08 |
[HTML] 로그인 할 때 자동완성 끄기 (0) | 2011.01.23 |
[jQuery]jQuery 플러그인 (0) | 2010.11.02 |
[HTML] Html 웹표준 DTD 선언 문서 형식 (0) | 2010.10.20 |
[jQuery] jQuery 기초 강좌 사이트 (0) | 2010.10.20 |
설정
트랙백
댓글
글
webview.setWebChromeClient(new WebChromeClient() {
public boolean onJsAlert(WebView view, String url,
String message, final android.webkit.JsResult result) {
new AlertDialog.Builder(myApp)
.setTitle("Concierge")
.setMessage(message)
.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(
DialogInterface dialog,
int which) {
result.confirm();
}
}).setCancelable(false).create().show();
return true;
};
public boolean onJsConfirm(WebView view, String url,
String message, final android.webkit.JsResult result) {
new AlertDialog.Builder(myApp)
.setTitle("Concierge")
.setMessage(message)
.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(
DialogInterface dialog,
int which) {
result.confirm();
}
})
.setNegativeButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
public void onClick(
DialogInterface dialog,
int which) {
result.cancel();
}
}).setCancelable(false).create().show();
return true;
}
});
'IT분야 > Android' 카테고리의 다른 글
[Android] Http 요청할때 스크립트가 리턴되어 올때 (2) | 2011.06.29 |
---|---|
[Android] WebView와 EditText 혼용해서 사용할 때 키패드 문제점 (0) | 2011.01.24 |
[Android] WebView 사용 시 Javascript Alert, Confirm 출력 (0) | 2011.01.23 |
[Android] WebView를 사용할때 HttpClient를 이용한 Session 유지 (0) | 2011.01.23 |
[Android] 안드로이드 가로 세로 크기 (0) | 2011.01.23 |
설정
트랙백
댓글
글
jQuery를 처음 접해봤다. 아직 싱숭생숭하지만 기존에 javascript로만 해왔던 부분이 정말 손쉽게, 간단하게 되는 부분을 보고 반했다. 간단히 플러그인 들을 받아서 테스트까지 해보았는데 앞으로 개발시 참고하면 정말 유용할 것 같다. 문제는 플러그인을 찾는게 관건...
* 폼 유효성 검사 : http://plugins.jquery.com/project/validate
사이트에서 다운받고 demo 폴더에서 index.html을 실행하면 구현된 부분을 볼 수 있다.
유효성 체크하는것이 종류가 2개가 있는데 index.html 화면에서 두번째 폼 부분을 보고 소스를 추출해 내면 된다.
* 플래시 효과 : http://medienfreunde.com/lab/innerfade/#n2
다운받지 않고 바로 테스트화면과 소스가 공개되어 있다
* 테이블 컬럼 숨기기 : http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html
말그대로 테이블에 컬럼(열)을 숨길 수 있는 기능
위 3개의 링크들은 아래의 사이트에서 찾아 볼 수 있다. 이밖에도 많은 사이트가 링크 되어 있다.
http://wiki.dev.daewoobrenic.co.kr/mediawiki/index.php/JQuery
'IT분야 > Html' 카테고리의 다른 글
[Javascript]Flash Player version check (0) | 2012.04.10 |
---|---|
css로 게시판 제목 자르기 (0) | 2012.04.08 |
[HTML] 로그인 할 때 자동완성 끄기 (0) | 2011.01.23 |
[jQuery]jQuery 플러그인 (0) | 2010.11.02 |
[HTML] Html 웹표준 DTD 선언 문서 형식 (0) | 2010.10.20 |
[jQuery] jQuery 기초 강좌 사이트 (0) | 2010.10.20 |
설정
트랙백
댓글
글
잘 정리 되어 있는 곳인 것 같다.
http://www.boog.co.kr/boog/jquery_lecture
'IT분야 > Html' 카테고리의 다른 글
[Javascript]Flash Player version check (0) | 2012.04.10 |
---|---|
css로 게시판 제목 자르기 (0) | 2012.04.08 |
[HTML] 로그인 할 때 자동완성 끄기 (0) | 2011.01.23 |
[jQuery]jQuery 플러그인 (0) | 2010.11.02 |
[HTML] Html 웹표준 DTD 선언 문서 형식 (0) | 2010.10.20 |
[jQuery] jQuery 기초 강좌 사이트 (0) | 2010.10.20 |