Tutorial

Basically in simple terms an iframe is loading another page within a page. This can sometimes be rather convenient for Dolphin.

Maybe you want to load a .html page into your site? There are a number of possibilities.

This makes the external site or other page load inside Dolphin.

There are several ways to accomplish this. One of the fastest and easiest ways I will describe here as simple and detailed as possible.

The following file will work for version 6.1x, and should work for others too.

First download this file which is going to be called iframe.php for demo purposes. You can simply rename it to anything you want, mypage.php, cool.php, whatever really. Just make sure you don't call it something that Dolphin already uses and accidently overwrite a file that already exists. You wouldn't want to call it chat.php as this one already exists.

You can edit this file as described below for your content.

You will have to create the page you want to include in the iframe, such as yousite.com/mypage.html. If you are going to link it to an external site or other sites page, then just simply edit the link described below.

I have set this to ebay.com for demo purposes. So if you upload the iframe.php file to your Dolphin site then enter yoursite.com/iframe.php into your address bar it will load ebay.com inside your site. This is easy to change and include almost any other page or site.

Open iframe.php with any text editor then:

Change the following to describe your page, which will appear in the header and page title.

Find and change to reflect your content:

$_page['header'] = "My New Iframe Page";
$_page['header_text'] = "My New Iframe Page";

Example:

$_page['header'] = "My Content";
$_page['header_text'] = "My Content";


If you want this page to be available to only members add the following:

$logged['member'] = member_auth( 0 );


So it looks like:

$_page['header'] = "My New Iframe Page";
$_page['header_text'] = "My New Iframe Page";


$logged['member'] = member_auth( 0 );


Near the bottom of the iframe.php file find you can change the page/link.

Change iframe src="http://www.ebay.com" to the actual page you want to load into your site. This can also be a site such as iframe src="http://www.ebay.com" and it could be to .html page you made such as iframe src="http://yoursite.com/mypage.html or other.

Depending on what the width of your Dolphin site is set in your admin panel you may need to adjust the height and width areas to make this fit your site better.

In iframe.php near the bottom find:

    return  <<<HTML
        <iframe src="http://www.ebay.com" width="960px" height="2225px" scrolling="auto" border="0" frameborder="0">
        </iframe>
HTML;



Change the width="960px" and height="1675px" to suit your site or page you are including.


If you were including a page on your site called iframe.html for example in yoursite.com/iframe.php it might look something like:

    return  <<<HTML
        <iframe src="http://www.yoursite.com/iframe.html" width="960px" height="2225px" scrolling="auto" border="0" frameborder="0">
        </iframe>


1. Make the edits/changes to header and header_text ares in iframe.php explained above. Rename iframe.php to something else if you so desire.
2. Upload it to your main Dolphin directory like yoursite.com/iframe.php
3. If linking to another .html page on your site be sure to specifiy the exact location in the iframe src=""
4. Visit yoursite.com/iframe.php and verify. Make height and width changes specified above if necessary.
5. Create a link somewhere on your site to yoursite.com/iframe.php, maybe your top navigation area or similar so visitors can find it.

This sounds a little longer than what it really is. This entire process can be completed in a few minutes in most cases.

And there is no database changes or edits, only file/files so no need to worry about messing up your database.

***As a simple test you can upload iframe.php as is to your root directory, like yoursite.com/iframe.php then visit yoursite.com/iframe.php and it will load up ebay.com within your site. This is just to give you an example of what it will do, then simply make changes specified above.


Good Luck!!

 
Written By
Tutorial by: Jeremy LeSarge (AKA Ray)

I am the owner and administrator of DialMe.com. I write Tutorials for Boonex Dolphin as well as tips and resources surrounding website programming and development. I enjoy working with WordPress, SEO, and Web Hosting / Servers. I also maintain a WordPress Blog here on this site where you will find a variety of technology and webmaster resources.

Actions
Sponsored Links
Recommend