Solved

Using Iframe to get content from within a div

Posted on 2010-09-13
2
652 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
I'm a Human captcha checkbox 13 43
Date on a table 16 36
Change how page is organized 3 37
w3c parsing errors 4 20
Knowledge base software has turned out to be a quite reliable method for storing information, promoting collaborative work and for sharing valuable input and solutions.However, some organizations are trying to develop a knowledge base that works wit…
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 Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

726 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