document.write to a specific id

[simonhyttfors]

I’ve been trying to make a function which makes a new div when clicked.

I use this code:


<script type="text/javascript">
function printYTVideo(fileUrl) {
var ytDiv = document.getElementById('ytgoeshere');
ytDiv.appendChild(document.write('<div id="imjusttesting"><div id="youtube"><iframe width="640" height="360" src="' + fileUrl + '" frameborder="0" allowfullscreen></iframe></div></div>'));
}
</script>


…and this code for activating it:


<li onclick="printYTVideo('http://www.youtube.com/embed/9cIjg2BibAM?feature=player_detailpage')">Trailer</li>


But when I activate it, it doesn’t add that div, but it deletes the entire page content and prints the div. Any ideas? Thank you all!

// Simon

EDIT: Sorry for messy code

[Paulie_D]

Can you not use ‘insertAfter’ instead of ‘append’?

[simonhyttfors]

Paulie_D, Could you show me an example? :)

[Paulie_D]

Here’s one using jQuery in document.ready mode. http://codepen.io/anon/pen/vFcuh

Two functions:

One using ‘insertAfter’ targeting putting something after a specific ID and the second ‘appendTo’ putting it after the content of the ‘article’.

Please note that I am VERY new to JQ and I’m just getting into it.

Certainly you could create a function and assign that function to a click event…but I’m still learning.

[Author]

Posts