跳转到推特链接页面上的位置

我有一个页面，我已经编程了圣经的顺序访问，每个诗句都包含一个鸣叫按钮。跳转到推特链接页面上的位置

当我推送诗句时，链接重定向到诗句页面，但从顶部开始。

我想要的是，当tweet链接被点击时，它会进入经文页面，然后跳转到该页面上的经文位置。

这可能吗？你能帮我吗？

这是我当前的代码：

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

来源

2013-07-07 adeoba

您应该标记页面的各个部分，在每一节中都包含一个''。在生成链接时将#verseNUM添加到网址，请查看http://www.w3.org/TR/html401/struct/links.html#h-12.2.1 – Orestes

谢谢奥雷斯特斯和帕维尔，这是我做的;我改变了以下内容：

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

它现在的作品！

来源

2013-07-08 04:56:47 adeoba

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

来源

2013-07-07 19:43:11

跳转到推特链接页面上的位置

回答

相关问题