'5Route'에 해당되는 글 88건

익스플로러 11로 업그레이드를 하면 위와 같이 사진 첨부하는 하는 폼 자체가 바뀐다. 가끔 익스플로러 11로 업그레이드를 하고 사진 첨부가 안되는 경우가 있는데 해결 방법을 알아보자.

두번째 사진처럼 만들기 위해서 일단 사진 첨부하는 폼으로 가보면

파일명 : photo_Quick_UploadPopup.html

설명을 드리겠습니다.

첫번째 표시 : 이 부분이 사진 첨부하기 부분이라는 확실한 증거입니다. ( 무슨 영화 대사같네.ㅋㅋㅋ)

두번째 표시 : 결론을 먼저 말하자면 이 부분이 익스플로러 11미만 버전에서 나오는 곳이구요.

세번째 표시 : 이 부분이 익스플로러 11버전에서 나오는 곳입니다.

아주 재밌는 사실은 사진 첨부하기 부분에서 F5를 겁나 누르면 익스플로러 11미만 버전에서 나오는 폼이 잠깐 아주 잠깐동안 보이는 것을 알수 있습니다.

그럼 익스플로러 11 사용자는 두번째 부분은 쌩까고 세번째 부분으로 간다는 얘기인데

아주 간단하게 세번째 표시 부분 div를 삭제 해봤는데요... 그렇다고 두번째 표시 된 부분이 나오지는 않는 걸로 봐서

자바스크립트로 지정된 무언가가 있다는 것을 알 수 있죠..

이제 자바스크립트로 지정된 무언가... 이놈을 찾아서 강제로 pop_content2가 나오게 해버리면 되겠죠.ㅋㅋㅋ

네이버의 이 많은 js파일들을 언제 보고 있나... 하는 순간 문뜩 떠오른 방법..

pop_content를 검색하는 걸로 5초에 한개의 js파일을 보면 1분안에 끝나겠군...

파일명 : QuickPhotoPopup.js ( 같은 폴더 안에 있습니다.)

js파일에 들어가자마자 찾기로 "pop_content" 요놈을 검색하면

위 사진과 같은 부분으로 가시게 됩니다.

hide, show만 보면 뭔지 느낌이 빡 오시죠?ㅋ 그래도 설명을 드리자면 첫번째 표시부분은 if문으로 bSupportDragAndDropAPI 요놈이 true이면....(아마도 blooean 형일듯 합니다.) pop_container2를 감추고 pop_container를 보이라고 되어있고 두번째 표시부분은 bSupportDragAndDropAPI 요놈이 false이면.... pop_container2를 보이고 pop_container를 감추라고 되어있네요...

저희가 할일은 3번째 사진을 보시면 pop_container2를 보이고 pop_container를 감춰야 하니까 bSupportDragAndDropAPI 요놈을 false로 만들어 주기만 하면 끝나부러~~ㅋ.ㅋ

다시 검색으로 bSupportDragAndDropAPI 요놈을 검색해 보시면

위와 같은 거의 맨 위로 올라가게 되는데요. 첫번째 표시는 동그라미가 이상하게 생겼지만...

var bSupportDragAndDropAPI = false; << 선언입니다. 그냥 알아두시면 좋을 것 같아서요.ㅋ false로 선언했네요.ㅋ

두번째 표시를 보시면 여기부터 집중!!!! File API 지원 여부로 결정 << 여기가 KeyPoint입니다.ㅋ

세번째 표시를 보시면.. 전 이미 수정한 사진을 올렸는데요.

47번째 줄이 true로 가게 하는 부분이니 주석처리 해주고 그렇다고 아무것도 안해주면 오류 나겠죠?ㅋㅋ

true밑에 이리로 와도 false를 주라고 넣고 네이버 에디터에서 사진첨부를 클릭하면 2번째 사진과 같이 나옵니다.

홈페이지 작업하느라 확 빨리 만들고 싶지만 눈치도 보이고.ㅋ 글 쓰는데만 30분이나 걸려버리네요.ㅠㅠ

끝까지 읽어주신 분들께 감사하다라는 말씀을 전하며.. 다음에 좋은 내용을 찾아뵙겠습니다.ㅋㅋㅋ

A테이블에 데이터가 

idx    |    name    |    nick

1            동대문        동

2            서대문        서

mssql에서 "insert into B select * from A" 실행하고 select * from B를 하면..

idx    |    name    |    nick

1            홍길동        홍

2            남대문        남

1            동대문        동

2            서대문        서

위와 같이 데이터가 추가되게 됩니다.

이 내용은 도로명 주소를 넣으려고 하는데 여러개의 파일로 되어있는 것을 데이터 가져오기로 테이블로 만들어놨는데 테이블 갯수만 17개 합치려고 검색 하다가 알게 된 방법입니다.

(* primary값은 확인 안해봤습니다. )

(* 또 한가지 테이블 명을 써줄때 컬럼 명도 써줘도 됩니다. B(idx, name, nick) 이런식으로요..)

position:fixed << 이 함수를 이용하면 되는데.. 사용방법은 쉽습니다.

<div style="height:1000px;background-image:url('/images/hohoho.jpg');position:fixed">ㅋㅋㅋ<div>

위와 같이 써주시면 /images/hohoho.jpg는 height가 아무리 끝도 없어도 밑으로 내려가도 고자리에 고정됩니다.^^

키를 이용해서 하는 방법도 있지만 그냥 구글 지도를 iframe형식으로 가져오는 방법이 쉬워서 이번 글에서는 iframe 사용하는 방법을 알아보시죠..

1. https://www.google.com/maps/@36.3452844,127.9588317,8z

위의 주소를 들어가면 아래 사진처럼 대한민국이 딱~~ 보입니다.

(여기서 부가 적으로 주소를 보면 8z가 있는데 이건 줌 내용입니다. 숫자가 커지면 지도가 자세히 보이게 됩니다.)

2. 자신이 검색할 지명 혹은 주소를 입력하면 검색 지명 혹은 주소가 아래와 같이 나옵니다. 저는 서울역을 검색했습니다.

3. 오른쪽 아래에 일명 설정이라고 불리는 버튼이 있는데 클릭 후 지도 공유 및 삽입부분을 클릭하시면 됩니다.

4. 지도 공유 및 삽입에 들어가면

  -1. 링크 공유탭에서는 URL 형식으로 나오는데 이건 약식URL을 이용해서 짧게 바꿀 수도 있습니다.

  -2. 지도 삽입탭에서는 크기도 조정이 가능하니 크기를 변경하신 후 iframe소스를 해당 홈페이지에 넣어주시면 끝납니다.

위와 같이 나오는 경우가 있는데 이런 경우는 아마도 jquery를 연결해 줘야 하는데 연결하는 구문이 없어서 인듯 합니다.

<script src="http://code.jquery.com/jquery-latest.js"></script> 를 넣어주시면 됩니다.