Облако ссылок + фреймы

@Alvin · Регистрация: 17.01.2010

Студворк — интернет-сервис помощи студентам

Всем доброго для!

Вот код облака ссылок:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="yoblako"><a href="ССЫЛКА НА СТРАНИЦУ">НАЗВАНИЕ СТРАНИЦЫ</a> 
<a href="http://forum.lobnya.com/index.php" target="content">Форум</a>
</div>  
 
  <script type="text/javascript" src="swfobject.js"></script>  
  <script type="text/javascript">  
  var flashvars = {};  
  flashvars.mode = 'tags';  
  flashvars.minFontSize = '11';  
  flashvars.maxFontSize = '30';  
  flashvars.tcolor = '0x0988ff';  
  flashvars.tcolor2 = '0x000000';  
  flashvars.hicolor = '0xd95800';  
  flashvars.distr = 'true';  
  flashvars.tspeed = '250';  
 
  eTagz = document.getElementById('yoblako').getElementsByTagName('A');  
  flashvars.tagcloud = '<tags>';  
  for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') 
  + '\' style=\'' + parseInt(eTagz[i].style.fontSize)  
  + '\'>' + eTagz[i].text + '</a>';  
  delete eTagz;  
  flashvars.tagcloud += '</tags>';  
  var params = {};  
  params.wmode = 'transparent';  
  params.bgcolor = '#333333';  
  params.allowscriptaccess = 'always';  
  var attributes = {};  
  attributes.id = 'yoblako';  
  attributes.name = 'tagcloud';  
  swfobject.embedSWF('tagcloud.swf', 'yoblako', '200', '200', '9.0.0', false, flashvars, params, attributes);  
  </script>

В чем суть. Ссылка на форум (красный цвет) написана верно. То есть, нажимаю ее, и форум открывается во фреймах.

Но, в облаке это не работает.

Пробовал следующие:
1) Брал код (синий цвет) и пробовал туда воткнуть target="content"
И все работало, но, вместо облака, отображались просто ссылки.
Так вот, не могу понять, куда надо прописать код (зеленый), что бы, было облако, а не ссылки.

Добавлено через 1 час 5 минут
Никто не знает?

@ostgals · 22.02.2010, 09:39

Сообщение от Alvin

+ '\'>' + eTagz[i].text + '</a>';

+ '\' target="content">' + eTagz[i].text + '</a>';

@Alvin · 22.02.2010, 12:45 **[ТС]**

Замени, ставил ниже, выше, не работает...
Я уже не знаю, что и делать...
может еще варианты есть?

@ostgals · 22.02.2010, 22:57

Покажите весь код и приложите tagcloud.swf (упакуйте только в zip) - поэкспериментирую...

@Alvin · 23.02.2010, 11:13 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="yoblako"><a href="ССЫЛКА НА СТРАНИЦУ">НАЗВАНИЕ СТРАНИЦЫ</a> 
<a href="http://forum.lobnya.com/index.php" target="content">Форум</a>
</div>  
 
  <script type="text/javascript" src="swfobject.js"></script>  
  <script type="text/javascript">  
  var flashvars = {};  
  flashvars.mode = 'tags';  
  flashvars.minFontSize = '11';  
  flashvars.maxFontSize = '30';  
  flashvars.tcolor = '0x0988ff';  
  flashvars.tcolor2 = '0x000000';  
  flashvars.hicolor = '0xd95800';  
  flashvars.distr = 'true';  
  flashvars.tspeed = '250';  
 
  eTagz = document.getElementById('yoblako').getElementsByTagName('A');  
  flashvars.tagcloud = '<tags>';  
  for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') 
  + '\' style=\'' + parseInt(eTagz[i].style.fontSize)
  + '\'>' + eTagz[i].text + '</a>'; 
  delete eTagz;  
  flashvars.tagcloud += '</tags>';  
  var params = {};  
  params.wmode = 'transparent';  
  params.bgcolor = '#333333';  
  params.allowscriptaccess = 'always';  
  var attributes = {};  
  attributes.id = 'yoblako';  
  attributes.name = 'tagcloud';  
  swfobject.embedSWF('tagcloud.swf', 'yoblako', '200', '200', '9.0.0', false, flashvars, params, attributes);  
  </script>

Вот, все время открывается только в правом фрейме.

@ostgals · 23.02.2010, 17:24

В общем, сама флешка у меня работает. Но плавающие в облаке ссылки у меня не активны.
Хотя пример с сайта разработчика tagcloud.swf у меня работает правильно.

