Problems, need help? Have a tip or advice? Post it here.
11 posts Page 1 of 2
Okay so i have a news_list page that holds all the cloned pages. Now what i would like todo is rather than going to a cloned page it would pop up within a lightbox style. Has anyone done this or can it be done to show the content of the page?
@SimonRLM:

In the news_list page, you are definitely having a link that navigates you to the actual news. You need to make changes there.

Firstly you need a lightbox (for example: http://www.jque.re/plugins/modals-light ... .lightbox/)

Once you have the light box coding, you have to make the following addition to your anchor tag "<a>" as has been italicised in the example link below:
<a href="http://www.google.com?TB_iframe=true&height=450&width=800" rel="sexylightbox" >Gooooogle</a>

Refresh the page and click on the link, and it should work.

For example you can also view the following link, and i hope this is what you want to achieve:
http://genxcoders.in/products.php (click on the read more link). I have implemented the lightbox from the link above in this example.

Hope this helps.
Image
where innovation meets technology
Hi, Thanks for your support.

I've tired this with a different lightbox called fancy box (http://fancybox.net/howto) however it only directs to the page rather than pop up like your website. the code within my website news_list.php page is.

Code: Select all
<a href="<cms:show k_page_link />?iframe" ><cms:show k_page_title /></a>
hi,

you could try foundation reveal http://foundation.zurb.com/docs/components/reveal.html
I load frameworks and write bugs on top of them, after that I rearrange the code so that it looks like a cool product.
Dear SimonRLM,

SimonRLM wrote:
Code: Select all
<a href="<cms:show k_page_link />?iframe" ><cms:show k_page_title /></a>


This code is correct, implementation point of view. But then the place of problem is:

Code: Select all
$("#fancybox-manual-b").click(function() {
   $.fancybox.open({
      href : 'iframe.html',
      type : 'iframe',
      padding : 5
   });
});


for each and every page, this particular code needs to be repeated. something like for page 1
Code: Select all
$("#fancybox-manual-[color=#FF0000]b[/color]").click(function() {
            $.fancybox.open({
               href : 'iframe.html',
               type : 'iframe',
               padding : 5
            });
         });



for page 2

Code: Select all
$("#fancybox-manual-[color=#FF0000]c[/color]").click(function() {
            $.fancybox.open({
               href : 'iframe.html',
               type : 'iframe',
               padding : 5
            });
         });





for page 3

Code: Select all
$("#fancybox-manual-[color=#FF0000]d[/color]").click(function() {
            $.fancybox.open({
               href : 'iframe.html',
               type : 'iframe',
               padding : 5
            });
         });


and the other thing is that the code:

Code: Select all
<cms:show k_page_link />

needs to be changed for each

Code: Select all
href : 'iframe.html',


Using this type of light box will be cumbersome. Still if you want to implement this particular lightbox, please post your template code in the forum.
Image
where innovation meets technology
Thanks for the support. I've tried to implement the link you sent me.



however it still wont work :/

You can view my code via visiting www.tsmsport.co.uk/sport/motorsport.php
unsure what ive done wrong
SimonRLM wrote: Thanks for the support. I've tried to implement the link you sent me.



however it still wont work :/

You can view my code via visiting http://www.tsmsport.co.uk/sport/motorsport.php
unsure what ive done wrong



That link shows a 404.

Can you paste your code here for us to look at?
Image
Your scripts aren't loading...

Attachments

I've sorted them now! However still a no go with working. checked all to ensure they don't throw a 404 error.

i cant see what else i need to add to ensure this opens as it should.
11 posts Page 1 of 2