Is it possible to include an anchor link in a link fancybox ?

[Superbegood31]

Hello,

I wish to add an anchor in a link "fancybox".

The structure of this link :

<a class="iframe" href="index.php?id_cms=3&controller=cms&content_only=1">texte</a>

I said that I have placed the code snippet in my footer

<script type="text/javascript">
    $('a.iframe').fancybox({
        'type' : 'iframe',
        'width':700
    });
</script>

On the landing page (id_cms = 3) I placed an anchor and I'd like to open this link is placed on the anchor.

I tried to place the anchor directly in the link above but it does not work ...

Thank you for your lights.

Edited June 30, 2014 by SWITCHBOARD (see edit history)

[vekia]

hello

your link, when you check page source contains class="" code ?

as far as i remember tinymce removes it

 

can you verify it, please?

[Superbegood31]

Hi vekia,

 

The class = "iframe" is present.

 

I tried

<a class="iframe" href="index.php?id_cms=3&controller=cms&content_only=1&#licence">text</a>

<a class="iframe" href="index.php?id_cms=3&controller=cms&content_only=1" rel="licence">text</a>

<a class="iframe" href="index.php?id_cms=3&controller=cms&content_only=1#licence">text</a>

but nothing works...

 

Thanks for your help

[Superbegood31]

anybody ?

[Superbegood31]

Hello

 

Up please

[vekia]

    $('a.iframe').fancybox({
        'type' : 'iframe',
        'width':700
    });

try to change this code to:

$(document).ready(function(){
    $('a.iframe').fancybox({
        'type' : 'iframe',
        'width':700
    });
});

and if it is possible - please share url to your website.

[Superbegood31]

Hello,

Same results ...

I said that I already have "fancybox" links work on my product.

I wanted to do the same thing but with an anchor and more in the link.

Thank you for your help

PS: I sent you the link via PM

 

The link button

Edited June 4, 2014 by SWITCHBOARD (see edit history)

[Superbegood31]

Hi

 

@vekia: Have you received my PM with my link ?

[Superbegood31]

up please

[vekia]

hello

sorry, i have no idea, probably received but i've got a lot of messages there (im not able to check it, too many messages)

can you resend it please?

[Superbegood31]

hello

PM is not ok

 

my url : http://goo.gl/ce42n6

 

Thanks

[Superbegood31]

up please

[Superbegood31]

up please

[Superbegood31]

nobody ?

[ericzon]

Hi @Switchboard,

 

I had the same problem but I found a fix to do the trick. If you want to open an iframe with an anchor you can't use directly on the url but it's possible to accomplish by javascript.

 

For example:

 

<a href="{$link->getCMSLink('3')}#myanchor" class="iframe-pv">{l s='My anchored link'}</a>

 

 

It will work with query parameters and rewrited urls and now it's not necessary to add content_only parameter on your link.

 

My code on global.js file:

$(document).ready(function(){

	$(document).on('click', 'a.iframe-pv', function(e){
		e.preventDefault();
		var anchor = '';
		var url = $(this).attr('href');
		var anchorIdx = url.indexOf('#');

		if (anchorIdx > -1) {
			anchor = url.substring(anchorIdx, url.length);
			url = url.substring(0, anchorIdx);
		}

		if(url.indexOf('content_only=') == -1) {
			url += (url.indexOf('?') > -1) ? '&' : '?';
			url += 'content_only=1';
		}

		if (!!$.prototype.fancybox){
			$.fancybox({
				'padding':  20,
				'width':    '70%',
				'height':   '70%',
				'type':     'iframe',
				'href':     url + anchor
			});
		}
	});
});

I've tested on Chrome, FF & IE. I hope it helps 

Edited September 6, 2015 by ericzon (see edit history)