Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1860
  • Last Modified:

Embed only parts of a website in another site using Iframe

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
mcrossland
Asked:
mcrossland
  • 5
  • 4
1 Solution
 
Michel PlungjanIT ExpertCommented:
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
 
mcrosslandAuthor Commented:
Yes, that is the part I'm wanting to Iframe in the website.
What would the code be?

Thanks!
mc
0
 
Michel PlungjanIT ExpertCommented:
That
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
mcrosslandAuthor Commented:
Huh?
0
 
mcrosslandAuthor Commented:
I mean the Iframe line.   I don't know what that looks like.
0
 
Michel PlungjanIT ExpertCommented:
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
 
mcrosslandAuthor Commented:
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
 
Michel PlungjanIT ExpertCommented:
change the forms tags to have
<form ..... target="_top"

to replace the page or

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

to open in a new page
 

0
 
mcrosslandAuthor Commented:
Perfect!   Thank you so much for your help!

Have a great day,
mc
0

Featured Post

Technology Partners: 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!

  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now