| |
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들을 정리해 놓았습니다
| 번호 | 분류 | 제목 | 조회 수 | 평점 | |||||
|---|---|---|---|---|---|---|---|---|---|
| 15 | css | display 속성: inline, block, inline-block | 1,527 | ||||||
| 14 | css |
CSS 색상 이름 rgb , 16진수 자료( css 색상표 )
|
2,013 | ||||||
| 13 | css |
Hover시 테두리두께 설정
|
3,818 | ||||||
| 12 | JavaScript |
버튼 클릭시 클립보드에 복사하는 방법
|
3,228 | ||||||
| 11 | html | flex로 세로 가로 정렬 하기 1 | 1,399 | ||||||
| 10 | css |
css 사이즈 태그 em, rem, vh, vw, vmin, vmax 정리
|
3,022 | ||||||
| 9 | css |
line-height 와 height의 차이점
|
1,858 | ||||||
| 8 | JavaScript | 현재 시간 실시간으로 카운트 출력 | 1,306 | ||||||
| 7 |
DIV 영역 자체에 링크 거는 방법
|
32,634 | 5.0점 | ||||||
| 6 | css |
스크롤 바(Scrollbar) 스타일링
|
728 | ||||||
| 5 | html |
접기, 펼치기 folding기능 - <details> 와 <summary>로 간단하게 구현하기
|
33,298 | 5.0점 | |||||
| 4 | css |
테두리(border) 상자에 화살표 모양 css로 출력하기
|
986 | ||||||
| 3 | css |
하단 영역을 브라우즈의 최하단에 고정시키는 방법
|
33 | ||||||
| 2 | JavaScript |
잠시 보고 사라지게 만드는 javascript
|
39 | ||||||
| 1 | css |
굵은 폰트만 따로 글꼴 지정하는 방법
|
44 | ||||||
자료가 도움이 되었다면 댓글과 평가 부탁합니다. 
정말 좋은 정보네요. 감사합니다.