Давно я не писал… Делов мильон просто. В скором времени постараюсь исправиться. Так вот речь в этом посте пойдет о прикольном плагине для вордпресса WP-Cumulus. Выглядит он довольно впечатляюще, "облако которое хочется крутить". Я не остался к нему равнодушным и решил разобрать сие вордпрессовское чудо, ведь я не любитель ворпресса, а всобачить куда-то в свои сайты такое чудо хочется. Вот и разобрал это облако по винтикам, чтобы в дальнейшем использовать его в своих нуждах без вордпресса. Итак начнемс…
Сперва определим основные составляющие:
1. Во первых нужен небольшой флеш файлик (весит ~40кб);
2. Во вторых небольшой JS файл (~5кб), этот файл подключаем к странице между тегами <head> </head> :
<script type="text/javascript" src="swfobject.js"></script><div id="tags"> </div><?php
$tags = '<tags>
<a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a>
<a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a>
<a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a>
<a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a>
<a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a>
</tags>';
?>style="font-size: 15pt" является обязательным, определяет высоту текста в облаке.
Для того чтобы посетители у которых не установлен flash или отключен JS в браузере увидели что там находится облако тегов можно вставить код вывода облака тегов в начало нашего слоя (div id="tags"):
<?php
echo $tags;
?>Или же просто написать сообщение типа "Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script". Как раз фишка заключается в том что если у пользователя установлен FlashPlayer и включен JS в браузере, то ему выведется это красивое облако тегов, а если нет, то это предупреждающее сообщение.
Теперь самая главная и сложная строчка для вывода тегов:
<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");
widget_so.addVariable("tcolor", "0x333333");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>");
widget_so.write("tags");</script>Где:
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); - Основные параметры облака, "tagcloud.swf" – путь к флеш файлу, "230" – ширина, "140" – высота, "9" – не знаю за что отвечает эта цифра, "#ffffff" – цвет фона облака;
widget_so.addVariable("tspeed", "115"); - Определяет скорость вращения облака, менять надо только цифру 115;
widget_so.addVariable("distr", "true"); - Если true заменить на false, облако примет немного другой вид;
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); - Указываем ссылки которые мы сформировали в переменно $tags и кодируем их в безопасное представление с помощью PHP функции urlencode();
widget_so.write("tags"); - Указываем ID слоя в котором будет располагаться наше облако тегов, в нашем случае это tags.
widget_so.addVariable("tcolor", "0x333333"); - Определяет цвет тегов в облаке.
С остальными параметрами не разбирался и не знаю что они обозначают.
И вот теперь полный рабочий код нашего распрекрасного облака тегов, остальное можно было не читать ):
<html>
<head>
<title>Красивое облао тегов</title>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<div id="tags">
<?php
$tags = '<tags>
<a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a>
<a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a>
<a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a>
<a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a>
<a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a>
</tags>';
?>
Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script.
<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x333333");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>");
widget_so.write("tags");</script>
</div>
</body>
</html>Сохранить надо это как php файл (с расширением .php) и запускать на своем локальном денвере или на хостинге. Вот что получается.
Как это натянуть на свой сайт или на другой движок думаю разберетесь если конечно шарите в PHP. Например я натянул это облако на Drupal и теперь это облако красуется на моем новом сайте о CSS, щас допишу эту статью и напишу о том как присобачить это к Drupal. Вот написал. Знаете еще интересные фишки сайтостроительства? пишите мне, разберу по частям и напишу об этом пост, если конечно это будет действительно интересная штука.
У меня открылись глаза на мой блог: дизайн – ГАВНО, читабельность – ХРЕНОВАЯ. Так что вскоре нарисую новый дизайн, надеюсь буду побольше писать и займусь раскруткой своего веб-контентно-технического творения (блога этого) для дальнейшей его монетизации.
coool)
А как поменять цвет текста?
widget_so.addVariable("tcolor", "0x333333");
"0x333333" - цвет тегов
Таблица html кодов цветов, буквенное написание и коды цветов в RGB
http://mnogonet.ucoz.ru/index/0-19
http://mnogonet.ucoz.ru/index/0-16
сохранил .php - не работает.
Работает только как в Вашем Примере "Вот что получается" код - он у вас там отличается:
---
Толко там крякозяблы - что там вместо них?
Исправил, пробуйте. Ваш код удалил, он все равно не полностью отобразился.
И я натянул это чудо на свою cms r3-born.
Спасибо.
да кстати.
"9" – не знаю за что отвечает эта цифра
похоже что это "минимальная версия флешплеера"
А можно как нибудь без php, чисто на java!(не обязательно облако тегов, главне это эффект)
urlencode() Альтернативу этой функции на js если знаете, то можно.
Добрый день!
У меня ваш пример на моем хостинге работает, но кодировка при этом неверная. В чем может быть проблема?
Здравствуйте Fizigr, насколько я вижу на вашем солнечном сайте все впорядке с кодировкой. Чтобы небыло проблем с кодировкой поставьте кодировку UTF-8 и не забудьте страницу сохранит в этой же кодировке.
"Знаете еще интересные фишки сайтостроительства? пишите мне, разберу по частям и напишу об этом пост, если конечно это будет действительно интересная штука. "
Google Analytics for WordPress
http://wordpress.org/extend/plugins/google-analytics-for-wordpress/
Интересно snfobnm Google Analytics к себе на сайт.
F-torg я по английски не бум-бум, так и не понял что это за тема. Жду разьяснений... Можно и в ICQ
Google Analytics - мощная система для сбора статистики о посещениях сайта. Адрес: http://www.google.com/analytics/ru-RU/. Дополнительное описание некоторых частных возможностей: http://www.profithunter.ru/putevye-zametki/delnye-sovety-po-ispolzovaniy....
Есть плагин для Wordpress? который "вытягивает" статистику из GA на сайт на базе Wordpress. Было б интересно "вытянуть" её без привязки к конкретному движку.
С технической стороной я не помогу, но если чем другим - email указан.
F-torg все уже сделанно...
Посмотрите тут - http://designformasters.info/posts/site-stats/
Wincert, с статье сказано, что подключаются плагины для WP или Drupal, а потом настраивается страница для вывода. Для сайта на другом движке "создайте плагин по аналогии". Легко ли создать - ещё не смотрел.
F-torg там есть ссылка на такой вот скрипт - http://code.google.com/p/site-stats/
Сам не смотрел, не вижу пока в этом необходимости для себя, мне пока почему-то хватает liveinternet. С реализацией как я понял не все так просто как кажется, но все решаемо, этот скрипт, вышеуказаная статья и гугл вам помогут.
Спасибо за идею, но реализизовывать это не вижу смысла т.к. есть плагин для друпала и вордпреса.
Wincert, спасибо. Я просто полазил по инету... в конце концов все решилось использованием iconv.
Так без недостатков достоинства незаметны :)
Вообще, когда читаешь такое, посещает мысль, а ведь это ж так просто, ну почему я это не смог придумать
Дурное употребление материальных благ зачастую является вернейшим путем к величайшим невзгодам.
Люблю сообщения в таком духе! Спасибо :)
Я практически случайно зашел на этот сайт, но вот обосновался тут надолго. Задержался, потому что все очень интересно. Обязательно скажу о вас всем своим приятелям.
Увлекательно. Автору, как говорится, респект.
я немного не допонял, по поводу 2х файлов,если можно, напишите в какой строке прописать к ним путь.
вообще, я кинул их в корень, прописал путь, там где они отображены в коде, но у меня в этом блоке отображается только текст "Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script.", хотя пример на сайте отлично отображается. да и php формат ввода выбрал.
Спасибо автору за код, все работает но не так как хотелось, короче говоря один текст не выводится, то есть есть 5 слов, а выводит только 4, не именно какое то слово, а какое то случайное слово не выводится, в чем проблема? помогите!
Кодеровка тут чето ошибку выдает!!
У меня не отображается русский шрифт...( В чем может быть дело? Английский отображается, а русский нет
a1ma2 в кодировке, попробуй сохранить страницу в UTF-8
Спасибо. Попробую.
1. А русский шрифт поддерживается?
2. Ссылочку на "флеш файлик" поправьте пжлст.
А так Акуени Облачко!
очень понравился CSS и картинка для комментариев. А можно сплагиатить? :)
Гость, конечно нет.
Здравствуйте!
Помогите пожалуйста!!!!
Офигенно понравился снипет. Я его вставил в друпал на локалке (под денвером) и все работало. Когда перенес сайт на сервак (мастерхост), то в версии 6.6 все работало тоже, но были другие глюки.
Обновил версию до 6.9 и заодно обновилось ПО с php4 до php5, из-за чего друпал стал выдавать ошибку про временную папку. Исправленно тем, что в настройках друпала (файловая система) указана временная папка не /tmp, а:
/home/u48790/nashko.ru/tmp
И я так понимаю, именно после этого у меня перестало работать облако тегов 3Д. Других существенных изменений я не проводил.
Перестало работать - это вместо самого облака выводитя часть пхп-кода снипета :(((
Посмотреть можено тут http://nashko.ru/ - в левой колонке сразу видно.
Не понимаю в чем дело, где ковырять?
Буду рад любой помощи.
Денис, я так понимаю проблема решена?
Wincert, и все же есть ли возможность использывать плагин без php?
Я меня просто нет к php доступа :(
Создан форум на чужем хостинге и мне доступны лишь html, js, swf...
Заранее благодарен.
Banzaika, можно конечно, но ты преобретешь много гемороя.
Тебе все равно придется найти где-нибудь php (установи себе на комп денвер), чтобы собрать строчку с тегами которую делает функция urlencode($tags). Собираешь ее вручную на денвере и вставляешь куда положенно.
когда пишешь
widget_so.addVariable("distr", "true"); - то из созданных ссылок отображается все минус одна
если поставить false отображаются все, но облако крутиться по другому.
как исправить. или в чем смысл. по ходу при значении true Идет случайная выборка из ссылок.
Доброго времени суток Winсent.
Хотел попробовать установить твоё облако тегов, но только я не очень в программировании и не пойму куда установить флеш файл и js файл.
Не подскажешь что с ними делать.
Буду признателен за ответ.
Андрей, в статье же все написано, дан пример http://w-blog.ru/myfiles/swfplagin/tags.php - посмотри его исходный код.
Дело в то то что в статье написано, я не совсем понимаю.
Был бы признателен если бы ты объяснил так сказать на пальцах.
Извини моё невежество но я не пойму как подключить к странице js файл
и куда приткнуть tagkloud.
Андрей, я все таки настаиваю на том чтобы ты прочитал еще раз внимательно статью и посмотрел исходный код примера что я указал выше, там очень хорошо видно как подключить JS файл и куда приткнуть tagcloud.swf. Затем с вопросами велкам в асю http://w-blog.ru/contact
Добрый день! Спасибо тебе огромное за то, что раскрыл тайну сия облака красивого))) Но теперь все таки вопрос, который уже правда задавался, но тем не менее: вообще никак нельзя заменить "<?php echo urlencode($tags); ?>" ? Просто сайт написан на технологии ASP.NET, хостинг по умолчанию php не есть вообще)) Может быть как-нить исхитриться и составить файл вручную и подсунуть в каком-нить формате. Не подскажете как?)
rapida, я с ASP не знаком, полюбому можно на нем как то сделать. Спроси на каком нибудь ASP форуме.
как же все таки сделать чтобы все ссылки подряд отображались, а не выборочно?
А можно вместо слов сделать картинки, что бы они летали и так же ссылки были на что то???
а то у меня не получилось. может и нельзя. хз, хз...
А без php обойтись можно было?
Wincert ненадо юлить, причем сдесь ASP заменть java script и все. Мало ли на каком языке написан сайт.
Люди, а никто еще не разобрался как сделать что бы все теги выводилиьс а не без одного. Там какой то метод рандомный, но такое ощущение что где то есть "-1" и он выводит на 1 тег меньше. х_О
Я думаю собака зарыта где то здесь:
var rnumber = Math.floor(Math.random()*9999999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "650", "570", "9", "#ffffff");
Менял параметры по всякому но эффекта никакого - либо на 1 меньше либо вообще не выводит. =\
Я разместил облако тегов на свой сайт...НО! Я не могу выбрать что он именно будет крутить! Крутит по облаку как в образце! помогите! Как вставить свои ссылки? Сайт находится на ucoz'е.
Гость
в php файле ищи кусок:
<?php
$tags = '
Wincert
Мой блог
Крутой сайт о CSS
Веб разработчик
Интересное
';
?>
Вот это и есть ссылки которые надо менять на свои. только облако выводит на 1 ссылку меньше, хз почему?
Там теги
Респект за скрипт всё работает только между подключи java скрипт
Огромное спасибо!!!! долго парилась с другими описаниями...
сначала тоже фигня выходила из-за невнимательности, а потом все ок.
поставила на сайт человеку это облачко. сейчас в офис придет будет ему сюрприз...
надеюсь что он его порадует.
спасибо все суперЪ
все оказалось просто. поставила на друпале...
теперь себе на юкозу буду ставить =))
Спасибо за облачко, на PHP нашёл только здесь. Сутки парился с установкой, русские буквы были в крякозяблах. Код на этой странице и в примере разные, и работает только тот, который в примере, но он закодирован. При раскодировке перестаёт работать. После кучи экспериментов получилось так: Код с этой страницы копируем в блокнот и сохраняем в UTF-8. После чего можно вставлять в макромедию и всё работает.
При установке скрипта на свой сайтик проверьте правильность URL к файлу tagcloud.swf.
У меня так сработало, при кодировке windows-1251 deck53 надоумил
widget_so.addVariable("tagcloud", "<?php $tags=iconv("windows-1251","UTF-8", $tags);echo urlencode($tags); ?>");
widget_so.addVariable("tagcloud", "<?php $tags=iconv("windows-1251","UTF-8", $tags);echo urlencode($tags); ?>");
эти 2 строчки спасли мне жизнь! спасибо всем - и создателю, и тем кто придумал эти замечательные строчки))
По поводу "widget_so.addVariable("distr", "true"); - Если true заменить на false, облако примет немного другой вид;"
Помимо того, что облако примет другой вид, так же начнет отображаться более 4-х позиций. Что не происходит если стоит значение true!!!
Найти бы еще возможность регулирования шрифта.. Если сделать окно побольше, то шрифт пропорционально растет...а если этого совсем не нужно?))))
В любом случае, спасибо тем, кто и сочинил это и тому, кто это дело тут разложил по слогам и выложил для безвозмездного пользования.
Iveril
У ссылок (тег а) есть такое: style="font-size: 15pt"
Думаю намек понят.
Все установил, все прекрасно работает.
Автору - респект!
Но возник вопросик, как сделать фон не белым а картинку? Или прозрачный?
Флеш файлик открыть не получается. .js - я не шарю совсем.
Подскажите плиз.
dozornuy
Скорее всего никак не сделать картинку фоном, там можно указывать только цвет фона.
widget_so.addParam("wmode", "transparent"); делает фон прозрачным
Помогите решить проблемку, как реализовать этот скрипт чтоб вместо текста плавали картинки....
Такое я уже видел но создать так и не получилось....
У кого есть какие мысли по этому поводу давайте объединимся!
Администратор!!
Подскажите пожалуйста:
1) как поставить русскую кодировку?
2) поделитесь гостевой книгой...точнее как сделать чтобы сообщения выводились в таком прикольном окошке!!!
Спасибо заранее!!!
Юрий
Не знаю, надо пробовать, у меня щас на это нет времени.
Евгений
1) Сохраняете страницу в кодировке UTF-8
2) Нужно изучить искусство верстки сайтов и CSS, и тогда вы сможете делать и не такие прикольные окошки.
не работает....
не может кто нибуть кинуть паку с рабочей страницей?
neiromanser и neiromanser
http://w-blog.ru/myfiles/swfplagin/tags.php
А это что?
Автору респект и уважуха. Очень помог разобраться с этой заманухой. Все работает отменно !!!!!!!
Для ModX подойдет?
Я уже день просидел над этим скриптом и никак не могу понять чаво он не пашет(( Wincert Мой блог Крутой сайт о CSS Веб разработчик Интересное ;?>' Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script. и всё((( что не так? Код полностью скопирован)
Файлик ваш по это ссылке http://w-blog.ru/myfiles/swfplagin/tagcloud.swf не качается. Посмотрите.
А как такую прелесть на DLE сделать?
Евгений
Не обманывай, качается.
Гость
Изучить DLE и сделать.
Сумел поставить плагин на народ.ру :) Ознакомтесь: http://a-surf.narod.ru/oblako_tegov.htm
(кстати, там поставлена прямая сылочка на эту страницу)
P.S. не думаю что это говнокомент, который следует удалить.
Так и не поняла кодирповку то как поменять? Не получается у мну, я iconv не разу не пользовалась:(
Trinithy
Здесь не нужен iconv(), сохраняйте страницу в utf-8 и все будет работать.
Спсибо, Аффтор!!! Мне очень понравилось и все получилось!!! Так же, спасибо всем комментаторам, которые ответили на доп. вопросы заранее!!! ))) Спасиб! ) Открою сайт с реконструкции - как нить пропиарю вас)
Wincert, огромное тебе спасибо! Замечательная статья, отлично изложено. Кстати, может кому пригодится, цвет выделения ссылок (hover) задаётся так:
widget_so.addVariable("hicolor", "0xFFFFFF");
Да хорошая статья,мне как-то друг говорил за это облочко,типа понравилось ему,а тут как раз статейка такая.
Ну вобщем я поставил себе на двиг без проблем,но это можно и модифицировать,сделать вывод тэгов динамическими,ну типа в каком разделе сайта юзер находится,теги по теме показываются,подключить БД,и добавить пару строк к коду.
Очень хороший элемент дизайна! Что касается перекодировки, то просто изменение в charset страницы значения на utf-8 эффекта не даст ,и, если iconv()не работает на локальном сервере, то можно воспользоваться функцией перекодироки:
function win_utf8 ($in_text){
$output="";
$other[1025]="Ё";
$other[1105]="ё";
$other[1028]="Є";
$other[1108]="є";
$other[1030]="I";
$other[1031]="Ї";
$other[1111]="ї";
for ($i=0; $i191){
$output.="&#".(ord($in_text{$i})+848).";";
} else {
if (array_search($in_text{$i}, $other)===false){
$output.=$in_text{$i};
} else {
$output.="&#".array_search($in_text{$i}, $other).";";
}
}
}
return $output;
},а в JS: widget_so.addVariable("tagcloud", "<?php
$tags = win_utf8 ($tags);
echo urlencode($tags); ?>");
oscar037, подскажите пожалуйста, а куда эту функцию вставлять?
разобралась))))
Здравствуйте! А возможно ли привязать облако на Я.ру ?
на самом деле прикольно. надо будет себе на блоге такое сделать, а то все думал-думал, как эт такой скриптик написать (было дело - пробовал, но... увы!). оч полезная вещь. еще бы кто сказал,как сделать такое в 3д (я где-то видел такое)? буду очень признателен!
Здравствуйте! У меня почемуто не работает облако тегов с моими ссылками, я не поняла насчет вот этого:
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); - Указываем ссылки которые мы сформировали в переменно $tags и кодируем их в безопасное представление с помощью PHP функции urlencode();
С вашими кракозябрами и ваши 4 ссылки работают, а вот если я свои к примеру 10 штук решила добавить, то как мне кодировать эти ссылки с помощью PHP функции urlencode(). Что конкретно надо делать для того чтобы вместо ваших крокозябр появились мои? Я в PHP - чайник.
Не отображает вообще у меня облако тегов, вместо него пустое белое поле. Что делать не знаю, помогите пожалуйста! Когда копирую исходник "Вот что получается" с крокозябрами - то у меня отображается ваше 4-ех теговое облако. А когда своих 15 ссылок вставляю и в документе пишу:
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>");
-вот эту строчку вместо ваших крокозябр, то у меня ни хрена не отображает!!!!!!!
Что делать? Я уже весь интернет излазила ничего подобного найти немогу!!!!! Пожалуйста помогите!!!!!! У меня сайт в html незнаю как к нему php подключить чтобы теги отображались.
Гость
Вам нужно включить обработку php кода в html файлах, для этого в .htaccess пропишите следующие строки:
RemoveHandler .html .htm .shtml
AddType application/x-httpd-php .php .htm .html .shtml .phtml
Уважаемый Wincert!
Мой сайт расположен на сервисе jimdo и соответственно функционирует по этой технологии. Возможно ли как-нибудь разместить облако тегов на этом ресурсе и что для этого необходимо сделать. Заранее благодарен!
Уважаемый Wincert! Я сделала так как вы мне посоветовали: создала файл .htaccess
в корневой папке сайта и прописала в нем:
RemoveHandler .html .htm .shtml
AddType application/x-httpd-php .php .htm .html .shtml .phtml
Но к сожалению мне это не помогло. Теги на белом фоне упорно не хотят появляться.
Непонимаю что я сделала не так, вроде бы все правильно. Может еще что-то надо в .htaccess файле написать. Хрен знает, я уже замучилась. Ну хоть кто-нибудь подсказал бы у кого получилось, разжевал бы пошагово. Или это я такая тупая. В поисковиках на эту тему одна теория, без конкретных каких- то примеров. Теги с завидной упорностью настаивают на своем отсутствии!!!! Помогите плз!!!!
Все перепробовала уже, функция echo urlencode - не хочет работать. Помогите разобраться: что не так?:
в документе index.html:
Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script.
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x935C4D");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>");
widget_so.write("tags");
в документе tagsclouds.php(может документ нужно как то по другому переименовать?):
<?php
$tags = '
Wincert
Мой блог
Крутой сайт о CSS
Веб разработчик
Интересное
';
?>
в файле .htaccess:
RemoveHandler .html .htm .shtml
AddType application/x-httpd-php .php .htm .html .shtml .phtml
Или еще что то надо добавить? помогите пожалуйста!
Попробовал асю, но че-то не фурычит....
нашел баг, думаю будет интересен...
Если на сайте стоит скрипт SpyLog то в IE наблюдается баг - флешечка загружается, но теги не отображаются... однако это при условии того, что скрипт спайлога стоит НИЖЕ скрипта тегов... если сначала выгружается спайлог, то теги отображаются... Почему так понять я не смог, видать спайлог переопределяет параметры флеш объекта... пробую лечить, пока успехи минимальны, поэтому если пост дойдет до сдешнего содержателя то прошу его принять участие в разрешении этого касяка...
<<Все перепробовала уже, функция echo urlencode - не хочет работать. Помогите разобраться: что не так?:
в документе index.html:>>
Решил немного снять напряженку с разъясненями с автора...
пишите в асю - 5ять,5ять,4етыре,н0ль,в8семь,7емь,9вять,1дин,7емь
Anguis
Возможно есть конфликт между этими двумя JS скриптами, какой и как исправить? Это я уже не знаю. Решение простое: не использовать SpyLog, альтернатив очень много.
Та же проблема, весь сайт нормально, а теги кракозябриками
Эх.. не могу я не использовать спайлог... скорее могу не использовать этот плагин... ибо владелец сайта не я, я лишь разработчик... ну буду искать иные решения... чего уж тут...
С траблами по кодировкам и прочей работоспособности плагина можно мне в аську стукнуть - помогу чем смогу, аську оставил в предидушем посте...
Привет!
Wincert, Огромное спасибо за информацию! респект!
В php все работает четко.
Хотел спросить: как вставить облако для html страницы? Сейчас заканчиваю работу над сайтом и моей радости не будет предела, если в выделеном месте появится облако!
Коменты вроде почитал, но если вдруг упустил и эта тема обсуждалась - скиньте, плиз, дату поста...
Еще раз ОГРОМНОЕ спасибо!
добавляем в фаил .htaccess строку:
AddDefaultCharset UTF-8
и все работает. (Кодировка)
У меня возник вопрос: я работаю с фреимами, скрипт этот, из одного фреима, должен изменять другой. Т.е. при нажатии на ссылку тэга во фреиме А, во фреиме В должна загрузиться домашняя страница. Как это сделать. Поскажите!
походу если ставить widget_so.addVariable("distr", "true");
в true, то будут отображаться ссылки на одну меньше, при false все ссылки присутствуют, может кто прояснит плиз
и поддержу предыдущего как передать нажатие ссылки в другую страницу
Картинки комментария супер но я такие уже видел на многих сайтах ( плагиат... Только где ?)
Автор
widget_so.addVariable("tagcloud", "<?php $tags=iconv("windows-1251","UTF-8", $tags);echo urlencode($tags); ?>");
Ты БОГ!
widget_so.addVariable("tagcloud", "<?php $tags=iconv("windows-1251","UTF-8", $tags);echo urlencode($tags); ?>");
Спасибо! Дополните в полный текст, пожалуйста, с указанием автора.
Предлагаю прогон вашего сайта по 3000+ каталогам.
Первый (более дешевый) - 3$ (Вы сами придумываете названия и описания вашего сайта (около 50-100 штук))
Второй (более действенный) - 6$ (Я сам подбираю около 200 названий и описаний Вашего сайта и подбираю нужные рубрики)
Тем, кто заказывает более 3-х сайтов - хорошая скидка на прогон.
Связаться можно:
ICQ - 436652281
E-mail - info@supersait.biz
Спасибо, именно его я и искал!!
Нашел конечно не с первого раза но лишь потому что не знал как называется ета штука:)
Класс, уже побежал натягивать на свой саит)))))
lethal
]]>
для этого вроде есть у ссылки атрибут, который определяет в каком именно фрейме будет грузиться запрошенная страница
а где флэш файл на который ссылка??? нету его.. а без него не идет..
вроде все работает, по крайней мере ошибок не выдает..но пишет что флэш ролик не загружен..
Ребят Добрый День!
Облако просто супер, на PHP реально тока тут есть описание. Автор - огромный респект!
Но имеется один проблем...
Суть: на главной странице, где щас висит облако - проблем никаких, но если пытасю пихнуть на другую страничку - ОБЛОМ ПОЛНЫЙ!
Например, есть папка "cat/index.php" и корневуха. В корневой папке лежит index.php (из него -> include "tags.php"; ) флешка, tags.php со скриптом и настройками и .js для флешки.
Если я из папки "cat" ссылаюсь на tags.php c помощью include "../tags.php"; ниче не происходит. т.е. видно что он оставляет поле под флешку но ее там нифига нет...
Подскажите как быть?
И еще один момент.
Я где-то видел скрипт на ПХП для выявления "реального" облака меток, которое основано на релевантности и количестве повторений слов.
Так вот, что я подумал - может совместить эти два скрипта? получится не только красиво, но и seo-правильная штука.
Если вместо
$tags = '
Портфолио
...
';
воткнуть ссылку на скрипт (или прям сюда его встроить) по вычислению тегов (и ессно адаптировать их вид к нужному нам), то оно еще и автоматизируется докучи.
как только сделаю - обязательно сообщу сюда :)
натянул на свой ресурс, доволен)))))))
тем у кого не качается флэшфайл: попробуйте скачать зайдя с другого браузера, мне помогло по крайней мере))..
автору респект))
А кто-нибудь решил уже проблему с одной невыводящейся ссылкой??
может кто знает как подсказки к ссылкам в облаке сделать и задать им цвет? поделитесь плиз?
Супер! Вставил в свой сайт в качестве облака ссылок (на внешние русурсы)... Но есть трабл... При клике на ссылку, последняя открывается в том же окне, а не в новом :(
Вопрос к автору: что следует поправить, чтобы ссылки открывались в новом окне?
Заранее огромное спасибо за ответ и респектище за это чудо!
Блин белое окно получается ...
у меня на сайте не отображается облако тегов, ни в мозиле ни в експлоере, что мне делать, сайт http://bigmany.net/page1.php
Отличный плагин!!!
Автору огромное спасибо!!!
Проблему кодировки решил так:
$tags = toUnicodeEntities('
...
...
Ваши ссылки между тегами tags
...
...
');
function toUnicodeEntities ($text, $from="w") {
$text = convert_cyr_string ($text, $from, "i");
$uni="";
for ($i=0, $len=strlen($text); $i<$len; $i++) {
$char=$text{$i};
$code=ord($char);
$uni .=($code>175)? "&#" . (1040+($code-176)) . ";" : $char;
}
return $uni;
}
Функцыя универсальная работает везде не зависемо от Вашей кодировки, придумал не я, списал с книжки, так же использую её для написания русскими шрифтами на картинках в пхп.
Спасибо огромное автору за статью и Дмитрию за кодировку))))
Спасибо огромное за сей чудо скрипт! Все работает!!!!!!
Только вот вопрос, как сделать, чтоб слова летали не так кучно, нужно разбросать их примерно равномерно по области 600 на 180 px, просто задать нужные значения в var widget_so = new SWFObject(...) не помогло
И как шрифт поменять, подскажите пожалуйста.
Вот если бы кто рассказал, как его прикрутить к трекеру - было бы замечательно. Если кто отпишится - заранее благодарен.
Не качается флешка http://www.w-blog.ru/myfiles/swfplagin/tagcloud.swf
Пробовал и с Оперы и с Осла заходить - один фиг, открывает тупо серый фон и все, пишет ,мол страница загруилась "готово" , а скачка не идет.
Чушь собачья! Приведенный код не будет работать, так как нет вывода тегов
<?php
$tags = '
Wincert
Мой блог
Крутой сайт о CSS
Веб разработчик
Интересное
';
?>
Прошу прощения, все кул!!! :) постигла слепота, удалите плс пост
у меня чтото ето облако cтановиться не кликабельним, если указивать ссилки не на страници сайта а на картинки. ето можно както исправить??
Респект аффтору, но у меня перед облаком почему появляется вот такая загагулина п»ї
как решить???
многие заметили что на этой странице и на "Вот что получается" код разный.
первая неработает,а в примере непонятные карякулы.
я со всем разобрался этим.
моя инструкция:
1.вот код
Красивое облао тегов
Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script.
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x333333");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "");
widget_so.write("tags");
2.всё что остаётся вставить между ваши ссылки но не просто
Wincert
2.1нам надо этот текст перевести в карякулы.
для этого я просто вставляю ссылку(Wincert ) в поле поиска по яндексу и ентер.
2.2.после чего в строке где ссылка появляются именно те карякулы которые нам нужны,а именно нам нужно то что содердится между http://yandex.ru/yandsearch?text= и &lr=2
а именно %3Ca+href%3D%22http%3A%2F%2FWincert.ru%22+style%3D%22font-size%3A+15pt%22%3EWincert%3C%2Fa%3E&clid=9582
вырезаме содержимое
2.3.вставляем её(%3Ca+href%3D%22http%3A%2F%2FWincert.ru%22+style%3D%22font-size%3A+15pt%22%3EWincert%3C%2Fa%3E&clid=9582) между
3.всё.сохраняем в php.
мистека, но меня спасло
var rnumber = Math.floor(Math.random()*9999999);
из последнего поста, при том что до того ничо не помогало. я вшоке, чел я те покланяюсь
Тоже мучалась) целый день)) Статья очень хорошая, спасибо автору. Насколько я для себя поняла, код в скрипте не работает из-за пробелов между строчками (когда мы смотрим исходный текст "вот что получилось" там без пробелов). Как только ставишь нечаяно пробельчик, облако исчезает!
Поставила на народ, можете посмотреть, там без кракозябр - http://gr1631.narod.ru/news.html
Если кто умеет изменять цвета слов в облаке (каждое чтоб разным цветом было), подскажите пжалста, а то пока не получилось.
А проблему с теряющейся случайно ссылкой не решили еще?
Hunter, у меня тоже исчезают. Может быть как-то влияет загадочная цифра 9? (((var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");)))
Вот ещё проблемка с кодировкой... на локалке через денвер, данный код проглотил с помощью .htaccess файла в корневой папке (прописал в нём AddDefaultCharset UTF-8 ), а вот на хосте нехочет сайт фурыкать с этим фалов в корневой... я на хосте 1gb.ru .. паможите еси кто знает что....
Вот такую выдаёт ощибку с этим файликом в корне:::
!!!!!!!
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, [no address given] and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Apache/2.2.14 (Unix) mod_fcgid/2.3.5-dev Server at ghostig.ru Port 80
!!!!!!!!!
Решил решение проблемы для тех кто хочет облако, но никак неможет победить кодировку:
Такоеже облако, только из картинок =)
Красивое облао тегов
http://orlenok.do.am/k-lite_codec.png
http://orlenok.do.am/Nero.png
http://orlenok.do.am/nod32.png
http://orlenok.do.am/Opera.png
http://orlenok.do.am/total_commander.png
http://orlenok.do.am/Download.png
http://orlenok.do.am/Alcohol.png
http://orlenok.do.am/Kasper.png
http://orlenok.do.am/Firefox.png
http://orlenok.do.am/aimp.png
var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud =
'';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += ''+ eTagz[i].innerHTML + '';delete eTagz;flashvars.thumbcloud += '';var params
= {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes =
{};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF
('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params,
attributes);
Ребят, как прикрутить его на vbAdvanced - форум от vbulletin?
Не работает нивкакую. :(
Большой респект
Спасибо, все заработало и даже на русском (cp1251)
www.remsotel.ru
А что делать, если нужна квартира на сутки в Минске?
Ураааааааа!!!=)))))) Очень долго мучился, читал комментарии, исправлял, смотрел! И в итоге получилось! Автор молодец)). Еще очень помог комментарий Karamelkina посмотрел ее облако и сделал все наподобие! Думаю нужно взять ее вариант облака и разместить в статье. Потому что работает и проблем нет никаких с кодировкой!...
Вопрос: это можно как-то иначе на оптимизировать (возможно на js)? Дело в том, что у меня с пхп есть трабл.
Привет всем!
Без php можно реализовать облако тегов. Для облака тегов из php берется только функция urlencode, аналог которой в javascript можно найти здесь http://phpjs.org/functions/urlencode:573 и перекодировать с помощью нее список ссылок.
И по поводу отображения всех ссылок (а не без одной) - я поменял параметр widget_so.addVariable("distr", "true"); на
widget_so.addVariable("distr", "false"); и у меня стали отображаться все ссылки.
1. Во первых нужен небольшой флеш файлик (весит ~40кб);
Не качается флешка http://www.w-blog.ru/myfiles/swfplagin/tagcloud.swf
НЕХРЕНА НИЧЕГО НЕ КАЧАЕТСЯ!
Че за тупая привычка, лить воду и при этом, выкладывать битые ссылки?!
Автор, огромное тебе человеческое спасибо!
Автору и всем кто участвовал - спасибо.
И пару вопросов:
1. Кто-нибудь умудрялся туда не только текст, но и картинки впихнуть, чтобы они там среди всего этого безобразия плавали?
2. Иногда при формировании облака ссылки налезают друг на друга. Как лечить?
В догонку
Ссылки начинают кучковаться при
widget_so.addVariable("distr", "false");
а при
widget_so.addVariable("distr", "true");
одна выпадает :(
Как сделать, чтобы ссылки были все, но не сбивались в одну кучу?
НЕ работает ссылка "флеш файлик"
Ребят,а никто случайно не ломал голову над тем,что-бы управлять ссылками в облаке (добавлять,менять и т.д.) можно было-бы не только непосредственно в кодировке страницы, но и из базы данных. У меня пока ничего не вышло с этим. Может кто уже достиг удачи в этом вопросе - просветите плииз.
Слушай, мне нравится, щас присобачим к себе на сайт=) спасибо))
Не присобачивается=(
Сохранила как П-аш-п, а он открывает просто как ссылки, не облачком.=( Обидно,да?
мож пора учить PhP
[IMG]http://web-mastery.info/up/design/img/smiles/big-smile/smile-3.png[/IMG]
Реализовал у себя на сайте http://www.webdizn.ax3.net
Кстати цифра 9 обозначает максимальное количество тегов. Как мне кажется.
Красивое облао тегов написал облао ,а надо облако!
Красивое облао тегов написал облао ,а надо облако!
Отличная штука, спасибище!
Почему у меня русские буквы отображаются в виде иероглифов?
Здравствуйте.
У меня вопрос.
В вашем облаке тегов, можно использовать в качестве ссылок якоря.
Гость, да, якоря указывать можно.
а я вообще к html приспособил !!!!!
Гляньте пожалуйста, что не так: http://le1bl76.3dn.ru/
Скопировал код с сайта Карамелькиной http://gr1631.narod.ru/news.html, оттуда же качнул tagcloud.swf, прикрутил это все в свой блок - наконец-то все заработало.
Я успокоился, прикрутил до кучи туда картинку... Синтаксис старался не менять, пробелы лишние не вставлять.
И вот обнаружил спустя несколько часов, что ссылки перестали работать!
Посмотрите исходный код - что где не так? Или - как это лечить?
оптимальный вариант.... с прозрачностью
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "270", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");
widget_so.addParam("wmode", "transparent");
widget_so.addVariable("tcolor", "0x333333");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<?php $tags=iconv("windows-1251","UTF-8", $tags);echo urlencode($tags); ?>");
widget_so.write("tags");
Master
а кгде у тя строка после
страница сьедает надпись)))
(script type="text/javascript" src="swfobject.js">
Здравствуйте.
У меня вопрос.Как на Narod залить?
Что-то никак не разберусь: на сайте http://ggs.ucoz.ru/ этот код работает,
на сайте http://le1bl76.3dn.ru/ - не работает!
Специально взял и со второго скопировал в первый, поменял только ссылки на tagcloud.swf
Оба сайта с Юкоза. На первом ссылки открываются, на втором нет...
В чем причина?
Вроде разобрался. Заработало, когда убрал из ссылок www.
И вот еще что оказалось - так как сайт открывает одни и те же страницы по разным ссылкам, то на страницах, имеющих префикс "www." в облаке ссылки не работают, так как в коде ссылка на страницу без префикса "www."
ОГРОМНОЕ СПАСИБО!
помогите решить некоторые проблемки
1-поменял параметр
widget_so.addVariable("distr", "false");
чтобы не пропадала ссылка, но некоторые ссылки стали летать какбы парами.
как их получше зарандомить?
2-поставил на сайт как вреппер как сделать чтобы после перехода по ссылке лиобо открывалось окно поверх моего, либо открывалось отдельной вкладкой???
вреппер открывает содержимое внутри страницы, а так как ссылка ведет на этот же сайт, все выглядит не очень красиво, можно внутри таких сотни пооткрывать, как в зазеркалье, глядите чтобы понять =)
http://www.dobermann-cstrike.ru/index.php/adminss
заранее спасибо
з.ы:
>>>var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); - Основные параметры облака, "tagcloud.swf" – путь к флеш файлу, "230" – ширина, "140" – высота, "9" – не знаю за что отвечает эта цифра, "#ffffff" – цвет фона облака;
9 - по моему это версия поддерживаемого флеш плеера. поставьте цивру большую чем у вас флеш плеер и выскочит сразу известно какое сообщение.
=) я так и написал
Я что-то так и не понял как его правильно присобачить к MODx. Я все сделал, облако работает, только не получилось сделать это динамичным через плагин TvTagCloud. То есть приходиться вручную писать это все дело в PHP. Может кто поможет, сейчас(2.05.10) статичный пример есть на моем сайте http://oros.kiev.ua/. Помогите пожалуйста
Здравствуйте! В предыдущем посте я спрашивал как сделать это на Modx - И Я ДОПЕР!!!
Хочу помочь остальному народу так-вот:
Настраиваете теги в модх (Статья - http://modx.ru/blog/add_tags/)
Качаете и подключаете и настраивайте всю необходимою бурду (Статья - http://www.w-blog.ru/node/22)
И дальше необходимо немного модифицировать сниппет TvTagCloud, и сделать чанк с его правильным вызовом.
Короче тут необходимо приводить код, так-что ждите статью у меня на сайте http://oros.kiev.ua
Кстати, ДЕМО работы этой системы там же.
Спасибо.
Как и со всеми буржуйскими штучками при использовании возникают проблемы с кодировкой.
Выход имеется. Редактируем страницу в привычном редакторе. Добавляем ссылки и т.п.
При этом наша страница транскодирована в 1251, т.е присутствуют строки:
Закрываем страницу. Открываем заново, но уже в Notepad++
В меню "Кодировки" выбираем параметр "Кодировать в UTF-8 (без BOM). Сохраняем.
Загружаем файл на сервер. Кириллица отображается.
Всем привет, автору большое спасибо.
О, простите, в комментариях отключено отображение кода.
Так что предыдущий пост немного неправильно отобразился. Ну, всем понятно, я думаю, что к чему.
Автору: Отключите в файле func.php строчку $comment_msg = cuthtml($comment_msg);
:)))
исходный код на демо странице
и здесь различаются, если скопировать исходный код с демо то работает
а если отсюда то нет
Вопросы:
1. Как настроить цвет рамки ?
2. Как убрать лишние поля сверху, снизу
3. Есть ли иные параметры для настройки ?
4. Где взять исходник данной swf ?
Здрасте!
А у меня не отображается облако=( причину незнаю, помогите пожалуйста!!!=(
Очень надо...код здесь маленький и удобный...очень понравилось подскажите как его отобразить
у кого не получается списывайте у меня там все просто и понятно http://seo-cook.ru/forum/index.php?fid=6&id=069367
Помогите пожалуйста сделать ссылку из облака в iframe.
Я установила это облако - работает нормально, но нужно чтобы ссылки открывались в iframe.
Сделала так:
Лекции
но ссылка открывается просто в новом окне, пожалуйста помогите как это реализовать?
Заранее спасибо за ответы!
Можно на майл: ania_4@mail.ru
Помогите пожалуйста сделать ссылку из облака в iframe.
Я установила это облако - работает нормально, но нужно чтобы ссылки открывались в iframe.
Сделала так:
...href="lection/lection.htm" target="RIN" style="font-size: 15pt">Лекции...
но ссылка открывается просто в новом окне, пожалуйста помогите как это реализовать в php видимо target в нем не работает?
Заранее спасибо за ответы!
Можно на майл: ania_4@mail.ru
привет вопрос такой
у меня код такой:
<?php
$result = mysql_query ("SELECT id,title,description,date,author FROM news ORDER BY date DESC LIMIT 5",$db);
$myrow = mysql_fetch_array($result);
do {
printf(" %s - %s %s
", $myrow["id"],$myrow["date"] ,$myrow["title"] , $myrow["description"],$myrow["author"] );
}
while ($myrow = mysql_fetch_array($result));
?>
а как заставить выводить данные в эти теги?
<?php
$tags = '
Wincert
Мой блог
Крутой сайт о CSS
Веб разработчик
Интересное
';
?>
помогите плиииз!
помогите пжалуйста поставила это облачко на движок wordpress в firefox все работает. Не работает в ie 7 и opere что делать?
а ссылки в облаке тегов индексируются???
Информация мне очень понравилась. Спасибо, админ!
а можно ли использовать в облаке тегов вместо цвета"#....." беграунд?Если можно то как это сделать?
Решил проблему пропадающей ссылки. Взял файлы с другого сайта.
http://www.hotel-prog.ru/content/oblako-tegov
копировать исходник не нужно (подходит тот что в этом блоге описывается), просто качаем файлы, архив на той странице называется "wp-cumulus.zip", и заменяем наши "tagcloud.swf", "swfobject.js" на те что находятся в архиве.
За облако Спасибо.
А зачем второй параметр tagcloudflash ?
Нужная штука. Облако тегов хорошо оформленное очень хорошо смотрится на странице
А как облако тегов разместить на Narod.ru (Яндекс) ?
Не плагин неплохой, а его как можно на wordpress установить или не получится?
А что скажете насчёт валидности этого плагина? Вроде это важно....
Спасибо огромное автору и всем, кто писал что-то дельное.
Поставлю ссылочку на вас, когда допишу сайт.
Оооэээ))) Спасибо, сейчас будем пробовать!
Вопросик такой. Можно ли сделать "облако" ярлыков например рабочего стола компьютера. Или файлов на нем, чтоб из облака запускать программы, игры, документы и т.п.???
Заранее спасибо за ответ.
Клёвый плагин, пользуюсь давно!
Отправить комментарий