locked
Move user to another page RRS feed

  • Question

  • User-1793215261 posted

    Hello

    I have the following my in <head> tags to show a downward pointing arrow at the bottom of my page:

    <style>
    	
    body{background-color:#000; overflow:hidden;}
    
    .scroll-down {
    	;
    	left: 50%;
    	bottom: 10px;
    	display: block;
    	text-align: center;
    	font-size: 20px;
    	z-index: 100;
    	text-decoration: none;
    	text-shadow: 0;
            width: 43px;
            height: 43px;    
            border-bottom: 2px solid #000000;
            border-right: 2px solid #000000;
    
    /*Code that shows arrow animation*/
    
    </style>

    and in my HTML, I have:

    <div class="scroll-down">
    	  </div>

    When the user clicks on the arrow, I would like him to be taken to movie.html. How do I show that anchor, please?

    Friday, February 15, 2019 4:35 AM

Answers

  • User-2054057000 posted

    You can create the click event from jQuery for the downward pointing arrow and then redirect user on the click event.

    Check the below code:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
                $(".scroll-down").click(function (e) {
                    window.location.href = "movie.html";
                });
            });
        </script>
    

    Reference - How to use jQuery Click Event .click()

    Thanks & Regards


     

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Saturday, February 16, 2019 11:09 AM

All replies

  • User-2054057000 posted

    You can create the click event from jQuery for the downward pointing arrow and then redirect user on the click event.

    Check the below code:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
                $(".scroll-down").click(function (e) {
                    window.location.href = "movie.html";
                });
            });
        </script>
    

    Reference - How to use jQuery Click Event .click()

    Thanks & Regards


     

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Saturday, February 16, 2019 11:09 AM
  • User-1793215261 posted

    Thanks for that, yogiyogi, and for the useful link.

    Sunday, February 17, 2019 8:29 PM
  • User-2054057000 posted

    Thanks for that, yogiyogi, and for the useful link.

    Enjoy coding with jQuery.

    Monday, February 18, 2019 10:40 AM