Думаю, проблема в версиях. В вашем случае вы используете синтаксис swfobject 2, а у автора - примеры на версии 1.4. И размер tagcloud.swf слишком сильно различается.

Вы вообще облако видите? У вас ссылки в облаке активны? Срабатывает ли вообще переход (неважно куда грузится), когда по ним кликаешь? Если да, выложите именно те версии swfobject и tagcloud, которые у вас.

Добавлено через 57 минут
Нашел причину, почему ссылки не активны:
tagcloud не поддерживает ссылки за пределами текущего домена.

Т.е. ссылка на файл в том же сайте, где и флешка, будет работать, а внешняя (например, google.com) - нет.

Если не принимать во внимание этот недостаток, то флешка работает отлично.

@Alvin · 23.02.2010, 18:39 **[ТС]**

Да, все у меня работает.
Но хочу что бы ссылки открывались во фреймах которые я задам.
А так, он только в правом открывается. И больше никак.

@ostgals · 23.02.2010, 19:13

Ну, вот этот вариант работает.
Отмечу лишь, что для перебора ссылок я использовал jquery. Ваш вариант перебора у меня не работал.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="swfobject.js"></script> 
 
<div id="yoblako">
    <a href="test.html">Page1</a> 
    <a href="test.html">Page2</a>
    <a href="test.html">Page3</a>
    <a href="test.html">Page4</a>
</div>
 
<script type="text/javascript">  
    
    var links = '';
    $('#yoblako a').each(
        function()
        {
            var href = $(this).attr('href');
            var size = parseFloat($(this).css('font-size'));
            var text = $(this).text();
            
            links += "<a href='"+href+"' style='"+size+"' target='content'>"+text+"</a>";
        }
    );
    
    swfobject.embedSWF(
        'tagcloud.swf',
        'yoblako', 
        '200',
        '200', 
        '7', 
        false,
        {
            mode: 'tags',
            tcolor: '0x0988ff',  
            tcolor2: '0x000000',  
            hicolor: '0xd95800',  
            distr: 'true',
            tspeed: '250',
            trans: 'true',
            tagcloud: '<tags>'+links+'</tags>'
        },
        {
            wmode: 'transparent',
            bgcolor: '#333333',
            allowscriptaccess: 'always'
        },
        false
    ); 
    
</script>

Версии использованных в скрипте либ - в приложении.

@Alvin · 24.02.2010, 00:19 **[ТС]**

Опять чуть не то.
Все работает хорошо, но самого смысла нету.
Вот у меня код фреймов.

HTML5
1
2
3
4
5
6
7
8
<frameset rows="*" cols="250,*" frameborder="no" border="0" framespacing="0"> 
    <frame src="left.htm" name="menu" scrolling="avto" noresize>
      <frameset rows="*" cols="*,250" frameborder="NO" border="0" framespacing="0"> 
        <frame src="topic_1.htm" name="content" scrolling=no noresize>
<frameset rows="*" cols="*,250" frameborder="NO" border="0" framespacing="0"> 
<frame src=[COLOR="Red"]"oblako.htm"[/COLOR] name="content" scrolling=no noresize>
      </frameset>
    </frameset>

Облако. Оно прописано как content, то есть должны ссылки в облачке открываться в контенте.
А открываются совершенно не там.

@ostgals · 24.02.2010, 17:34

Во-первых, у вас путаница вышла с фреймами.. Если вам нужны три колонки, то можно воспользоваться одним элементом <frameset> и тремя <frame>.

Во-вторых, у вас два фрейма имеют одинаковое название "content" - поэтому броузер и путается куда загружать страницу. Уберите name="content" у фрейма куда грузится oblako.htm.

Возможно, вас устроит такой вариант:

HTML5
1
2
3
4
5
<frameset rows="*" cols="250,*,250" frameborder="no" border="0" framespacing="0"> 
    <frame src="left.htm" name="menu" scrolling="auto" noresize />
    <frame src="topic_1.htm" name="content" scrolling=no noresize />
    <frame src="oblako.htm" scrolling=no noresize />
</frameset>

@Alvin · 24.02.2010, 18:27 **[ТС]**

О боже!
наконец то!
Огромное спасибо!
Приношу глубочайшие извинения, за отнятое время!

Добавлено через 11 минут
Только я не могу понять, где размер ссылок менять,.

