Solved

Using Iframe to get content from within a div

Posted on 2010-09-13
2
646 Views
Last Modified: 2012-05-10

I'm not sure if this is even possible, but I wanted to ask all of you.

I am using an open source CRM called CiviCRM for a PAC that I am working on.  I created the PAC website using Wordpress as I am more familiar with it than the other CMS systems.  The problem is that my CRM only integrates into Joomla or Drupal.  I set up a Joomla install behind the Wordpress directory (installed in root) to handle ONLY the contribution page and CRM administration, other than that it will not be used for anything.

On the Joomla build I created a simple contribution site using my CRM.  The problem I am running into comes when I try to IFrame that page into Wordpress.  As would be obvious, the IFrame carries over the entire page, including the Joomla template.

Here are my questions:

1)  Is there a way to IFrame content only found within the div id that wraps around all of the crm data.  "div id=crm-container"

2)  If this is not possible.  Does anyone know of a Joomla template that removes all menus, footers etc...and only leaves the content window?

Thanks for the help!
0
Comment
Question by:gwarcher
2 Comments
 
LVL 21

Accepted Solution

by:
chapmanjw earned 500 total points
Comment Utility
Using FireBug (in FireFox) or the IE Developer Toolbar (in Internet Explorer) I would identify all of the elements on the Joomla page you want to hide (by their DIV IDs and such).  Then in the CSS on the Joomla template, hide the elements like so:

#elementname
{
display: none !important;
}
0
 

Author Comment

by:gwarcher
Comment Utility
Worked great  Thanks!
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now