Solved

Using Iframe to get content from within a div

Posted on 2010-09-13
2
653 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 21

Accepted Solution

by:
chapmanjw earned 500 total points
ID: 33665561
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
ID: 33666652
Worked great  Thanks!
0

Featured Post

Enroll in June's Course of the Month

June's Course of the Month is now available! Every 10 seconds, a consumer gets hit with ransomware. Refresh your knowledge of ransomware best practices by enrolling in this month's complimentary course for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

707 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