Placing something in a random location on a page

Suudsu2200

Ok, I'm trying to make something appear in a random location on a page. I have an idea how to do it, make a random variable to represent its pixel hieght and width on a page, but I'm not sure how to assign a pixel height or width for a picture. Help plz?
(by the way I may be completely wrong about this)

THANKS!

Suudsu2200

Is there any way to make a picture apear on a random location on a page? I was thinking 2 random variables to represent the x and y location, but I dont know if thats possible, and if it is, I have no idea how to do it.

THANKS FOR YOUR HELP!

devsusen

Hi,

I think u should go for DHTML effects that uses css. To be more specific u can use div and put the image within the div. Now using style tag for the div u can mention the height, width, positions of the div within the page. U can change the positions randomly using script to display the image at random places within the page.

susen

mrhoo

I wouldn't worry about size and position-
just use insertBefore a random element of the document.

Expand|Select|Wrap|Line Numbers

 function randomPlace(what){

    tag='*', pa= document.body;

    if(what.nodeType!=1) return false;

    var A= pa.getElementsByTagName(tag);

    var who;

    while(!who) who=A[Math.floor(Math.random()*A.length)] ;

    try{

        who.parentNode.insertBefore(what,who);

    }

    catch(er){

        who=false;

    }

    if(!who) arguments.callee(what);

}

var what=document.images[0];// reference some element
randomPlace(what)

mrhoo

If you are careful or careless you can skip the error handling:

Expand|Select|Wrap|Line Numbers

 function randomPlace(what){    

    var A= document.body.getElementsByTagName('*');

    var who;

    while(!who) who=A[Math.floor(Math.random()*A.length)] ;

    who.parentNode.insertBefore(what,who);    

}

Suudsu2200

Does anyone know how to place a picture on a random location on a page? I know how to specify where it goes but do you know how to make that random? Could you combine javascript and CSS to make a random number for the pixel location?

(P.S. If you can combine javascript and CSS plz tell it would help me a ton!)

THANKS!

iam_clint

sample code i wrote up for ya

Expand|Select|Wrap|Line Numbers

 
<script>

function RandomPlaceImg(img) {

 var img_holder = document.createElement("<div id=\"img_holder\" name=\"img_holder\">");

 img_holder.innerHTML = "<img src=\""+img+"\" id=\"theimage\" border=0>";

 img_holder.style.position = "absolute";

 document.body.appendChild(img_holder);

 var grab_image = document.getElementById("theimage");

 var x = document.body.offsetHeight-grab_image.height-5;

 var y = document.body.offsetWidth-grab_image.width-5;

 var randomx = Math.floor(Math.random()*x+1);

 var randomy = Math.floor(Math.random()*y+1);

 img_holder.style.top = randomx + 'px';

 img_holder.style.left = randomy + 'px';

 }

</script>

<body onload="RandomPlaceImg('http://images.google.com/intl/en_ALL/images/images_hp.gif');">

<input type="button" onclick="RandomPlaceImg('http://images.google.com/intl/en_ALL/images/images_hp.gif');" value="put more images randomly">

</body>

iam_clint

var x = document.body.offsetHeight-grab_image.height-5;
var y = document.body.offsetWidth-grab_image.width-5;this line here keeps the images completely visible , so it don't generate an image off the screen.

Suudsu2200

thx guys!!!!!!!!

Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

re: Placing something in a random location on a page

/bytes/development

/bytes/it

/bytes/about