Заменить событие OnClick и фоновое изображение по событию

@N3stY · Регистрация: 05.06.2014

Студворк — интернет-сервис помощи студентам

Доброго.

Так вот, задача состоит в том, чтоб сменить фон и событие определенному тегу <a>, их имеется неопределенное кол-во и у каждого id разный.
Например:

HTML5
1
2
3
4
<a id='play1' class="play">
<a id='play2' class="play">
<a id='play3' class="play">
<a id='play4' class="play">

При событии в функции:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function uppodEvent(playerID,event) { 
 
        switch(event){
        
            case 'init': 
            
                break;
                
            case 'start': 
        
                break;
            
            case 'play': 
            
                break;
                
            case 'pause': 
 
                break;
                
            case 'stop': 
                
                break;

В case 'play' класс <a> должен меняться на pause, в case 'pause' на play у DIV которого файл из списка в данный момент играет у плеера, и в case 'init' меняться класс у <a> которому присвоен id равный 1.

ID тегам присваиваются из DB скриптом PHP.

Я наработал вот такое:

JavaScript
1
2
3
                 case 'start': 
            $("#controll").removeClass("play").addClass("pause");           
                break;

Но меняется фон только у первого тега <a> с последним ID

Это от плеера UPPOD
Я бы обратился за помощью в тех. поддержку, но они жутко тугие.

Есть мануал по API

Добавлено через 8 минут
То же самое с событием OnClick, оно должно меняться с:

HTML5
1
onClick="uppodSend('audioplayer727','start тут id полученный из бд')"

на

HTML5
1
2
onClick="uppodSend('audioplayer727','play')" <!--В case 'pause' -->
onClick="uppodSend('audioplayer727','pause')" <!--В case 'play' -->

@Опан · 22.08.2014, 16:44

Я чуть было не взялся за изучение этого UPPODа (а там ещё рег...ся нужно), но оказывается в мануале по API в самом конце есть ссылка [Ссылка на сторонний форум вырезана]. Это специализированный по этому делу форум, пожалуй, так будет проще.
________________________________________ ___
Привязка к каждой песне отдельного плеера может принести отдельную головную боль.

@N3stY · 22.08.2014, 22:35 **[ТС]**

Опан, да если бы было так, то этого сообщения тут не висело

.
Спасибо за отклик

Задача не в том чтоб знать на 100% API UPPODа, а в скрипте JavaScript,

Всего пару пунктов которые я не могу понять (тк. в гугеле пустовато). Как сменить фон для дива с определенным id и заменить ему событие OnClick. Тут Уппода вообще мало касается)

@Thisman · 23.08.2014, 05:12

N3stY,

JavaScript
1
2
3
var div = document.getElementById("id"); // находим нужный нам див
div.style.background // через это свойство можно менять задний фон
div.onclick // через это менять обработчик события клика

@Опан · 23.08.2014, 13:21

В общем, как-то так: (но вообще я запутался)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function uppodEvent(playerID,event) { 
 
        switch(event){
        
            case 'init': 
            
                if(playerID==1){document.getElementById(playerID).class="[новый класс]"};
                
            case 'start': 
        
                break;
            
            case 'play': 
            
              if(document.getElementById(playerID).class=="play"){document.getElementById(playerID).class="pause"};
              if(document.getElementById(playerID).class=="pause"){document.getElementById(playerID).class="play"};
              document.getElementById(playerID).onclick=function(){[новое событие]};
              document.getElementById(playerID).style="background:url('image.jpg')";
              
              // или с классами так:
              if(document.getElementById(playerID).class=="play"){$("#controll").removeClass("play").addClass("pause")};
              if(document.getElementById(playerID).class=="pause"){$("#controll").removeClass("pause").addClass("play")};
                
            case 'pause': 
 
                break;
                
            case 'stop': 
                
                break;
}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	22.08.2014, 16:44
	Я чуть было не взялся за изучение этого UPPODа (а там ещё рег...ся нужно), но оказывается в мануале по API в самом конце есть ссылка [Ссылка на сторонний форум вырезана]. Это специализированный по этому делу форум, пожалуй, так будет проще. ________________________________________ ___ Привязка к каждой песне отдельного плеера может принести отдельную головную боль. 0

@N3stY (ノಠ益ಠ)ノ彡┻━┻ 152 / 152 / 78 Регистрация: 05.06.2014 Сообщений: 710 Записей в блоге: 2
	22.08.2014, 22:35 [ТС]
	Опан, да если бы было так, то этого сообщения тут не висело. Спасибо за отклик Задача не в том чтоб знать на 100% API UPPODа, а в скрипте JavaScript, Всего пару пунктов которые я не могу понять (тк. в гугеле пустовато). Как сменить фон для дива с определенным id и заменить ему событие OnClick. Тут Уппода вообще мало касается) 0

Опции темы