@ostgals · 24.02.2010, 19:27

Размер меняйте в перечне ссылок:

HTML5
1
2
3
<a href="page1.htm" style="font-size: 8pt">Page 1</a>
<a href="page1.htm" style="font-size: 14pt">Page 2</a>
<a href="page1.htm" style="font-size: 22pt">Page 3</a>

Добавлено через 2 минуты
Размер может быть и дробным - например, 12.3456pt
Только обязательно с точкой, а не с запятой.

@Alvin · 25.02.2010, 18:58 **[ТС]**

Ок. еще раз спасибо!

@Alvin · 27.02.2010, 22:38 **[ТС]**

Новый косяк.
Беру код

HTML5
1
<a href="page1.htm" style="font-size: 8pt">Page 1</a>

Вместо Page 1 пишу Форум.
Ссылка не отображается.
Пишу Forum
Отображается.
Как исправить?

@ostgals · 28.02.2010, 14:19

Хм.. tagcloud.swf не поддерживает кириллицу.

Добавлено через 3 минуты
А вот та версия tagcloud, которую выложили вы, кириллицу понимает, но ссылки в облаке не работают.

Даже не знаю, что вам предложить.

Может только поискать версию, чтобы и кириллица была, и ссылки работали...

@Alvin · 10.03.2010, 21:26 **[ТС]**

Добрый вечер.
Назрел еще один вопрос..
Беру код флешоблака, и копирую его.
То есть получается, 2 кода в одной странице. По суте должно отображаться два облачка, но не работает.
Так вот, как сделать два и более облака на странице?

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Alvin 1 / 1 / 0 Регистрация: 17.01.2010 Сообщений: 43
	22.02.2010, 12:45 [ТС]
	Замени, ставил ниже, выше, не работает... Я уже не знаю, что и делать... может еще варианты есть? 0

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	22.02.2010, 22:57
	Покажите весь код и приложите tagcloud.swf (упакуйте только в zip) - поэкспериментирую... 1

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	23.02.2010, 17:24
	В общем, сама флешка у меня работает. Но плавающие в облаке ссылки у меня не активны. Хотя пример с сайта разработчика tagcloud.swf у меня работает правильно. Думаю, проблема в версиях. В вашем случае вы используете синтаксис swfobject 2, а у автора - примеры на версии 1.4. И размер tagcloud.swf слишком сильно различается. Вы вообще облако видите? У вас ссылки в облаке активны? Срабатывает ли вообще переход (неважно куда грузится), когда по ним кликаешь? Если да, выложите именно те версии swfobject и tagcloud, которые у вас. Добавлено через 57 минут Нашел причину, почему ссылки не активны: tagcloud не поддерживает ссылки за пределами текущего домена. Т.е. ссылка на файл в том же сайте, где и флешка, будет работать, а внешняя (например, google.com) - нет. Если не принимать во внимание этот недостаток, то флешка работает отлично. 1

@Alvin 1 / 1 / 0 Регистрация: 17.01.2010 Сообщений: 43
	23.02.2010, 18:39 [ТС]
	Да, все у меня работает. Но хочу что бы ссылки открывались во фреймах которые я задам. А так, он только в правом открывается. И больше никак. 0

@Alvin 1 / 1 / 0 Регистрация: 17.01.2010 Сообщений: 43
	24.02.2010, 18:27 [ТС]
	О боже! наконец то! Огромное спасибо! Приношу глубочайшие извинения, за отнятое время! Добавлено через 11 минут Только я не могу понять, где размер ссылок менять,. 0

@Alvin 1 / 1 / 0 Регистрация: 17.01.2010 Сообщений: 43
	25.02.2010, 18:58 [ТС]
	Ок. еще раз спасибо! 0

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	28.02.2010, 14:19
	Хм.. tagcloud.swf не поддерживает кириллицу. Добавлено через 3 минуты А вот та версия tagcloud, которую выложили вы, кириллицу понимает, но ссылки в облаке не работают. Даже не знаю, что вам предложить. Может только поискать версию, чтобы и кириллица была, и ссылки работали... 1

@Alvin 1 / 1 / 0 Регистрация: 17.01.2010 Сообщений: 43
	10.03.2010, 21:26 [ТС]
	Добрый вечер. Назрел еще один вопрос.. Беру код флешоблака, и копирую его. То есть получается, 2 кода в одной странице. По суте должно отображаться два облачка, но не работает. Так вот, как сделать два и более облака на странице? 0