Solved

Embed only parts of a website in another site using Iframe

Posted on 2008-10-14
9
1,804 Views
Last Modified: 2013-12-25
Would someone be so kind as to post the exact Iframe code that I need?
I'm wanting only the replacement parts and body parts cells from this page http://www.trademotion.com/partlocator/index.cfm?siteid=213787 into this page www.bobutterfordparts.com
I would like it to open the results in the destination site at trademotion.
We get alot of traffic to the bobutterfordparts.com website and I want to make it easier for users to immediately start selecting their parts they are looking for.

Thanks,
mc
0
Comment
Question by:mcrossland
  • 5
  • 4
9 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
Comment Utility
You mean

<table width="100%" cellpadding="0" cellspacing="0" border="0">

  <tr>

    <td width="49%" valign="top" style="border:1px solid #24569D;">

      <table width="100%" cellpadding="3" cellspacing="0" border="0" style="border-bottom:1px solid #24569D;border-top:1px solid #24569D;">
 

        <tr>

          <td colspan="2" class="titletext" align="center">Replacement Parts</td>

        </tr>

        <tr>

          <td width="20" class="mainCatNum" align="center"><b>A</b></td>

          <td class="mainCatText"><b>Search by Drill Down</b></td>

        </tr>
 

      </table>

      

      <table width="100%" cellpadding="3" cellspacing="0" border="0">

        <form action="http://www.trademotion.com/partlocator/index.cfm?action=selectCatalogYearMakeModel&siteid=213787" NAME="partlocator2" METHOD="POST">

        <tr>

          <td colspan="2" align="center" class="tabletext">

            <b>Mechanical Parts Catalog</b><br>

          </td>

        </tr>
 

        <tr>

          <td colspan="2" align="center" class="tabletext">

            (example: engines, brakes)

          </td>

        </tr>

        <tr>

          <td nowrap class="tabletext"><b>
 

Year:</b></td>

          <td class="tabletext">
 

            <select  name="Year">

              <option value="">
 

(Select Year)</option>

              <option value="2008">2008</option>

              <option value="2007">2007</option>

              <option value="2006">2006</option>

              <option value="2005">2005</option>
 

              <option value="2004">2004</option>

              <option value="2003">2003</option>

              <option value="2002">2002</option>

              <option value="2001">2001</option>

              <option value="2000">2000</option>

              <option value="1999">1999</option>
 

              <option value="1998">1998</option>

              <option value="1997">1997</option>

              <option value="1996">1996</option>

              <option value="1995">1995</option>

              <option value="1994">1994</option>

              <option value="1993">1993</option>
 

              <option value="1992">1992</option>

              <option value="1991">1991</option>

              <option value="1990">1990</option>

              <option value="1989">1989</option>

              <option value="1988">1988</option>

              <option value="1987">1987</option>
 

              <option value="1986">1986</option>

              <option value="1985">1985</option>

              <option value="1984">1984</option>

              <option value="1983">1983</option>

              <option value="1982">1982</option>

              <option value="1981">1981</option>
 

              <option value="1980">1980</option>

              

            </select>

          </td>

        </tr>

        <tr>

          <td nowrap class="tabletext"><b>
 

Make:</b></td>

          <td class="tabletext">
 

            <select name="make">              

              <option value="" SELECTED>
 

(Select Make)</option>

              

                <option value="10" >Ford        

              

                <option value="21" >Lincoln     

              

                <option value="23" >Mercury     

                  

            </select>

          </td>

        </tr>

        <tr>
 

          <td colspan="2" align="center" class="tabletext">

            <input type="hidden" name="catalogid" value="1">

            <input type="submit" value="Search">

            

          </td>

        </tr>

        </form>

      </table>

      

    </td>

    <td width="2%">&nbsp;</td>
 

    <td width="49%" valign="top" style="border:1px solid #24569D;">

      <table width="100%" cellpadding="3" cellspacing="0" border="0" style="border-bottom:1px solid #24569D;border-top:1px solid #24569D;">

        <tr>

          <td colspan="2" class="titletext" align="center">Body Parts</td>

        </tr>

        <tr>

          <td width="20" class="mainCatNum" align="center"><b>B</b></td>

          <td class="mainCatText"><b>Search by Drill Down</b></td>
 

        </tr>

      </table>

      

      <table width="100%" cellpadding="3" cellspacing="0" border="0">

        <form action="http://www.trademotion.com/partlocator/index.cfm?action=selectCatalogYearMakeModel&siteid=213787" NAME="partlocator1" METHOD="POST">

        <tr>

          <td colspan="2" align="center" class="tabletext">

            <b>Body Parts Catalog</b><br>

          </td>
 

        </tr>

        <tr>

          <td colspan="2" align="center" class="tabletext">

            (example: fender, radiator)

          </td>

        </tr>

        <tr>

          <td nowrap class="tabletext"><b>
 

