2016-07-02 1 views
1

Я посещаю веб-страницу, которую я хотел бы сделать немного (для меня) более удобным.Изменение существующей веб-страницы для отображения значений атрибутов в тексте

Он состоит из списка названий фильмов со ссылками на imdb.com. Рейтинг пользователя IMDB можно рассматривать как подсказку (атрибут title), и в этом проблема. Это требуется навсегда (это похоже на :-), чтобы просмотреть рейтинги с 50 фильмами на страницу.

Я попытался изменить страницу с помощью плагина Chromeboot без везения. (Это было после того, как я спросил владельца веб-сайта, возможно ли изменение ...)

Есть ли способ сделать всплывающую подсказку видимой все время? Сразу после того, как картина будет в порядке - есть много места для текста.

Код:

<div class="showtitle"> 
    <a target="_blank" href="htts://www.imdb.com/title/tt1254207/"> 
     <img src="imdb.png" style="" title="Rating: 6.7/10 (1573 votes)"> 
    </a> 
</div> 
+0

Не могли бы вы рассказать нам, что вы пробовали в Stylebot? – BillyNate

+0

div.showtitle a img: before { содержание: attr (название); } –

+0

Была моя первая мысль. Но, видимо, ': before' /': after' не поддерживается изображениями в большинстве браузеров. – BillyNate

ответ

0

установлен Chrome Пугин RWeb, что позволяет пользовательский JavaScript.

следующие работы, но улучшения моего кода приветствуется - почти не сделал какой-либо JavaScript, прежде чем ;-)

ready(function() { 
var showtitleList = document.getElementsByClassName("showtitle"); 
for (var i=0; i<showtitleList.length; i++) { 
    var elementAList = showtitleList[i].getElementsByTagName("a"); 
    if(elementAList.length>0){ 
    var aImgElement = elementAList[0].getElementsByTagName("img"); 
    if(aImgElement.length>0){ 
     var imdbRating = aImgElement[0].title; 
     elementAList[0].innerHTML = imdbRating; 
    } 
    } 
} 

});