Solved

Embed only parts of a website in another site using Iframe

Posted on 2008-10-14
9
1,810 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
ID: 22718908
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
ID: 22720827
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
ID: 22723021
That
0
 
LVL 10

Author Comment

by:mcrossland
ID: 22723894
Huh?
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 10

Author Comment

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

Expert Comment

by:Michel Plungjan
ID: 22724322
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
ID: 22731547
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
ID: 22732768
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
ID: 31505881
Perfect!   Thank you so much for your help!

Have a great day,
mc
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
WIX Redirect 1 38
Control Number of Log Files -Perl 7 56
REReplaceNoCase help 1 18
Error while running Get-NetConnectionProfile within Windows 7 PowerShell 8 18
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
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).

863 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

27 Experts available now in Live!

Get 1:1 Help Now