출처 : http://blog.wimy.com/268


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을 주석 풀어서 테스트 해보시길바랍니다.

저작자 표시
신고

게시판에서 제목의 길이가 너무 길때  ...  으로 표현해야 한다.
javascript 또는 서버스크립트 언어로 길이로 자르면 공백이나 한글 영어에 따라서 들쑥날쑥하게 잘라진다.

아래처럼 css 를 주면 width 값을 넘어가게 되면 ...으로 바뀌게 된다. 훨씬 깔끔하다.

.list{width:150px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


저작자 표시
신고
로그인 할 때 비밀번호를 저장하겠냐고 물을 때가 있다. 이부분을 끄고 싶다면 form에
autocomplete="off"를 넣어 주면된다. 안드로이드에서 웹뷰를 사용해서 만들었는데
저장된 내용이 자꾸 엉뚱하게 표시되서 아예 꺼버렸다. 그러니 잘된다..ㅎㅎ

<form method="post" action="login.jsp" name="form" autocomplete="off">

저작자 표시
신고


 

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

저작자 표시
신고

DTD :  IE 렌더링 방식을 어느정도 개선.최근은 XML(XHTML)이 대세.
XHTML중에서도 Transitional과 Strict가 있는데 후자의 경우 엄격합니다.
저도 개인적으로 Strict를 사용합니다.


1) HTML 2.0 표준 문서 형식
<!DOCTYPE html PUBLIC "=//IETF//DTD HTML 2.0//EN">

2) HTML 3.2 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

3) HTML 4.01 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

4) XHTML 1.0 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

5) XHTML 1.1 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


웹표준 문서 구조
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko-KR">
<head>
<title> ... </title>
</head>
<body>
...
</body>
</html>


DOCTYPE 코드 구분
일반형식(Transitional) : HTML 4.01 Transitional 예전에 있었거나 없어진 태그도 지원함
엄격한형식(Strict) : HTML을 엄격하게 적용 해야 한다


출처 : http://paran.tistory.com/316

저작자 표시
신고

잘 정리 되어 있는 곳인 것 같다.

http://www.boog.co.kr/boog/jquery_lecture
저작자 표시
신고