Variable field in div via javascript

Question

I need to "send" a variable to a div a via a javascript that you helped me set up a year or so ago. Basically...

The variable playlist I've got set up comes from:

<script language="JavaScript" type="text/javascript">
 var play = '<?php echo "$play"; ?>';
 var playlist = "playlists/" + play + ".xml";
 ***command to send to "var_playlist" ****;
</script>

And then needs to get sent to:

<!--START - PICKLE PLAYER -->
<div data-media="var_playlist"></div>
<!-- END - PICKLE PLAYER -->

Thanks so much for any help!!!

What do you mean by "send"? Does that "pickle player" have some API, could you link to it? What have you tried? And: Why does it need JavaScript, can't you just set the div up with PHP? — Bergi
– Bergi, Commented Aug 5, 2012 at 4:12

Ram · Accepted Answer · 2012-08-05 04:27:02Z

1

Try this:

document.querySelector('div[data-media]').innerHTML = playlist;

Or if you want to change the value of data-media attribute you can try:

document.querySelector('div[data-media]').dataset.media = playlist;

DEMO

edited Aug 5, 2012 at 4:27

answered Aug 5, 2012 at 4:18

Ram

145k16 gold badges174 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cereallarceny · Accepted Answer · 2012-08-05 04:17:07Z

0

http://jsfiddle.net/V4aCC/

It's tough to know what you mean by "send". The linked JSFiddle will place the text contained in a Javascript string into the HTML of the element.

answered Aug 5, 2012 at 4:17

cereallarceny

4,9934 gold badges41 silver badges75 bronze badges

Comments

Musa · Accepted Answer · 2012-08-05 04:18:20Z

0

It looks like you want to set the data-media attribute to the value of playlist, you can use setAttribute

mediadiv.setAttribute('data-media', playlist);//where mediadiv is the div in question

answered Aug 5, 2012 at 4:18

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Collectives™ on Stack Overflow

Variable field in div via javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related