VPF::Прозрачный счетчик - Форум программистов

Oleganet

Дата 19.1.2006, 12:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 2.1.2006

Репутация: нет
Всего: нет

Зашел как-то на один форум и увидел там прозрачные счетчики (стало интересно, как так можно сделать), вопрос наверное уже понятен: "Как сделать так, чтобы счетчик стал прозрачным?"

Вроде в регистриции счетчиков на мыло.ру или на рамблере не было такой возможности выбора прозрачности счетчика), посмотреть можете в рисунке в этом сообщении!

Присоединённый файл ( Кол-во скачиваний: 50 )

conters001.jpg 4,23 Kb

Innuendo

Дата 19.1.2006, 20:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

в коде счётчика задай фильтр альфа.
я точно синтаксис не знаю, потому что не использую нигде, и там у Мозиллы и ИЕ вроде разные синтаксисы.
Добавлено @ 20:26
http://forum.vingrad.ru/index.php?showtopic=47033

--------------------

Aliance

Дата 5.2.2006, 21:17 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

А что мешало посмотреть исходники страницы? smile

На моем форуме так же стоят такие счетчики, вот код который я использую для счетчиков-картинок:

Код


<a href="..." target="_blank"><img src="..." width="88" height="33" style="FILTER: alpha(opacity=20)" onmouseover="this.style.filter = 'alpha(opacity=100)'" onmouseout="this.style.filter = 'alpha(opacity=20)'" /></a>

А для счетчиков на javascript`е ( таких как mail.ru) нужно немного другой код:

Код


<script language="JavaScript" type="text/javascript"><!--
d=document;var a='';a+=';r='+escape(d.referrer)
js=10//--></script><script language="JavaScript1.1" type="text/javascript"><!--
a+=';j='+navigator.javaEnabled()
js=11//--></script><script language="JavaScript1.2" type="text/javascript"><!--
s=screen;a+=';s='+s.width+'*'+s.height
a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth)
js=12//--></script><script language="JavaScript1.3" type="text/javascript"><!--
js=13//--></script><script language="JavaScript" type="text/javascript"><!--
d.write('<a href="http://top.mail.ru/jump?from=980581"'+
' target=_top><img src="http://d6.cf.be.a0.top.list.ru/counter'+
'?id=980581;t=55;js='+js+a+';rand='+Math.random()+
'" alt="Рейтинг@Mail.ru"'+' border=0 height=31 width=88 style="FILTER: alpha(opacity=20)" onmouseover=\"this.style.filter = \'alpha(opacity=100)\'\" onmouseout=\"this.style.filter = \'alpha(opacity=20)\'\" /><\/a>')
if(11<js)d.write('<'+'!-- ')//--></script>
<noscript><a target="_top" href="http://top.mail.ru/jump?from=980581"><img
src="http://d6.cf.be.a0.top.list.ru/counter?js=na;id=980581;t=55" border=0 height=31 width=88 
alt="Mail.ru" style="FILTER: alpha(opacity=20)" onmouseover="this.style.filter = 'alpha(opacity=100)'" onmouseout="this.style.filter = 'alpha(opacity=20)'" /></a>
</noscript><script language="JavaScript" type="text/javascript"><!--
if(11<js)d.write('--'+'>')//--></script>

Добавлено @ 21:19
Естественно IE only. Но можно и модернизировать скрипт для совместимости.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Siansor

Дата 8.2.2006, 09:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 61
Регистрация: 22.9.2005
Где: Украина

Репутация: нет
Всего: 0

Интересный счетчик smile

Prof

Дата 16.2.2006, 02:20 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 25.9.2005

Репутация: нет
Всего: 2

Да интересный, но вот ИЕ говорит, что это окно будет заблокировано из-за элементов Active-X, а вот Опера - просто отображает без всяких изменений значения Альфа.
Есть-ли какой-то универсальный способ встраивания?

--------------------

"Людей не интересует сколько ты знаешь, до тех пор, пока они не узнают, насколько ты интересуешься ... ими самими." Зиг Зигларсайт

12345c

Дата 16.2.2006, 04:40 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

В Опере можно сделать цифры из PNG, а в IE без ActiveX не обойтись.

dstorm81

Дата 16.2.2006, 09:33 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

Prof, где это мелкомягкий ругается на фильтры, ты наверное страницу смотришь с винта своего, а по дефолту msie тупит про локальные файлы

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Prof

Дата 17.2.2006, 18:21 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 25.9.2005

Репутация: нет
Всего: 2

Т.е. Вы хотите сказать, что если эту страницу залить на сайт, такого не будет?
Если да - большое спасибо за совет. Не думал, что из-за этого может такое получаться)

--------------------

Lixil

Дата 17.2.2006, 19:08 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Вот спер недвно с какого - то бесплатного комплекта

Код


function $() {
  var elements = new Array();

  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);

    if (arguments.length == 1)
      return element;

    elements.push(element);
  }

  return elements;
}

function setOpacity(element, value)
{  
  element= $(element);  
  if (value == 1){
    setStyle(element, { opacity: 
      (/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML|Opera/.test(navigator.userAgent)) ? 
      0.999999 : null });
    if(/MSIE/.test(navigator.userAgent))  
      setStyle(element, {filter: getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')});  
  } else {  
    if(value < 0.00001) value = 0;  
    setStyle(element, {opacity: value});
    if(/MSIE/.test(navigator.userAgent))  
     setStyle(element, 
       { filter: getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') +
                 'alpha(opacity='+value*100+')' });  
  }   
}

function getOpacity(element)
{  
  var opacity;
  if (opacity = getStyle(element, 'opacity'))  
    return parseFloat(opacity);  
  if (opacity = (getStyle(element, 'filter') || '').match(/alpha\(opacity=(.*)\)/))  
    if(opacity[1]) return parseFloat(opacity[1]) / 100;  
  return 1.0;  
}

function getStyle(element, style) 
{
    element = $(element);
    var value = element.style[style];
    if (!value) {
      if (document.defaultView && document.defaultView.getComputedStyle) {
        var css = document.defaultView.getComputedStyle(element, null);
        value = css ? css.getPropertyValue(style) : null;
      } else if (element.currentStyle) {
        value = element.currentStyle[style];
      }
    }

    if (window.opera && ['left', 'top', 'right', 'bottom'].include(style))
      if (Element.getStyle(element, 'position') == 'static') value = 'auto';

    return value == 'auto' ? null : value;
}

function setStyle(element, style)
{
    element = $(element);
    for (name in style) element.style[name] = style[name];
}

В данном случае нас интересует setOpacity(elem, value). value выставляется от 0 до 1. Работает во всех современных браузерах.
Добавлено @ 19:09
Блин пока ответа на свой вопрос дождешься уже 10 другим выдашь smile

Wowa

Дата 28.3.2006, 00:18 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Админ
Сообщений: 15017
Регистрация: 14.9.2000
Где: Винград

Репутация: 1
Всего: 290

Lixil, действительно неплохо. В FireFox работает. Но вот в Опере картинки просто меняются... - без плавности.
http://dojotoolkit.org/fast_widget_authoring.html

S.A.P.

Дата 28.3.2006, 09:46 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 2664
Регистрация: 11.6.2004

Репутация: 8
Всего: 71

Wowa, в 9 Опере все должно работать (проверял). А для более старых версий был вроде свой CSS для прозачности, с префиксом -o- кажется. Вечером домой приду, попробую.

12345c

Дата 28.3.2006, 12:58 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Да, про 9-ю нашёл информацию - http://forum.vingrad.ru/index.php?showtopi...&st=0&#

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »