1

デモ: http://mydemos.site90.net/

基本的に、これは私のさまざまなサイトの Web プロタルです。ユーザーがリンクの 1 つをクリックすると、サイトが縮小されて左側の iframe に収まるように表示されます。ユーザーがサイトを通過すると、サイトは別のウィンドウで開くのではなく、iframe にとどまります。そして、iframeにあるものを翻訳するGoogle翻訳者。Google の翻訳者は、翻訳後になんらかの理由で検索バーとメニューを一番上に表示しており、一部のサイトは縮小されていません。私はコーディングが初めてなので、私のコードは面倒かもしれません。どんな助けも大いに必要です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0014)about:internet --><HTML><HEAD><TITLE>Demo</TITLE>
<META content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<STYLE type=text/css>BODY {
BACKGROUND-COLOR: #000000
}
</STYLE>

<STYLE type=text/css>A:link {
COLOR: #bdbdbd
}
A:visited {
COLOR: #bdbdbd
}
A:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
COLOR: #bdbdbd; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT type=text/javascript"></SCRIPT>
<!--[if lt IE 7]> 
<style type="text/css">    
img { behavior: url("pngfix.htc"); } 
</style> 
<![endif]-->
<STYLE type=text/css media=screen>#YouTube2 {
VISIBILITY: hidden
}
</STYLE>

<META name=GENERATOR content="MSHTML 8.00.6001.19394"></HEAD>
<BODY>

<IFRAME 
style="Z-INDEX: 10; POSITION: fixed; BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px;         BORDER-RIGHT-STYLE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 79%; PADDING-RIGHT: 0px;     BORDER-TOP-STYLE: none; HEIGHT: 100%; BORDER-LEFT-STYLE: none; TOP: 0px; PADDING-TOP: 0px;      LEFT: 0px" 
id=iframe1 border=0 src="http://www.crimemapping.com/map.aspx" frameBorder=0     name=iframe1 
cellspacing="0"></IFRAME></IFRAME>


<DIV 
style="Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN:     0px; PADDING-LEFT: 0px; WIDTH: 134px; PADDING-RIGHT: 0px; HEIGHT: 20px; TOP: 9px; PADDING-      TOP: 0px; LEFT: 80%" 
id=bv_Text2><A style="TEXT-DECORATION: none" 
href="http://craigslist.com/"><SPAN 
style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 18px"><STRONG><I>DEMO<SPAN 
style="COLOR: red">D</SPAN>DEMO</I></STRONG></SPAN></A></DIV></A></B></SPAN>
<DIV> </DIV>


<DIV 
style="Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN:     0px; PADDING-LEFT: 0px; WIDTH: 49px; PADDING-RIGHT: 0px; HEIGHT: 16px; TOP: 50px; PADDING-    TOP: 0px; LEFT: 80%" 
id=bv_Text15><SPAN style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 20px" 
face="Arial" color="#FFFFFF"><B><A style="TEXT-DECORATION: none"> <a><a     href="http://free-website-translation.com/" id="ftwtranslation_button" hreflang="en"     title="" style="border:0;"><img src="http://free-website-    translation.com/img/fwt_button_en.gif" id="ftwtranslation_image" alt="Free Website     Translator" style="border:0;"/></a> <script type="text/javascript" src="http://free-website-    translation.com/scripts/fwt.js" /></script></A></B></SPAN></DIV>


<DIV 
style="Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN:     0px; PADDING-LEFT: 0px; WIDTH: 49px; PADDING-RIGHT: 0px; HEIGHT: 16px; TOP: 100px; PADDING-  TOP: 0px; LEFT: 80%" 
id=bv_Text15><SPAN style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 20px" 
face="Arial" color="#FFFFFF"><B><A style="TEXT-DECORATION: none" 
href="http://www.youtube.com" <a>Demo1</A></B></SPAN></DIV>






</body>

</DIV>
4

1 に答える 1

0

最初に要素に を指定する必要がありIDます。次に、アンカータグに ID を指定することで、最初の要素を指すiframeリンクを他の要素に設定できます。シンプルな 2 つの Web レイアウトがあるとします。iframeiframetargetAtarget="iframe1"iframe

<html>
  <head>
    <title>link from one iframe to another iframe</title>
  <head>
  <body>
    <iframe id="iframe1" src="http://example.com"></iframe>
    <iframe id="iframe2" src="some_page_with_links.html"></iframe>
  </body>
</html>

からのsome_page_with_links.htmlドキュメントは次のiframe2構造を持っています。

<html>
  <head>
    <title>this is iframe2 that contains links to iframe1</title>
  <head>
  <body>
    <a href="http://www.google.com" target="iframe1">open Google in iframe1</a>
  </body>
</html>

のリンクは、アンカータグのプロパティで設定されてiframe2いるように、ブラウザに で開くように指示します。iframe1targetA

ただし、 Web サーバーでX-Frame-Options応答ヘッダーを設定している場合、これは外部ドメインでは機能しないことに注意してください。SAMEORIGIN構成によっては、また外部ドメインへのリンクを計画している場合は、その他の制限が適用される場合があります。

また、リンク先の例にいくつかの HTML タグの終了エラーがあることにも気付きました。例えば:

<A style="TEXT-DECORATION: none" href="www.ebay.com" <a>Demo2</A>

本当にあるべきです:

<A style="TEXT-DECORATION: none" href="www.ebay.com" target="ID_of_iframe1">Demo2</A>

乾杯!

于 2013-02-06T16:10:49.500 に答える