|
FF에서는 즐겨찾기에 추가 자바스크립트가 아예 안 되는줄 알았는데 구글링을 해보니 아주 좋은 소스가 있더군요. function bookmarksite(title,url) { // Internet Explorer if(document.all){ window.external.AddFavorite(url, title); } // Google Chrome else if(window.chrome){ alert("Ctrl+D키를 누르시면 즐겨찾기에 추가하실 수 있습니다."); } // Firefox else if (window.sidebar) // firefox { window.sidebar.addPanel(title, url, ""); } // Opera else if(window.opera && window.print) { // opera var elem = document.createElement('a'); elem.setAttribute('href',url); elem.setAttribute('title',title); elem.setAttribute('rel','sidebar'); elem.click(); }else if( window.external ) { window.external.AddFavorite(url, title); } } </script>
[실험결과] Crome : Ctrl+D키 [Tip] 이 소스를 XE에 넣어보기 1. 해당레이아웃 js파일안에 추가합니다. /* 즐겨찾기 추가 */ function bookmarksite(title,url) { // Internet Explorer if(document.all){ window.external.AddFavorite(url, title); } // Google Chrome else if(window.chrome){ alert("Ctrl+D키를 누르시면 즐겨찾기에 추가하실 수 있습니다."); } // Firefox else if (window.sidebar) // firefox { window.sidebar.addPanel(title, url, ""); } // Opera else if(window.opera && window.print) { // opera var elem = document.createElement('a'); elem.setAttribute('href',url); elem.setAttribute('title',title); elem.setAttribute('rel','sidebar'); elem.click(); }else if( window.external ) { window.external.AddFavorite(url, title); } } 2. 해당레이아웃 layout.html안에 <div class=favorite> <a href="javascript:bookmarksite('달집', 'http://moonhouse.co.kr')">즐겨찾기추가</a> </div> 3. 해당칼라 css안에 #fa { position:absolute; top:0px; right:0px; } 여기서 top과 right위치 적당히 잡으면서 설정하시면 됩니다. |
Html Tips
홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다
-
No Image
TD안엔 DIV를 넣어라?
아니다. W3C의 어떤 곳에도 저것을 장려하거나 표준에 접합한 방법으로 제시하지 않았다. 하지만... 저것이 당연한 것으로 알고 있는 디자이너들이 너무 많다. 저것이 당연한 것으로 알게 되는 원인은 두가지이다. 1. HTML, XML에 통달한 한 외국 웹 디자이너... -
No Image
제발...alt텍스트와 title텍스트를 구분해조바바
이 일을 하면서 가장 분개하는 것은... 어떤 넘인지는 몰라도... 프로그램 하나 잘못 만들어서... 잘못된 사용법이 기준이 되는 억지의 상황이 연출된다는 것이다. 이미지 태그에 alt="회사소개"를 사용한다면... 이것은 alternative context의 약자로 이미지... -
No Image
태그의 상세분류
먼 HTML을 야그하는데 기초지식이니 머니 주절주절 하냐고 하겠지만, 엄연히 W3C에 의해 규정되어진, HTML뿐만 아니라 SGML, XML등등 이후의 어떠한 웹문서규격에도 공통적으로 규정되어질 것이니, 하찮은 HTML이라 하여 함부로 보지 말것이어다. 태그의 분류 ... -
No Image
DIV - 테이블은 이제 쉬어야할때...
DIV - 테이블은 이제 쉬어야할때... 이해하기 좋은 글 같아서 퍼왔습니다.. :-) 테이블과 div의 조화를 위해.. ^_^/ 출처: http://ilmol.com 테이블은 이제 그만 쉬어야 할 때 - DIV 테이블(html의 table 을 칭함)은 이제 목적 이상의 일을 할 필요가 사라졌습... -
No Image
CSS 속성 (margin, border, padding)
1. Margin (BOX 의 여백지정) { margin-left : 여백값 ; --------> %값이나 길이단위로 표시. margin-right :여백값 ; 여백을 음수값을 주면 요소가 잘리는 현상발생 margin-top : 여백값 ; margin-bottom : 여백값; } - shorthand 로 표기할때 유의할 것 {mar... -
No Image
이미지 없이 라운드 박스 만들기
<html > <head> <style> .rtop, .rbottom{display:block;} .rtop *, .rbottom *{display:block; height:1px; overflow:hidden;} .r1{margin:0 5px; background:#CCCCCC} .r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; ba... -
검색창에 자동으로 한글 나오게 하기
레이아웃.css를 편집기로 열어서 #isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; ... -
No Image
Zbxe레이아웃 간단하게 좌측정렬로 바꾸기
해당 레이아웃의 css를 열어서 15줄 (예; /zbxe/layouts/xe_official/css/default.css) #bodyWrap { width:980px; margin:1.5em auto 0 auto; }를 #bodyWrap { position:absolute; width:980px; margin:1.5em auto 0 auto; } 로 변경하면 됩니다. -
iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스
iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스. 두가지의 조건 1. 같은 서버내의 페이지를 iframe으로 삽입하는 경우. 2. 타 사이트의 페이지를 iframe으로 삽입하는 경우. [같은 서버내의 페이지를 삽입하는 경우] 1. 부모페이지... -
No Image
즐겨찾기 스크립트
FF에서는 즐겨찾기에 추가 자바스크립트가 아예 안 되는줄 알았는데 구글링을 해보니 아주 좋은 소스가 있더군요. ※ 소스: ------------- <script type="text/javascript"> function bookmarksite(title,url) { // Internet Explorer if(document.all){ window...
정말 좋은 정보네요. 감사합니다.