Question

I have a DIV being created with Javascript that a slideshow is going into. Everything works great, execpt the positioning of this DIV. I want it to be further down the page, but no matter where I put the document.write that creates it, the DIV remains at the top in Firefox & Chrome. For IE, it doesn’t display unless the code is at the top of my script. Any suggestions or fixes?

writeButton("","/page1.html","light_box_b01",206,298,"","",0);
writeButton("","/page2.html","light_box_b02b",206,84,"","",0);
document.write('<div id="fadeshow1" style="margin-top:5px; margin-bottom:5px;"></div>')
writeButton("","/page3.html","light_box_b03b",206,89,"","",0);
writeButton("","/page4.html","closeout",206,78,"","",0);

document.write("<td><img src=\""+loc+"Separator02"+gtype+"\" alt=\"\" width=\"206\" height=\"35\"></td>");

document.write('<div id="fadeshow1" style="margin-top:5px; margin-bottom:5px;"></div>')
writeButton("","/page5.html","p_ClipFrame",206,20,"Clip Frames","",0);

Answer 1

I made an example that adds an image to div on the page. One uses jQuery the other just plain JavaScript. You can see it in action here: http://jsfiddle.net/j6dZf/

// example 1: using normal javascript

// create a variable with the image url (not required)
var src = "http://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Golden_retriever_eating_pigs_foot.jpg/170px-Golden_retriever_eating_pigs_foot.jpg";

// remember id's must be unique per page
// here i'm taking the container div and saving it
var container = document.getElementById("container");

// here i create a new image, set the src attribute and append to container
var img = new Image();
img.src = src;
container.appendChild(img);

This is the jQuery Version

// example 2: using jquery
$(function() { // usually you wrap jQuery in this sort of thing
    var $container = $("#container") // grab container using jQuery
    var $img = $("<img>", {src: src}); // create an image tag with src set
    $container.append($img); // add the image you create, could just add text
})