2011-12-22 63 views
1

我有一个创建报价单,订单等的应用程序,并且随着用户添加页面重新加载的项目并且可能会很长。问题是,用户必须向下滚动到最后一项才能添加另一项 - 这会非常耗时。有没有办法让我自动做到这一点?我曾尝试在这样的每一行上放置锚点;如何在帖子后返回锚点

echo "<form action='display_quotation.php' method='post'>\n"; 
echo "<input type='hidden' name='quote_id' value='$quote_id'>\n"; 
echo "<input type='hidden' name='item' value='$detail_number'>\n"; 
echo "<a name='item_$detail_number'></a>\n"; 

并把javascript;

echo " 
<html> 

<head> 
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'> 
<style type='text/css'> table {font: 13px arial} </style> 

<script type='text/javascript'> 
function goToAnchor() { 
    window.location.hash='item_$item'; 
} 
</script> 
</head> 

<body onload='goToAnchor();'>\n"; 

这似乎并没有工作 - 我得到的URL http://my_domain/display_quotation.php?#item_3但是页面总是转到第2项,无论通过邮寄传递什么样的项目。

+0

哪种浏览器?你确定它总是进入第2项或者它是否保持在最高位? – 2011-12-22 18:19:15

+0

我已经在FF和Chrome上试过了,它也是一样的 - 不是在顶部,而是一些项目。 – 2011-12-22 18:55:01

回答

1

更改线路

window.location.hash='item_$item';

window.location.hash='item_<?php echo $item; ?>';

+0

TY Vishnu,但我不清楚。我编辑了OP,以反映变量$ item在post中传递并插入到脚本标记中。 – 2011-12-22 18:36:38

+0

因此,一旦你的页面被加载,你在浏览器中检查源代码,并确保

0

另一个简单的想法,我是不是页面加载和执行脚本,去散,你可以选择这样做:

<?php header("location : yourpagename.php#$item"); ?> 

另一个解决方案是使用jQuery向下滚动到页面底部。

一个很好的例子是在这里使用jQuery:http://djpate.com/2009/10/07/animated-scroll-to-anchorid-function-with-jquery/

+0

可能jQuery会工作我会尝试 - ty – 2011-12-23 15:49:48

0

的问题可能是浏览器滚动到右侧被定位,但随后在页面移锚的位置,由于回流由于款式/图片等等稍后踢。尝试在延迟一段时间后重新找到相同的锚点。具有较大的延迟各地

setTimeout(function() { 
    with (document.location) hash && (hash = hash); 
}, 1); 

播放,如果1毫秒不剪:在你load事件处理程序做到这一点。

+0

我不太清楚这一点 - 你能告诉我究竟要在脚本标记中放置什么吗?它应该完全如上? – 2011-12-23 15:48:49

+0

是的,以上是对此问题的通用解决方案。 – 2011-12-23 20:32:45

0

继承人的非常简单的解决方案

<?php 

if($POST) 
{ 
    $iItemId = $POST['item_id']; 
    //after saving the item to cart redirect to 
    redirect('domain.com/#'.$iItemId); 
} 

?> 

<a id="1">Product 1</a> 
<a id="2">Product 2</a> 
<a id="3">Product 3</a> 
+0

我尝试过使用'code'

,它会产生相同的结果。 – 2011-12-23 15:46:36

+0

你的产品是否有这个属性“id = $ item_id” ex:... ilovekhym 2011-12-26 04:24:35

+0

原来我没有html对:-(我没有在锚标记中放置一些文本, t向下滚动到它在上面看到我的OP。谢谢所有试图帮助的人。 – 2011-12-27 17:49:37