Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在页面刷新时使用Javascript定位Div_Javascript_Css_Iframe - Fatal编程技术网

在页面刷新时使用Javascript定位Div

在页面刷新时使用Javascript定位Div,javascript,css,iframe,Javascript,Css,Iframe,我有一个div,我想在每次刷新页面时重新定位它 它当前在css中使用“上”和“左”进行设置。我想在页面刷新时传递顶部和左侧的值 #inneriframe { position:absolute; top:-170px; left:-5px; width:1280px; height:1200px; } 内容来自另一个站点,包含在iframe中,我希望每次刷新页面时div的视口都会发生变化(在一定的限制范围内) 原版在这里 我在这里画了一部分 完整代码 <style type="text/

我有一个div,我想在每次刷新页面时重新定位它

它当前在css中使用“上”和“左”进行设置。我想在页面刷新时传递顶部和左侧的值

#inneriframe
{
position:absolute;
top:-170px;
left:-5px;
width:1280px;
height:1200px;
}
内容来自另一个站点,包含在iframe中,我希望每次刷新页面时div的视口都会发生变化(在一定的限制范围内)

原版在这里

我在这里画了一部分

完整代码

<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>

#外层
{
宽度:280px;
高度:150像素;
溢出:隐藏;
位置:相对位置;
}
#内框架
{
位置:绝对位置;
顶部:-170px;
左:-5px;
宽度:1280px;
高度:1200px;
}
MultiCLR搜索实验室和副本;2008艾迪公司
所以基本上我只需要更改div#inneriframe的顶部和左侧值,以显示不同的图像-这可能吗

谢谢


乔纳森

我不明白为什么这个iframe

您可以通过客户端(ajax)或服务器端(php或类似工具)做您想做的事情

例如,对于php:

在您的xhtml代码中:

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

您也可以通过服务器端传递“whatyouwant”…

我使用的是iFrame,因为我显示的内容位于另一个我无法访问的域上-谢谢您的帮助-我会尝试让它工作的您可以使用cURL!(如果您使用的是php);P
$('yourelementyouwantposition').css('top','whatyouwant').css('left','whatyouwant');