is there a way to have a iframe not reload the page? - php

I have a page that opens in a modal on a joomla site. On that page, there is a hyperlink that links to a file on the server. That file opens up a joomla article. What normally happens when I have an a hyperlink on one article that links to another article is that only the content of the article displays in the modal, not the framework. But since I have the hyperlink forwarding to the file with the iframe, when it shows that article in the modal, it show the framework. Is there away to have the article show only the content, and not the framework while still having the iframe? I hope this question makes sense. You can see what i am talking about on this link, click on game template:
http://zaazoo.thewebbusters.com/index.php?option=com_content&view=category&id=1&Itemid=2
if you go to this link, and click on round 1, and then hit continue, you would see how the articles display only the content and not the frame work.
http://zaazoo.thewebbusters.com/index.php?option=com_content&view=category&id=8&Itemid=4
any help would be much appreciated.
Thank you,
Dave

If you want to show just the article you can add &tmpl=component to the URL you are trying to display.

this might not be the best solution but i would recommend using a PhP include like :
<?php include("your-post.html"); ?>
Since joomla is php based this should work, and unlike iframes includes will take the theme of the site or modal.
Hope this Helps :)

Related

Can PHP load a page containing specific content into an iframe?

I have an internal page on my site that contains an iframe. The content inside the iframe consists of 3 pages, a.htm, b.htm, and c.htm. By default, a.htm loads when I visit the page containing the iframe.
On the homepage of my site, there are 2 links...one links to content on b.htm, the other to content on c.htm. So when one of these links are clicked, I need to load the page on my site that contains the iframe, with either b.htm or c.html showing inside it, depending on which link was clicked.
I know basic PHP, but I'm struggling to find a way to pass the iframe content into the frame from an external page. Or would jQuery be better suited for this? I've looked through a lot of submissions about this, but haven't found an answer that works for me yet. Any help would be greatly appreciated.

Changing link in Wordpress template

quite an intimidating place you got here!
Basically I'm pretty new to web design, only really ever building around existing Wordpress templates.
I'm building my own website here: http://www.acjjphotography.com/ and currently when you click on a portfolio thumbnail it opens a description and you have to click 'LEARN MORE' to see the full portfolio. I want to eliminate this middle part.
I usually solve things like this by lots and lots of trial and error, changing bits of files for hours until the right thing happens. But this is usually with CSS, rather than HTML or PHP which I guess this is?
So how would I go about eliminating that middle part where it opens the description? I want it to go straight to the full portfolio when the thumbail is clicked.
Thanks!
It's not the css here, it's in your html page, there's 2 links, one for the middle page and one for the portfolio, you must replace the first link by the "more" link.
for exemple on your website (for JOOMSOLUTION) : the middle page is referring to #portfolio-196, and the "more" link is referring to http://www.acjjphotography.com/index.php/portfolio/joomsolution/"

Page Jumping Error from HTML to PHP - Site coded in tables?

I am working on a site that was previously developed by someone else.
You can see the site here: http://www.pivotalevents.com/nonametag/index.html
Having issue on this page here: http://www.pivotalevents.com/nonametag/introduce.php
I have coded in a CAPTCHA on the contact page and used some PHP, making the page a PHP extension file 'introduce.php'. Previously it was 'introduce.html'.
The problem: When going from any page on the site, to the contact page, the entire contact page jumps around. The page expands, then collapses back to it's normal width. If you look at the logo, you can see it jump out, then back in.
When I change the page back to .html extension, it doesn't do this.
Why is this happening? Is it because the site's main wrapper is a table?
Any direction would be greatly appreciated! :)
Yes this could be because the site's main wrapper is in a table...
I re-wrapped the site in div tags and now the page does not jump. Seems there was a problem related to the tables and switching from HTML to PHP.

How do I find out that a link was seen

I'm trying to make a page with some links and when somebody clicks on a link, the score count will go up.
How can I find out the visitor who has really seen the page related to link? But not just click the link and close the page for score...
really seen means: page loads completed.
and my links opens in new window.
any solution?
You cant really see pages that aren't in the same domain. Chrome even puts them in a separate thread.
Back in the day you could have used a CSS exploit talked about here: https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector
If you really want to make a page with this kind of functionality you will have to make a browser plugin/extension.
You can include a nonce token in the link, and post that token to the server, render the page embedding that same token in some javascript and have the javascript post back the token when the page is done rendering. Seems kinda overkill though.
The only thing I could thing of is maybe make the link to like a redirect page on your site and then you could control to see if the page was loaded and then like after the page was loaded redirect to the actual webpage to link is intended. This way you know for sure that the user waited to view the webpage.
Other than that I don't think there is any other way for you to go about this.

Having Full-screen website with slide up blog page

I am working on this new site and am having difficulties implementing this one functionality. The link is:
www.bigideaadv.com/adaptive2
I am using the Supersized.js plugin to make the image fit the size of the browser no matter the size or shape. I have also implemented a Wordpress blog as well under news+events. What I'd like to do is have the blog slide up from the bottom when you click on the link and back down when you click on another page. Exactly how the blog link works here:
www.ultranoir.com
I originally had all of the content shoved in the header.php file in Wordpress and was doing show hides. Needless to say, I was unsuccessful. Wondering if anyone had an thoughts.
Thanks in advance.
You may want to look into Wordpress Theming. It's pretty straight forward and there is a lot of great documentation found here:
http://codex.wordpress.org/Theme_Development
You wouldn't want to put all the code into the header.php file because that's not how wordpress works. You'll want to edit other files such as single.php and index.php.
Though for the "slide up / down" you should be able to use some simple jQuery for this:
$('#yourSlideMenuButton').slideToggle("slow", function(){
//do something when finished.
});
Please be careful not to plagiarize the other design!

Categories