О сайте | Карта сайта | Календарь сайта | Содержание
www.shtogrin.com  
Главная  //  Проекты  //  JsBookmarker

Установка JsBookmarker

Скачать архив jsbookmarker.zip. Он содержит каталог jsbookmarker, разместите его в корне Вашего сайта. Параметры вызова функции bookmark_draw(sites,url,title) приведены в таблице:

Значение аргумента sites функции bookmark_draw() Результат
"" Показывать все сайты, эквивалентно ":all".
":all" Показывать все сайты.
":top" Показывать наиболее популярные сайты.
":rus" Показывать только российские сайты.
Array('digg','google'); Показывать только указанные сайты, список названий в jsbookmarker.js

Если значение url и title не заданы, то используются document.location.href и document.title соответственно.

Установите на каждую страницу скрипт

<div class='bookmark'>
<script type="text/javascript" src="/jsbookmarker/jsbookmarker.js"></script>
<script type="text/javascript">
bookmark_draw(':all');
</script>
</div>

Добавьте стили

div.bookmark            {}
div.bookmark a          {display:block;float:left;border:1px solid #c0c0c0;padding:4px;margin:1px;}
div.bookmark img        {}
div.bookmark a:hover    {border:1px solid #ff0000;}

Примеры

Пример 1:

Код примера 1:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример</title>
</head>
<body>
<h3>Пример использования JsBookmarker</h3>
Простой пример использования <b>bookmark_draw(':rus')</b> без стилей.
<div class='bookmark'>
<script type="text/javascript" src="/jsbookmarker/jsbookmarker.js"></script>
<script type="text/javascript">
bookmark_draw(':rus');
</script>
</div>

</body>
</html>

Пример 2:

Код примера 2:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример</title>
<style>
div.bookmark            {}
div.bookmark a          {display:block;float:left;border:1px solid #c0c0c0;padding:4px;margin:1px;}
div.bookmark img        {}
div.bookmark a:hover    {border:1px solid #ff0000;}
</style>
</head>

<body>
<h3>Пример использования JsBookmarker</h3>
Пример использования <b>bookmark_draw('')</b> с border:1px.
<div class='bookmark'>
<script type="text/javascript" src="/jsbookmarker/jsbookmarker.js"></script>
<script type="text/javascript">
bookmark_draw('');
</script>
</div>

</body>
</html>


2006-2017, Roman Shtogrin