locked
Move user to another page RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    0
    Sign in to vote
    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

  • Question
    Sign in to vote
    0
    Sign in to vote
    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

  • Question
    Sign in to vote
    0
    Sign in to vote
    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
  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1793215261 posted

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

    Sunday, February 17, 2019 8:29 PM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User-2054057000 posted

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

    Enjoy coding with jQuery.

    Monday, February 18, 2019 10:40 AM