myoperam ALT подпись к рисункам
ВНИМАНИЕ! ОСТЕРЕГАЙТЕСЬ МОШЕННИКОВ!
Помните, что все браузеры Opera АБСОЛЮТНО БЕСПЛАТНЫ.
Загружайте новые версии ТОЛЬКО С ОФИЦИАЛЬНОГО САЙТА или с ресурсов, которым ДОВЕРЯЕТЕ!


Предыдущее | Следующее | Архив форума | operaman.ru | Поиск
ALT подпись к рисункам Kolyan  09/28/03 12:00 PM

Люди, помогите разобраться, плз.
В ІЕ когда наводишь курсор мыши на рисунок, то всплывает ALT подпись к рисунку (если она есть, канечна). В Опере такого нет. Иногда только бывает надпись типа - Title: *****. Подскажите как можно включить в Опере такую фичу. Например на сайте weather.bigmir.net при наведении на значок погоды должно появляться пояснение (ясно, дождь и т.п.). По-моему это единственный недостаток Оперы, который я надеюсь мы устраним

Re: ALT подпись к рисункам KOCTET  09/28/03 12:18 PM

Дело в том, что это зависит от вебмастера, если он не идиот, то подписи к рисункам будет выводить через TITLE, а ALT нужен, для того, что бы если рисунок не загрузиться, то вместо него будет выведен текст. Хотя наверное лучше прописовать оба тега.
Попробуй на том же сайте отключи показ рисунков, и все подписи к картинкам ты увидишь.

Re: ALT подпись к рисункам alter  09/28/03 12:40 PM

Обычно для этого используют _//proxomitron.nm.ru/_ (_//www.proxomitron.info/_ and _//www.computercops.biz/modules.php?name=Proxomitron_).

Re: ALT подпись к рисункам Mongoose  09/28/03 04:01 PM

alter
А кинь плз скриптик для этого дела.

Re: ALT подпись к рисункам alter  09/28/03 04:38 PM

Кажется, так:
code:
Name = "Alt to Title (JS version) [EAH]"
Active = TRUE
Limit = 256
Match = "<end>"
Replace = "<script>"
"for (i=0; i< document.images.length; i++)"
"{ if (!document.images[i].title) "
"document.images[i].title = document.images[i].alt; }"
"</script>"

Но я этим так и не воспользовался. Как-то без alt'ов обхожусь.

Re: ALT подпись к рисункам Mongoose  09/28/03 05:37 PM

alter
Что-то не фурычит.

Re: ALT подпись к рисункам alter  09/28/03 06:09 PM

Mongoose
Может JavaScript не включен.

Re: ALT подпись к рисункам Mongoose  09/28/03 07:01 PM

Включён, и в файерволе тоже не давится. Проверял _//www.webshots.com/g/tr/nw-nw.html_

Re: ALT подпись к рисункам Boris  10/01/03 07:58 PM

Сейчас посмотрел код на _//www.opera.com/_

Там ни у одного рисунка нет TITLE

?


Re: ALT подпись к рисункам alter  11/26/03 08:09 AM

[_//my.opera.com/forums/showthread.php?s=&threadid=25395_]
code:
javascript:(function(){var i,P,t,a,D=document;for(i=0;P=D.images[i];++i){t=P.getAttribute("title");if(t==""){P.title=P.getAttribute("alt");}}})()


Это закладурка. То есть, её можно просто сделать кнопкой где-нибудь. Она меняет alt на title там, где titl'а нету. Mongoose, я бы включил её в конфигуратор, будь я на твоём месте.
Как сделать, чтобы она работала всё время, я не занаю. То есть знаю, что можно сделать это с помощью проксомитрона, но я им не пользуюсь.

В wish-list'е в теме про alt я воюю за опцию "показывать alt" (выпадаловка: никогда | когда нет titl'а | всегда). Присоединяйтесь к _//my.opera.com/forums/showthread.php?s=&threadid=15784_.

Re: ALT подпись к рисункам Mongoose  11/26/03 10:16 AM

О, полезно! Включу. Спасибо. Есть ещё действительно юзабельные закладурки для Оперы?

Re: ALT подпись к рисункам mobrustik  03/19/04 06:13 PM

Что-то не могу сообразить, что такое "закладурки"? И можно ли добавить кнопку с вышеуказанным javascript, создав html-файл по типу странички кнопками в Мастерской Мангуста.

Re: ALT подпись к рисункам alter  03/19/04 07:02 PM

mobrustik
Ты просто создаёшь закладку, где в поле адреса вставляешь эту строку. Далее ты можешь её перетащить, куда угодно, пририсовать к ней какую-нибудь кнопку (в поиск опять) тоже.
При запуске этой закладурки все альты у тебя станут тайтлам, и, соответственно, ты сможешь их прочитать!

Кроме того, где-то есть фильтр для проксомитрона под это дело, но где его найти, я не знаю.

Re: ALT подпись к рисункам van_grieg  03/20/04 04:09 AM

