Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Дописать код в div по клику (https://javascript.ru/forum/css-html/62493-dopisat-kod-v-div-po-kliku.html)

eridan 13.04.2016 12:37

Дописать код в div по клику
 
Здравствуйте, есть пустой блок
<div id="player"></div>

Нужно что б при нажатии на него записывался тег плеера:
<div id="player"><audio src="music.mp3" preload="auto" /></div>


Помогите пожалуйста.
Спасибо!

vanoha 13.04.2016 12:52

А что тут сложного?
$(function(){
$("#player").click(function(){$(this).html('<audio src="music.mp3" preload="auto" />');});

})

eridan 13.04.2016 13:03

О, спасибо огромное! Вы гений.

рони 13.04.2016 13:19

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

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


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

eridan 13.04.2016 13:26

Прошу прощения, что не сразу вопрос полность написал, а как при повторном клике убрать этот код? Спасибо.

vanoha 13.04.2016 14:07

Ну тут просто создаём переменную со значением false и при клике меняем ее на true, при следующем обратно на false и т.д... При этом проверяя значение и в html вставляя либо <audio>, либо "". При каждом клике у вас будет она то появляться то исчезать...

eridan 14.04.2016 06:36

Спасибо, попробую


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