Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   замена картинки на js (https://javascript.ru/forum/css-html/74807-zamena-kartinki-na-js.html)

Brick 08.08.2018 20:47

замена картинки на js
 
Есть данный код,он из чата.
Использую JS хочу сменить картинку на свою.

<span class="fll">

<div class="small_avatar_c"><div class="small_avatar_b"></div><img width="24" height="24" alt="" src="/images/dragons/d_spark_1_120.jpg"></div><span class="chat_nick"><a href="../profile/1040916" class="info"><span class="info">Brick</span></a></span>

</span>


Для смены использую данный скрипт:

document.addEventListener("DOMContentLoaded",
function ava3() 
{ 	

	
var elems = document.getElementsByClassName('small_avatar_c'); 	
for (var i = 0; i < elems.length; i++)
 { 		
 
elems[i].innerHTML ="<div class='small_avatar_b'></div><img src='/images/perks/light.png' width='24' height='24'>";

}
});

Проблема следующая. Он меняет картинку у всех ников в чате,а необходимо чтоб менял, только у ников с ником: Brick

помогите пожалуйста :(

рони 08.08.2018 20:55

Brick,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Brick 08.08.2018 22:01

рони,
у меня немного другая ситуация.
user-скрипт для opera mobile (classic)
Если где-то есть хорошая статейка про них,буду очень благадарен)

Brick 08.08.2018 22:18

Картинку надо сменить,только у ника Brick, а у меня меняет у всех
Вопрос,можно как-то элементы [0],[1] у класса считать снизу страницы?

рони 08.08.2018 22:33

Brick,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>


<span class="fll">

<div class="small_avatar_c"><div class="small_avatar_b"></div><img width="24" height="24" alt="" src="/images/dragons/d_spark_1_120.jpg"></div><span class="chat_nick"><a href="profile/1040916" class="info"><span class="info">Brick</span></a></span>

</span>
<script>
    document.addEventListener("DOMContentLoaded",
        function ava3() {
            var elems = document.getElementsByClassName('small_avatar_c');
            for (var i = 0; i < elems.length; i++) {
                var el = elems[i],
                    span = el.nextElementSibling.querySelector('.info'),
                    text = span.textContent;
                if (text == 'Brick') el.innerHTML = "<div class='small_avatar_b'></div><img src='/images/perks/light.png' width='24' height='24'>";
            }
        });
</script>
</body>

</html>

Brick 09.08.2018 00:31

q=(Math.floor(Math.random()*11) +0);

document.querySelectorAll('a[href^="links_q"]')[q].click();

как сделать,чтоб элемент [q] менялся рамдомно?

Brick 09.08.2018 00:32

рони,
Спасибо


Часовой пояс GMT +3, время: 05:03.