从推文链接跳到页面上的位置

时间:2013-07-07 19:37:23

标签: php mysql

我有一个页面,我编写了圣经的顺序访问,每个节目包含一个推文按钮。

当我发推文时,链接会重定向到经文页面,但从顶部开始。

我想要的是,当点击推文链接时,它会转到经文页面,然后跳到该页面上的经文位置。

这可能吗?如果是这样,你能帮助我吗?

这是我目前的代码:

<html>
<title>The Bible (Sequential)</title>
<font face="arial">
<?php
define ('HOSTNAME', 'host');
define ('USERNAME', 'user');
define ('PASSWORD', 'pass');
define ('DATABASE_NAME', 'db');

$db = mysql_connect(HOSTNAME, USERNAME, PASSWORD) or die ('I cannot connect to 
MySQL.');

mysql_select_db(DATABASE_NAME);

$query = "SELECT id,book,cap,verse,line FROM bible_kjv ORDER BY id LIMIT 0, 30 ";

$result = mysql_query($query);
while ($data_fetch=mysql_fetch_array($result)) {

echo "<p>", ($data_fetch['book']), " ", ($data_fetch['cap']), " ",    
($data_fetch['verse'])," </p>";
echo "<p>", ($data_fetch['line']), "</p>";

echo "<a href='twitter.com/share' class='twitter-share-button' data-url='bible-query- 
seq-1.php?id=$data_fetch[id]' 
data-text='The Bible (Sequential): http://mysite/bible-query-seq/bible-query-seq-1.php? 
id=$data_fetch[id]'>Tweet</a>";

echo "<hr>";

}

mysql_free_result($result);
mysql_close();
?>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)  
[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)) 
{js=d.createElement

(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore
(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<center><a href="bible-query-seq-2.php">Page 2</a></center>
</font>
</html>

2 个答案:

答案 0 :(得分:1)

谢谢Orestes和Pavel,这就是我所做的;我更改了以下内容:

echo "<p>", ($data_fetch['book']), " ", ($data_fetch['cap']), " ",    
($data_fetch['verse'])," </p>";
echo "<p>", ($data_fetch['line']), "</p>";

echo "<a href='twitter.com/share' class='twitter-share-button' data-url='bible-query- 
seq-1.php?id=$data_fetch[id]' 
data-text='The Bible (Sequential): http://mysite/bible-query-seq/bible-query-seq-1.php? 
id=$data_fetch[id]'>Tweet</a>";

要:

echo "<p>", "<a name='$data_fetch[id]'>", ($data_fetch['book']), " ",    
($data_fetch['cap']), " ", ($data_fetch['verse'])," </p>";
echo "<p>", ($data_fetch['line']), "</p>";

echo "<a href='twitter.com/share' class='twitter-share-button' data-url='bible-query-  
seq-1.php?id=$data_fetch[id]' 
data-text='The Bible (Sequential): http://mysite/bible-query-
seq/bible-query-seq-1.php?id=$data_fetch[id]#$data_fetch[id]'>Tweet</a>";

它现在有效!

答案 1 :(得分:0)

共。您需要要滚动到的HTML元素的ID。假设你有一个id为'verseToScrollTo'的div。在网址末尾附加#verseToScrollTo会使页面在页面加载时自动滚动到该位置。