Вот моя любимая. Открывает окошко с Javascript-редактором

javascript:W7=open('','A','width=480,height=340,resizable');W7.focus();with(W7.document){write('<center><form><textarea name=X rows=15 cols=54 wrap>javascript:</textarea><p><input type=button value=Run onclick=opener.location=X.value>');void(close())}

Чаще всего я ее использую, чтобы посмотреть, например, размер элемента как его нарисовал браузер. Это можно сделать так, например:

var el=document.getElementById("id");
var sizeY = document.defaultView.getComputedStyle(el, '').getPropertyValue("height");
alert(sizeY);

Или например можно посмотреть размер окна браузера:

var winHeight = window.innerHeight;
alert (winHeight);

Ну и т.д. и т.п.

Понятно, что так можно не только высоту узнать, а вообще все, что угодно. Когда ваяешь веб-нетленку какую-нибудь, очень полезно.

Никаких особых bookmarklets для Оперы не нужно. Это самый обычный Javascript. Соответственно, все, что Опера в этой области поддерживает, то работать и будет. То есть ИЕ-онли вещи многие не пройдут, но зато можно вовсю использовать лучшую поддержку DOM, чем у ИЕ.

Ну и есть одна проблема. Чтобы они работали, надо выставить "Reuse existing window" в настройках.

Re: ALT подпись к рисункам mobrustik  03/22/04 08:57 PM

2alter

Благодарствую за объяснение!
Как я понимаю существует 3 решения проблемы с alt= и title=: 1) закладурка, 2) Proxomitron, 3) использование CSS.
Вообще из-за этой проблемы я и начал тему "_//forum.myopera.net/favlinker.php?Cat=&Entry=184&F_Board=opera7&Thread=10340&partnumber=&postmarker=_" (честно сказать, досканально я разобрался в поведении Оперы и IE относительно альтов и тайтлов, только написав свой третий пост в начатой мною же теме ).

В итоге имеем:
1. Работающая закладурка
2. Работающий фильтр для Proxomitron - чтобы его сделать пришлось мне почитать help и... родился (в инете не нашел ) фильтр. (есть в моей теме)
3. пользовательский CSS - САМОЕ УДОБНОЕ РЕШЕНИЕ, но пока не реализовано. Тут либо многоуважаемые ПРОФИ помогут, либо пусть хоть подскажут, где почитать о CSS.


Re: ALT подпись к рисункам Kildor  03/23/04 07:42 PM

На днях в ru.opera пролетал css...

Работает?
Code:

= ru.opera (2:5000/238.10) ====================================================
Msg : 50 of 68
From : Lena Kokoulina 2:5020/400 19 Мар 04 13:13:04
To : Sergei Stolyarov
Subj : Opera vs ALTphiles
===============================================================================
From: Lena Kokoulina <OperaTalk@YahooGroups.com>

Hi Sergei,
discussing the topic "Opera vs ALTphiles",
on Wednesday, 17.03.2004, at 16:18
you wrote in operatalk at least in part:
[^Y]
SS> Есть ещё одна проблема - отсутствие тега Alt при отключенной загрузке
SS> картинок. В этом случае картинки на экране нет, нету никаких следов, где
SS> она могла бы быть, и поэтому её невозможно отдельно подгрузить. Частично
SS> всё это решается таким набором фильтров:

Спасибо.

Я подобную задачу решала, но через пользовательские css:

