본문 바로가기

Local Oriented/HTML CSS JS

 (105)
iOS 에서 'tel:전화번호' 가 작동하지 않으면? iOS 인데,- 사파리에선 href="tel:전화번호' 가 작동하고- 웹뷰를 가지고 있는 앱에선 작동하지 않음. 이리저리 확인해 보니, https://blog.naver.com/kilmmk/221382693516iframe 안에서 href="tel:전화번호' 가 작동하지 않아서target="_parent" 를 추가하니 정상 작동한다는 얘기는 있지만.. 지금은 iframe 이 아니라 이미지 맵을 사용했던 것.이미지 맵의 area 태그에 target="_parent" 속성을 추가 해도 iframe 관계가 아니다 보니 작동 않음. 그래서, 이미지 맵에서는 작동하지 않는 것으로 최종 진단.이미지를 조각낸 다음, 로 했더니,아이폰에서 전화 앱이 정상적으로 호출됨.
자바스크립트 이벤트 버블링을 피하는 하나의 방법 https://tk2rush90.blog.me/221092659287 참조버블링과 캡처링, 그리고 메모리 관계 -------------------------------------------------------------------------------------------------- 아래 그림과 같이..함수(funcA 라 하자)가 씌워진 태그(tagA 라 하자) 카드별칭 위에또 다른 함수(funcB)가 씌워진 다른 태그(tagB 라 하자) 삭제 버튼이 올려진 상태에서..삭제 버튼이 아닌 카드별칭 전체 영역에서는 funcA 가 실행되고,삭제 버튼에서만 funcB 가 실행되게 하려면..자바스크립트 버블링 현상과 맞닥뜨리게 된다. 이를 해결하려면, 자바스크립트 이벤트 중에 버블링이 적용되지 않는..mous..
크롬에서 안전하지 않음 나오는 이유와 해결방법 구글은 내부적으로 https:// 프로토콜 즉 SSL 보안로직을 사용합니다.구글에서 제공하는 대부분의 서비스는 https:// 프로토콜로 서비스 됩니다. 그런데, 외부 웹페이지가 http:// 로 호출되면 구글 프레임과 충돌하지요. (특히 구글 검색엔진)그러니까, 구글은 다른 웹사이트들도 https:// 를 사용하도록 하는 목표를 가지게 되었고,마침 구글에는 크롬이라는 불세출의 웹브라우저가 있었죠. 그래서 크롬 특정 버전부터는 http:// 로 접속시 주소창 옆에 느낌표를 띄워주었고,만약 입력란에 이 사용되는 화면에선,주소창 옆에 느낌표와 함께 '안전하지 않음' 을 추가로 보여주게 되었습니다. https:// 를 사용하는 웹사이트라고 해서 안전한 웹사이트라고 100% 확신할 수는 없지만,https:// ..
onblur 이벤트 사용시 유의 네이버 웨일 웹브라우저에서 onblur 이벤트로 세팅된 자바스크립트 함수가 알림창을 띄우는데,'확인' 버튼을 눌러도 알림창이 계속 뜨는 현상이 발생. MS IE 웹브라우저에서는 정상 작동(이라기 보다는 의도한 대로 작동).구글 크롬 웹브라우저에서도 네이버 웨일 웹브라우저와 같은 현상 발생. 그래서, onblur 를 사용할 때는 알림창(alert 함수)를 사용하지 말고,화면에 onblur 를 처리한 내용이 보여지는 항목을 이용하도록 하는 것이 대안.
iOS meta 에 넣어야 할 내용, 휴대폰/이메일 이렇게 하면 좀더 빨라질까..? 퍼포먼스 변화가 없더라도,웹브라우저 차원에서 이런건 체크하게 할 필요 없이,또 오해의 여지도 주지 않게.. 필요한 곳에다가 아래와 같이 해 주는 것이 나을듯함.이메일주소 그리고, iOS 는 OS 업데이트 때 마다 뭔가 버그가 있던데..tel:전화번호의 경우,tel:010-1234-5678 과 같이 하지 말고 하이픈이나 외국번호에서 + 등을 넣지 말고 그냥 숫자형태로만 사용하시기를..
자바스크립트 배열 배열 기초 개념과 관련 함수들https://blog.naver.com/aneminw/220993889627 json 과 배열https://auswendy.blog.me/221139052120
window.open 팝업이 열릴 때 맨 위에 뜨게 하려면 focus() var wo = window.open('...','...','...');if(wo) wo.focus();else alert('팝업 차단 기능을 해지해 주세요. ^.^');
eval 로 함수 여러개를 실행한다? 아래 ajax 에서 문에서, callback 을 실행한다 했을 때..한 번에 여러개의 함수를 실행할 수 있나? 당근. $.ajax({ ... success : function(d){ if(d.cb!=''){ try{ eval(d.cb); }catch(e){} } }, ... }); ajax 로 호출되는 곳에서..데이타 세팅할 때,상기 d.cb 에 해당하는 곳에 아래와 같이 세팅.foo1(param1, param2, ...) foo2(param1, param2, ...)

티스토리툴바