在页面刷新时使用Javascript的位置分隔

Question

我有一个div，我希望在每次页面刷新时重新定位。

它目前使用顶部和左侧设置在CSS中。我希望在页面刷新时传递顶部和左侧的值。

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

内容是从其他网站和包含在iframe和我想的div视改变（在一定限度内），每次刷新页面。

原始页面是这里http://labs.ideeinc.com/multicolr#colors=8438AD;

我已经采用iFrame的一部分这里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> 

所以基本上我只需要改变顶部和左侧值的DIV #inneriframe有不同的图像显示 - 这可能吗？

感谢

乔纳森

Answer 1

我不明白，为什么在IFRAME？...

你可以做你想做的客户方（阿贾克斯）什么或者通过服务器端（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” 与服务器端太...