www.webdeveloper.com
Results 1 to 3 of 3

Thread: click a link in one page, open another html page with sliding effect

  1. #1
    Join Date
    Jul 2013
    Posts
    57

    click a link in one page, open another html page with sliding effect

    Hello,

    I need help. How to do, when I clik link such as (click here for more info) in index page, which is I use full page image with link, then it will open another html page with sliding effect. means click link, the next page slide in vertically.

  2. #2
    Join Date
    Mar 2012
    Posts
    1,638
    Split the problem in to two parts:

    1. Standard link in page A to display page B in a new tab or window (target="_blank").
    2. Use Javascript (or HTML5?) to slide page B into view.

    However, if you meant that you want the new page to slide in over the old page, that will not do what you want.

  3. #3
    Join Date
    Sep 2013
    Posts
    221
    you can try something like:

    loading your target content within an iframe

    or, use ajax method to load content

    or, make a sliding effect with your previously loaded content

    You can use .load() as used in the below example:
    $('#target_container').load('YOUR_URL', function() {
    // do something
    });

    Another approach is ,can use .ajax() like following:

    $.ajax({
    url: 'YOUR_URL'.
    dataType: 'html',
    success: function(response) {
    $('#target_container').html(response);
    }
    });

    Hope this helps.
    strad solutionswww.stradsolutions.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles