Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Removing Light Box code

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #180922
    jessicav21
    Participant

    Hi, working on my school website and I have gallery buttons that are linked to external sites although a light box comes up. Does anyone know an easy fix? I remember troubleshooting this last year and am at a loss for a quick fix. Thank you in advance.

    #180934
    Paulie_D
    Member

    I have gallery buttons that are linked to external sites

    Not sure what that means…

    I’m not entirely clear what it is you are trying to do.

    #180937
    jessicav21
    Participant

    http://www.westosha.k12.wi.us/cocurricular_news/clubs/clubs1.html

    Click on ABS “Join Now” button and it comes up with a light box instead of referring it to the destination URL

    #180942
    Paulie_D
    Member

    Hmmm…it’s not a lightbox per se it’s a link to a document in a google docs folder. That will tend to try to open as a pop-up in most modern browsers.

    I’d find another way of having those forms linked..especially as one has to have permission to view them, which the casual visitor would not have.

    So, what were you expecting the ‘links’ to do when they were clicked?

    #180946
    jessicav21
    Participant

    Okay that’s interesting. Are you getting to the Google doc? The students within the district can access the google docs and will not need permission.

    Is there any way to prevent the pop-up window and just open a new tab?

    #180947
    Paulie_D
    Member

    You would have to add

    target="_blank" to each link..I think

    #180948
    jessicav21
    Participant

    Yes, they are already target-“blank”. So this is a browser issue?

    #180950
    __
    Participant

    Yes, they are already target-”blank”

    blank” or “_blank“? It makes a difference.

    So this is a browser issue?

    Not an “issue” so much as how it was intended to work.

    #180951
    jessicav21
    Participant

    _blank – I use Dreamweaver CS6

    #180952
    jessicav21
    Participant

    If I right click over link and select “Open Link in a New Tab” It goes to the Google form.

    #180953
    Paulie_D
    Member

    Well that’s what target="_blank" is supposed to do…guess it might be turned off in some browsers.

    #180956
    Paulie_D
    Member

    Hmm…consensus (after a swift Google is not to use ‘target’) as it”s usually left to the browser to decide unless specifically differently by the individual user.

    JS seems to offer a solution

    onclick="window.open (this.href, ''); return false"

    but I dislike inline JS.

    I’d prefer to see this abstracted away into a separate JS/JQ script.

    See here – http://www.copterlabs.com/blog/easily-create-external-links-without-the-target-attribute/

    It’s pretty simple

    Alternatively, you seem to be saying that visitors will be permitted access to the documents so you could just leave it and ignore your discomfort because you don’t like the effect.

    #180960
    ThatCat
    Participant

    That lightbox is for IMAGES. Why use a Lightbox image gallery for make an “_blank” link?
    I think you are searching an “iframe lightbox”. I recommend “fancybox“.

    #180961
    Paulie_D
    Member

    @Rocanrol97

    Why use a Lightbox image gallery for make an “_blank” link?

    It isn’t a lightbox at all and isn’t intended to be. It’s a link to a document which the browser is trying to open in the same page as a pop-up.

    Not the same thing at all.

    #180968
    Soren
    Participant

    Apologies if I’ve misunderstood!

    Is there any way to prevent the pop-up window and just open a new tab?

    You’ve seen this in your code, right? (below “Computer Code” div)

    $(function() {
      $('.gallery-grid a').lightBox();
    });

    You’re telling the links to behave like a lightbox.

Viewing 15 posts - 1 through 15 (of 16 total)
  • The forum ‘CSS’ is closed to new topics and replies.