input[type="image"] { border: 1px outset #eeeed5; content: "submit"
!important;}
img { min-width: 3px; min-height: 3px; border: 1px inset #eeeed5; font-size:
xx-small; color: #999177; font-family: Arial; }
img[title] { content: "&nbsp;" attr(title) "&nbsp;" attr(alt); }
img[alt] { content: "&nbsp; i &nbsp;"; }
a[href] img { font-size: xx-small; content: ">>"; font-family: Arial
!important; font-weight: normal !important; background-color: #0066ff
!important; color: #ffffff !important; }

Вполне пригодное решение для тех, кто без Проскомитрона
обходится. Да и включать/выключать на лету удобнее.

--
Bye!
Lena

--
Gatewayed from OperaTalk <http://groups.yahoo.com/group/operatalk/>

From: Lena Kokoulina <543445{at}mail.ru>
Date: Fri, 19 Mar 2004 11:18:04 +0500

--- ifmail v.2.15dev5.3
* Origin: Gate - "fido7.ru.opera <----> OperaTalk@YahooGroups.Com (2:5020/400)




Re: ALT подпись к рисункам mobrustik  03/23/04 10:28 PM

Этот CSS недавно также предлагал Mongoose в теме "_//forum.myopera.net/favlinker.php?Cat=&Entry=184&F_Board=opera7&Thread=10340&partnumber=&postmarker=_". Я его потэстил - не работает... и правильно:
у этого CSS другая задача - обозначить картинку добавлением в тэг <img> параметра alt=">>".
Нам же нужно добавить параметр title="ТЕКСТ" из alt="ТЕКСТ".
Сейчас у меня единственная проблема - не знаю как с помощью CSS добавлять параметр (напр, title=) в тэг (напр, <img>).

Поэтому... еще раз: Многоуважаемые ПРОФИ! Если все-таки не поможете с этим, то хоть подскажите где можно почитать о CSS.

Re: ALT подпись к рисункам XXXL  03/23/04 11:06 PM

Попробуй изменить так:

img[title] { content: "&nbsp;" attr(title) "&nbsp;" attr(alt); }
img[alt] { content: "&nbsp;" attr(title) "&nbsp;" attr(alt); }
a[href] img { content: "&nbsp;" attr(title) "&nbsp;" attr(alt); font-family: Arial
!important; font-weight: normal !important; background-color: #0066ff
!important; color: #ffffff !important; }

Про CSS читай _//css.wallst.ru/links.shtml_ ...А через яндекс ещё кучу ссылок найдётся !

(off) Зря вообщето для одного сабжа два аналогичных топика создали и продублировали половину постов :-(

Re: ALT подпись к рисункам Ilya_B  03/25/04 08:51 AM

CSS:

img[alt]:after {
content: attr(alt);
display: block;
background-color: #ffd;
color: #000;
font: normal 7pt Arial !important;
border: 1px solid #555;
}

Что делает: добавляет под рисунками их alt-подписи (не во всплывающую подсказку, а на саму страницу), при этом сами рисунки остаются на странице. Недостаток в том, что нарушает разметку страницы, особенно, если рисунок выравнен по левому или по правому краю.
Для тех кто забыл как добавлять свои стили в Опере:
1)создаем файл show_alt.css и копируем туда указанный код
2)открываем OperaDef6.ini, находим строку [Local CSS Files],
пишем: Name xx=Show <alt>
File xx=(путь к файлу) , где хх-последний незанятый порядковый номер.

Re: ALT подпись к рисункам Stinger  04/29/05 01:39 PM

Проблема до сих пор актуальна, потому что:
1. Букрмарклет нужно каждый раз запускать вручную.
2. CSS-файлы, предложенные здесь искривляют страницу.

Так есть ли все-таки возможность сконвертировать при помощи CSS подсказку из тэга ALT в тэг TITLE? Или CSS этого не позволяет?

Re: ALT подпись к рисункам Stinger  04/29/05 11:08 PM

Готовое решение проблемы при помощи пользовательского JS-файла. Показывает внутри всплывающей подсказки текст из тэга img alt, если тэг title не прописан должным образом.

Code:
// modified from Andrew Gregory

document.addEventListener('load', function() {
var i, img, imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
img = imgs[i];
if (img.hasAttribute('alt') && !img.hasAttribute('title')) {
if ( img.getAttribute('alt')!=""){
img.setAttribute('title', img.getAttribute('alt')+" (Alt)");
}
}
}
}, false);




Сохраняем код в текстовом файле с именем alt-title.js и подключаем к Опере:
Preferences - Advanced - JavaScript Options - My JavaScript Files.

Проверить скрипт на работоспособность можно на картинках любой статьи, опубликованной на новостном сайте lenta.ru.

Re: ALT подпись к рисункам Hedin  05/15/05 05:58 AM

а можно сделать, так что бы алт отображался в свойствах картинки
которые вызываются через меню правой главиши
а то часто его надо скопировать а с предыдущими способоми js это невозможно

Re: ALT подпись к рисункам Stinger  05/15/05 12:49 PM

Есть еще вот такой скрипт для той же задачи (конвертирует тэг ALT картинок в тэг title в случае когда title не задан по стандарту)

Code:

// ==UserScript==
// @name Image Alt to Title Attributes
// @namespace http://www.scss.com.au/family/andrew/opera/userjs/
// @description For images with an alt attribute, but not a title
// attribute, copies the alt attribute to the title
// attribute. Improves image tooltip display on some
// sites.
// ==/UserScript==
document.addEventListener('load', function() {
var i, imgs, fix = function(img) {
if (!img.hasAttribute('alt')) {
img.setAttribute('alt', '');
}
if (!img.hasAttribute('title')) {
img.setAttribute('title', img.getAttribute('alt'));
}
};
imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) fix(imgs[i]);
imgs = document.getElementsByTagName('input');
for (i = 0; i < imgs.length; i++) {
if (imgs[i].hasAttribute('type') && imgs[i].getAttribute('type').toLowerCase() == 'image') fix(imgs[i]);
}
}, false);



Кто может сказать, чем он лучше предыдущего скрипта(см. на два поста выше)?

В ответ на:
а можно сделать, так что бы алт отображался в свойствах картинки
которые вызываются через меню правой главиши
а то часто его надо скопировать а с предыдущими способоми js это невозможно


Разместить содержимое тэга картинки в свойствах картинки нельзя. Но можно посмотреть(и скопировать) тэг из исходника страницы(нажать Ctrl+F3).


operaman.ru - Home


Rambler's Top100