Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 9, 2016 at 11:50 pm #645849
    jambrikp

    Hey,

    I have a little problem. I would like a link to show/hide a google map widget, I use :target selector, but doesnt work… I checked the code.. so I dont know what is the problem.

    You can find the links below the logos, two little yellow links. If you select the left #sow-google-map-2 the map should be visible, but daesnt work. If you reload the page with the selected anchor (http://footballheroes.hu/boltok/#sow-google-map-2) the map will be visible.

    http://footballheroes.hu/boltok

    #sow-google-map-2 {
	height: 0px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#sow-google-map-2:target {
	height: 510px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    Or do you have any idea the show/hide my google map with transiton?

    Best regards,
    Peter

    June 10, 2016 at 12:03 am #645854
    jambrikp

    Sorry, its work :D

    Another question, how can I turn off the anchor link’s slide up moving? When I click to this anchor #sow-google-map-2 the page slide up to anchor. I would like to turn off this effect. Is it possible?

    Thank you!
    Peter

    June 10, 2016 at 12:21 am #645864
    Vinay

    Hi,

    Glad you got it working. To remove scrolling effect please remove the ” #ID ” but this will render the link dummy. So it’s just better to completely remove the link.

    Best regards,
    Vinay

    June 10, 2016 at 12:40 am #645874
    jambrikp

    Hi,

    Alright, but if I remove the # link, What should I use instead to hide and show my google map?

    Best regards
    Peter

    June 10, 2016 at 1:33 am #645906
    Vinay

    Hi,

    Right now it appears that the maps do not show and hide when you click that link but it scrolls up to the top of the browser. Could you please confirm the same and share the exact link where the maps hide when you click the link?

    Best regards,
    Vinay

    June 10, 2016 at 1:50 am #645912
    jambrikp

    Hi,

    The link to appear: http://footballheroes.hu/boltok/#sow-google-map-2
    Link to disappeare: http://footballheroes.hu/boltok/#

    Two black arrow below the logos.

    Thank you
    Peter

    June 11, 2016 at 10:50 pm #646685
    Vinay

    Hi,

    Thank you for elaborating the issue, we need to take a closer looks at this Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    June 12, 2016 at 11:03 am #646833
    jambrikp

    Hi,

    Below the login details.

    Best regards
    Peter

    June 14, 2016 at 1:33 am #647721
    Vinay

    Hi,

    When you stop an event from propagating on click it affects the other actions like opening and closing. So there is no easy way to do this with a quick jQuery code. You may need to hire a freelancer to debug the script and stop the event propagation in way that other functions wont get affected.

    function stop_scroll(){
?>
<script>
jQuery(window).load(function(){ 
 jQuery("a[href='#sow-google-map-2']").click(function($e) {
  $e.preventDefault();
    doSomething();
});
});
</script>
<?php
}
add_action('wp_head', 'stop_scroll');

    Best regards,
    Vinay

    June 14, 2016 at 8:52 am #647853
    jambrikp

    Thank you! :)

    June 14, 2016 at 10:34 am #647881
    Vinay

    Hi,

    You are welcome!

    Thank you for using Enfold.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘simple :target issue’ is closed to new replies.