how to get a plain old external link working with featherlight - featherlight.js

I have a div with a link:
<div data-featherlight="test" >
Link
</div>
The lightbox works fine, but when I click the link, it makes a recursive lightbox. I just want the link to pop to a new window. Note, I don't want an ajax call, just a pop to a link on a 3rd party domain.
Thanks for any help,
kevin

Not too sure, you might get closer to what you want by using a iframe? FL will think your link should be done with ajax, so you'll have to specify you want an iframe instead...

Related

Use feedburner email subscription without Popup

For my selfhosted Wordpress blog, i wish to add Feedburner email subscription form.
Embed code from feedburner site:
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=[BLOGNAME]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
My issue is, i dont want the popup window to show up. That thing is so 80's stuff.
Instead, is it possible to show the popup contents inline? Using JS or PHP or something?
Check out how div contents change over click here using JS: http://www.willmaster.com/library/web-development/replace-div-content.php
Would be great if something similar could be worked out.
I guess this is easy to do but i have limited knowledge on web designs and php/js/forms.
Thanks in advance.
PS: Please do not suggest plugins. I hate installing plugins unless absolutely necessary.
You can change target="popupwindow" to target="_self" or target="_blank", it can load in current page or go to a new page.

Facebook “Like Box” and JQuery

I'm attempting to add a FB "Like Box" to a website I'm developing. Not too familiar with Facebook apps, but so far I've gone the non-IFRAME route, using the FB SDK script include.
I'm fairly certain I've got almost everything setup correctly. In fact, I see the widget appear when I visit the page UNCACHED (i.e. in FF, I hit CTRL+SHIFT+R to reload all content to avoid loading from cache). Once I revisit the site, or move around within the site by clicking links, the content does not reappear.
I'm wondering if it's an issue with a) the channel.php file, or b) the apps interaction with my use of JQuery. The channel.php file is verbain what is provided by Facebook (using PHP's caching mechanism).
Here's the site currently: http://www.morningfatty.com/demo - It might be easier to list this rather than post several code snippets.
I went to your website and didn't see the like box. I checked the HTML code and it all appeared fine. The div looked like <div data-header="false" data-stream="false" data-border-color="#40ADAD" data-show-faces="true" data-colorscheme="light" data-width="192" data-href="http://www.facebook.com/morningfatty" class="fb-like-box"></div>
I went to https://developers.facebook.com/docs/reference/plugins/like-box/ and tried your link http://www.facebook.com/morningfatty and lo-and-behold the like box didn't display there.
I tried going directly to http://www.facebook.com/morningfatty and it redirected me to http://www.facebook.com/MorningFatty. I noticed the change of case in the name. So I went back and tried http://www.facebook.com/MorningFatty in the like-box and it worked!!.
I believe that you page will work once you update the casing on the url. :)

facebook fb.ui dialog opens too low

I'm having a problem and I can't find any resources to handle it, maybe someone here will have a clue...
I have a facebook app where I use fb.ui dialogs. The problem is that they open too low, and I need to scroll down in order to click accept/cancel.
The only resource I found told me to make sure that the <div id="fb-root"></div> is right under the <body> tag, and this is the case with my app...
Any idea someone?
Thanks,
Yanipan
Your <div id="fb-root></div> need to go higher up in your html. preferably as the first tag.
Well, eventually I used CSS directly on #fb-root .dialog which allowed me to apply the absolute position the way I wanted it, quite simple actually...

"Like Button" does not appear when I paste plug-in code into HTML snippet on iweb?

Please help. I've spent hours on this. With Twitter I had no trouble adding a button to my website using iWeb but with facebook.....
The best way I can describe my problem is this: I go through all of the required steps to obtain the plug-in for my facebook page (http://www.facebook.com/thekitchensinkwma). I then "get code", copy the code, drag HTML Snippet onto my desired page in iWeb, then paste the code into the appropriate window (BTW: I've tried all 3 codes several times). When Click the "Apply" button, the "Like" button does not appear.
I'm at my whit's end! Please help. Thanks.
Martin
Without seeing the page I have two initial thoughts you can run down:
Your CMS [iWeb or whatever you are using] is altering the fb-root tag which is required for the button to show. Twitter only uses javascript.
Your page is appearing via iframe, javascript or something from the system is causing Facebook to believe you may be hiding the button to fake a click.
If this is happening with both the iFrame and Scripted method a url will be helpful as it may be more complex.
Try adding <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> to the HTML-tag.
Would be easier if you provided a link though.

Why do I get a popup instead of an in-page modal dialog box when call requireSession or click on fb:login-button?

Update: The problem seems to have magically fixed itself, because I don't know what changed. If someone has an idea about how I accidentally fixed it, please post (I include myself :P).
I'm trying to use Facebook Connect on my site, but I'm having trouble with using requireSession or fb:login-button. Currently, when a user clicks the connect button, they get a popup window,but I really want to show an in-page modal. How do I do that? Currently, what I've got in pages is this HTML code:
<a href="#" onclick="FB.Connect.requireSession(on_session_ready); return false;">
Connect with Facebook
<img id="fb_login_image"
src="http://b.static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_dark_small_short.gif"
alt="Connect"/>
</a>
(I'm pretty sure it on_session_ready doesn't matter for problem, because it only gets called after fb connect gets a session.)
I've also tried using the fb:login-button XFBML tag, but I also get a popup window when I do that.
What am I doing wrong?
You are not doing anything wrong. Facebook is currently split-testing modal vs popup login boxes.
They will most likely settle on popups for security reasons. But in the meantime, you have no control over which type of dialog box your users see.
PS: This is well-covered on the Facebook Developer Forums.
http://forum.developers.facebook.com/viewtopic.php?id=25808
http://forum.developers.facebook.com/viewtopic.php?pid=157799
http://forum.developers.facebook.com/viewtopic.php?id=29523