Положение Div с использованием Javascript при обновлении страницы

Question

У меня есть div, который я хотел бы перемещать при каждом обновлении страницы.

В настоящее время он установлен в CSS, используя верхнюю и левую. Я хотел бы передать верхнее и левое значения при обновлении страницы.

#inneriframe
{
position:absolute;
top:-170px;
left:-5px;
width:1280px;
height:1200px;
}

Контент с другого сайта содержится в iframe, и я хочу, чтобы область просмотра div изменялась (в определенных пределах) при каждом обновлении страницы.

Оригинальная страница здесь http://labs.ideeinc.com/multicolr#colors=8438AD;

У меня есть часть кадра здесь http://www.weninja.com/what-we-do

Полный код

<style type="text/css">
#outerdiv
{
width:280px;
height:150px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-170px;
left:-5px;
width:1280px;
height:1200px;
}
</style>

<div id='outerdiv'>
<iframe src="http://labs.ideeinc.com/multicolr#colors=8438AD;" id='inneriframe' scrolling=no></iframe>
</div> 
<h5>Multicolr Search Lab &copy; 2008 Idee Inc</h5>

Так что в основном мне просто нужно изменить значения TOP и LEFT для div #inneriframe, чтобы показывать разные изображения - возможно ли это?

Спасибо

Jonathan

Answer 1

Я не понимаю, почему iframe? ...

Вы можете делать то, что хотите, на стороне клиента (ajax) или на стороне сервера (php или аналогичный)

С php, например:

В вашем коде xhtml:

<style type="text/css">
...
top: <?php echo $_GET['valueTop']; ?>px;
left: <?php echo $_GET['valueLeft']; ?>px;
...
</style>

Или вы можете написать все свои CSS с серверной стороны ...

С клиентской стороны, например, с помощью jquery (javascript)

$('yourelementyouwantposition').css('top','whatyouwant').css('left','whatyouwant');

И вы можете передать "whatyouwant" со стороны сервера ...