Year:</b></td>
 

          <td class="tabletext">

            <select  name="Year">

              <option value="">
 

(Select Year)</option>

              <option value="2008">2008</option>

              <option value="2007">2007</option>

              <option value="2006">2006</option>
 

              <option value="2005">2005</option>

              <option value="2004">2004</option>

              <option value="2003">2003</option>

              <option value="2002">2002</option>

              <option value="2001">2001</option>

              <option value="2000">2000</option>
 

              <option value="1999">1999</option>

              <option value="1998">1998</option>

              <option value="1997">1997</option>

              <option value="1996">1996</option>

              <option value="1995">1995</option>

              <option value="1994">1994</option>
 

              <option value="1993">1993</option>

              <option value="1992">1992</option>

              <option value="1991">1991</option>

              <option value="1990">1990</option>

              <option value="1989">1989</option>

              <option value="1988">1988</option>
 

              <option value="1987">1987</option>

              <option value="1986">1986</option>

              <option value="1985">1985</option>

              <option value="1984">1984</option>

              <option value="1983">1983</option>

              <option value="1982">1982</option>
 

              <option value="1981">1981</option>

              <option value="1980">1980</option>

              

            </select>

          </td>

        </tr>

        <tr>

          <td nowrap class="tabletext"><b>
 

Make:</b></td>

          <td class="tabletext">

            <select name="make">              

              <option value="" SELECTED>
 

(Select Make)</option>

              

                <option value="10" >Ford        

              

                <option value="21" >Lincoln     

              

                <option value="23" >Mercury     

                  

            </select>

          </td>
 

        </tr>

        <tr>

          <td colspan="2" align="center" class="tabletext">

            <input type="hidden" name="catalogid" value="2">

            <input type="submit" value="Search">

            

          </td>

        </tr>

        </form>

      </table>
 

      

    </td>

  </tr>

                  </table>

                </td>

              </tr>

            </table>

Open in new window

0
 
LVL 10

Author Comment

by:mcrossland
Comment Utility
Yes, that is the part I'm wanting to Iframe in the website.
What would the code be?

Thanks!
mc
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
That
0
 
LVL 10

Author Comment

by:mcrossland
Comment Utility
Huh?
0
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

 
LVL 10

Author Comment

by:mcrossland
Comment Utility
I mean the Iframe line.   I don't know what that looks like.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
Sorry

<iframe src="page_with_forms.html" name="iframe1" width="400" height="300"></iframe>

So save the above html as page_with_forms.html
0
 
LVL 10

Author Comment

by:mcrossland
Comment Utility
Very nice.  One problem though.  It is not opening the destination site.  It's displaying it inside the iframe.
Here is a test page example.
http://www.bobutterfordparts.com/iframetest.htm
When clicking search, I want it to go directly to the trademotion.com website.
We'll be done as soon as I know how to do that.

thank you very much!
mc
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
change the forms tags to have
<form ..... target="_top"

to replace the page or

<form ..... target="_blank"

to open in a new page
 

0
 
LVL 10

Author Closing Comment

by:mcrossland
Comment Utility
Perfect!   Thank you so much for your help!

Have a great day,
mc
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

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 …
Author Note: Since this E-E article was originally written, years ago, formal testing has come into common use in the world of PHP.  PHPUnit (http://en.wikipedia.org/wiki/PHPUnit) and similar technologies have enjoyed wide adoption, making it possib…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to count occurrences of each item in an array.

771 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

11 Experts available now in Live!

Get 1:1 Help Now