Welcome to TalkGraphics.com
Page 2 of 4 FirstFirst 1234 LastLast
Results 11 to 20 of 33
  1. #11

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Quote Originally Posted by Egg Bramhill View Post
    Does this do what you want Bob. It uses 'on mouse over' and closes automatically. It's a super site and crossfades. NB There are white rectangles to match the background, behind the images on the pop-ups to ensure the mouse-over remains open.
    Egg...I'll give this a go.
    Only concern would be if people roll over my button
    see the card (popup) sliding in but don't click down
    on the button to hold the popup (card) stationary in order
    to click it. Did I read somewhere that I could add a mouse-down layer
    or am I dreaming that.??

    THANK YOU ever so much for taking the time in demonstrating.
    I'll try it and see if can work.

    Bob

  2. #12
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Only concern would be if people roll over my button
    see the card (popup) sliding in but don't click down
    on the button to hold the popup (card) stationary in order
    to click it.
    Don't follow you there Bob. There's no need to click down to hold the pop-up stationary, that's why I've included the white rectangle behind it to ensure it remains open (stationary). In the attached I've changed the background rectangle to different colours just to illustrate their function.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #13
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    If you want an animation on the pop-up photo. just select the photo & apply the animation. The background rectangles have no animation. Recoloured white again here.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  4. #14
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Whoops, slight fault on that last one. Try this:
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  5. #15

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Quote Originally Posted by Egg Bramhill View Post
    Whoops, slight fault on that last one. Try this:
    Egg

    Okay, I guess I was sliding downward.
    I saw the recs the first time after your note
    but had a few issues.

    I've been jumping back and forth with it
    and other work so not fully concentrating.

    I will have some time tomorrow and see how
    it works. My first attempt duplicating exactly
    what you did was for some reason not revealing
    the pop up layer on roll over, even though my test
    button was in mouse off and mouse over, again,
    exactly as you had in the .xar.

    I must have missed something and will attack again
    tomorrow. For now I've gotta buzz out'a here so I won't
    be able to respond or report until later tomorrow or so.

    THANK YOU EGG! You're a good egg!

    Bob

  6. #16
    Join Date
    Apr 2015
    Location
    Germany
    Posts
    927

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Maybe this is what you are looking for?
    There is a javascript function defined at the website head.
    The green button calls that function passing the name of the second page.
    The magenta button links to the second page directly.
    If you click the button on the second page you will see the difference.
    Attached Files Attached Files

  7. #17
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Bob, the Pop-Up buttons instead of having an on click action (which on a supersite keeps the pop-up open when returning to the Home page) uses a roll-over animation effect to open the pop-up layer. Clicking on the pop-up image, opens page 2 and clicking on the home button returns you to the home page, but as the roll-over event is no longer active, no pop-ups remain open.

    @ siran. Nice solution!
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  8. #18

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Quote Originally Posted by siran View Post
    Maybe this is what you are looking for?
    There is a javascript function defined at the website head.
    The green button calls that function passing the name of the second page.
    The magenta button links to the second page directly.
    If you click the button on the second page you will see the difference.
    Siran-

    I like your concept but can't get it to work in my application.

    - I put the java code as you said in the "site" "head"

    - my index page button calls the popup layer graphic and it slides out

    - on that graphic I put the java code to link to the specific page I want.
    (That didn't work so I moved the target page right beneath the index and called it page2 just to see if that was necessary which I didn't think but tried anyway)

    - when I click that graphic of the popup layer, it does indeed close but it doesn't navigate to the target page


    WAIT...Okay, here's what I just noticed when testing.
    I looked up at the browser nav bar when clicking my popup graphic and
    I see it changes from "......"xl_xr_page to xl_xr_page_page2

    HOWEVER...it doesn't navigate to the page.

    Did I mention I'm trying to do this with a supersite export and crossfading?


    Maybe I'm missing something here?

    Thanks for your idea and your time, Bob
    Last edited by BobH; 04 June 2016 at 06:24 PM.

  9. #19
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Did I mention I'm trying to do this with a supersite export and crossfading?
    Hello again Bob. Sirans solution was showing you the effect of using javascript to close the pop-ups. He also attached a second button showing the issue you where having without js that the pop-up stayed open.

    I hope siran doesn't mind but I've attached a xar file using just js coding to close the pop-ups, which may make it easier to follow.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  10. #20
    Join Date
    Apr 2015
    Location
    Germany
    Posts
    927

    Default Re: HOW TO CLOSE POP UP WHEN LEAVING PAGE

    Egg, thank you for clarifying.
    Bob, maybe we still don't understand what exactly you want to do. Could you upload an example?

 

 

Bookmarks

Posting Permissions

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