Local Oriented/HTML CSS JS (99) 썸네일형 리스트형 iframe 안에서 실행하고 화면 전환시, 크롬에서 문제 a.jsp 에 기술된 iframe 을 target 으로 b.jsp 를 실행하고 c.jsp 로 화면전환이 되는 프로세스일 때, 크롬에서는 약간의 문제가 있음.. a.jsp 에 아래와 같이 기술.. ... 첫번째 두번째 ... ... b.jsp 에 아래와 같이 기술.. ... 상기와 같이 세팅된 경우.. IE 에서는 target 을 ifrm 으로 하고 href 를 b.jsp 로 하는 첫번째 링크나 funcA() 를 실행하는 두번째 링크나 동일하게 생각한 대로 작동하는데.. 크롬의 경우.. target 으로 .jsp 를 호출하게 했더니, b.jsp 에 기술된 alert('메시지') 가 아무것도 없는 빈 화면에서 알림으로 뜨고.. funcA() 를 호출하게 했더니, IE 와 마찬가지로 a.jsp 화면이 그대로 .. li 태그 안의 텍스트를 td 태그의 align="center" 속성 처럼 가운데 중앙 정렬하는 방법 text A text B text C text A text B text Sub text C 상기와 같이 해서는.. 가로(좌우)로 봤을 때 가운데 정렬이 되지만, 세로(위아래)로는 가운데 정렬이 되지 않습니다. vertical-align 이 적용되지 않는다는 얘기입니다. li 태그 안에 들어가는 텍스트가 1라인 뿐이라면, line-height 속성값을 조정해서 위아래로 가운데 정렬이 된 것처럼 보이게 할 수 있긴 합니다만.. 텍스트가 어떤 것은 1개 라인, 어떤 것은 2개 라인이면 이런 접근법으로는 해결이 되지 않습니다. li 태그에 display:inline 속성을 세팅하면 된다는 분이 계시던데.. 이렇게 되면 width 와 height 속성값이 적용되지 않는다는거 알고 계시죠..? 여기서 논의하고자 하.. 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 이전 1 2 3 4 5 6 ··· 13 다음
