Заменить событие 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): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Опан Юзер с абсолютным слухом 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