Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Прозрачный счетчик, задавание счетчику прозрачности 
:(
    Опции темы
Oleganet
  Дата 19.1.2006, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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

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

Присоединённый файл ( Кол-во скачиваний: 50 )
Присоединённый файл  conters001.jpg 4,23 Kb
PM MAIL   Вверх
Innuendo
Дата 19.1.2006, 20:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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


--------------------
=)
PM MAIL ICQ Jabber   Вверх
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. Но можно и модернизировать скрипт для совместимости.
PM MAIL WWW ICQ Skype   Вверх
Siansor
Дата 8.2.2006, 09:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Интересный счетчик smile
PM MAIL WWW ICQ   Вверх
Prof
Дата 16.2.2006, 02:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Да интересный, но вот ИЕ говорит, что это окно будет заблокировано из-за элементов Active-X, а вот Опера - просто отображает без всяких изменений значения Альфа.
Есть-ли какой-то универсальный способ встраивания?
--------------------
   "Людей не интересует сколько ты знаешь, до тех пор, пока они не узнают, насколько ты интересуешься ... ими самими."                                                          Зиг Зигларсайт
PM MAIL WWW   Вверх
12345c
Дата 16.2.2006, 04:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


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

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



В Опере можно сделать цифры из PNG, а в IE без ActiveX не обойтись.
PM WWW   Вверх
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#)

PM   Вверх
Prof
Дата 17.2.2006, 18:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Т.е. Вы хотите сказать, что если эту страницу залить на сайт, такого не будет?
Если да - большое спасибо за совет. Не думал, что из-за этого может такое получаться)
--------------------
   "Людей не интересует сколько ты знаешь, до тех пор, пока они не узнают, насколько ты интересуешься ... ими самими."                                                          Зиг Зигларсайт
PM MAIL WWW   Вверх
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 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
Group Icon


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

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



Lixil, действительно неплохо. В FireFox работает. Но вот в Опере картинки просто меняются... - без плавности.
http://dojotoolkit.org/fast_widget_authoring.html
PM WWW   Вверх
S.A.P.
Дата 28.3.2006, 09:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Wowa, в 9 Опере все должно работать (проверял). А для более старых версий был вроде свой CSS для прозачности, с префиксом -o- кажется. Вечером домой приду, попробую.
PM MAIL   Вверх
12345c
Дата 28.3.2006, 12:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


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

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



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

PM WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0866 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.