Recent Topics

Challenge using "#" in bootstrap Popover

Started by on May 16, 2018 – Contents updated: May 18, 2018

May 16, 2018 17:53    

Hello,

the bootstrap code for popover looks like this:
<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

As mentioned in other threads (e.g. anchor problems) the hash # does not really work - it always produces a 403 page. You customized the usage of #.
Does anyone got a work around to get this working? href="#" should only produce the sign to click to that link and call the popover. (If I delete this the hyperlinked text is shown, but only insider know to click because the finger-sign is missing (see fig.)

Would be great, to get this work.
Thank and Regards,Will

May 17, 2018 13:54

I'm baffled here having never tried this feature. I tried your code in a post and the link goes nowhere, which makes sense, but I don't get a 403 error, just a blank page. However that's using a different skin. I do get it with the basic bootstrap skin, so is it a permissions issue?

May 18, 2018 04:22

http://forums.b2evolution.net/hashtag-in-href-quot-quot-or-anchor-links#c109613
Ok I see the problem better and note I had to add script to make it work.

Workaround :: Using javascript:void(0) instead of # works on the bootstrap skin, with the hand pointer; but not on my old site??
See http://calstock.org.uk/index.php/test/


<a href="javascript:void(0)" data-toggle="popover" title="Popover Header" data-content="if 6 was 9 and 8 was 7 then what is 5?">Toggle popover</a>
<script>
$(document).ready(function(){
    $('[data-toggle="popover"]').popover();   
});
</script>

May 18, 2018 09:41

Hello @amoun - that workaround does not work in my case. When ever I use href="javascript:void(0)" this command is erased after saving. May be b2e suppresses this javascript. Another aspect - many users may have java deactivated in their browsers.

A workaround that fits in my case:
style="cursor: pointer;"

May 18, 2018 10:54

Hi @saunders Thanks, I'll try that on my older site.
I'm not quite with it ;) You meant getting the hand to show.

On the javascript side I'm also a bit confused as you say java may be disabled. But a java is not javascript and much of b2evo uses javascript. Would b2evo even work without javascript?

Still that doesn't explain why my work-around it doesn't work for you


Form is loading...

Free CMS – This forum is powered by b2evolution CMS, a complete engine for your website.