开发者

link vs button dilemma

Can anyone shed some light to this situation: I have a link that opens in a modal, i 开发者_如何学Cadd a link and a button that are set to go to the same url. If i click the link, the modal goes to the link, and shows the article properly. If i click the button, it shows the article embedded on the page.

Here's the url, click on newtest2

http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=category&id=1&Itemid=2

Here's the code

<head>
<script type="text/javascript">

function change_url(){
     window.location.href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2"
}
</script>
<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">next</a>
</head>

<body>

<button onclick="location.href='http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2'">Next</button>

</body>

</html>


There is a apparent difference, being that the link calls window.location, while the button just sets location, but this is semantically the same.

That popup you got is created by JavaScript. So the link is just used for its url, but when you click it, a script gets executed that loads the content asynchronously and shows it in a popup. This script does not affect the button (though it could). Find the script that does this and apply it to the button too.


A workaround could be:

<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">
        <button></button>
</a>

Edit: Although it's working, is not a recommended code, as HTML spec clearly says that using tag for item is invalid, so treat this ONLY as a workaround.

P.S. Why are you using <a></a> in section head?

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