2014-02-17 30 views
1

我正在尋找一種方式直接跳轉到一個工作,我點擊一個div的其中一個。 我希望它自動加載到div而不是點擊任何東西。直接加載一個鏈接到div位置

<div id="Number"> 
    <label> 
     <p style="font-size:16px; color: black; background-color: #ffff42">My Cases</p> 
    </label> 
</div> 
<iframe src="https://example.com/sr/" name="target-iframe"></iframe> 
<a href="https://example.emc.com/sr/#Number" target="target-iframe" onclick="frames['target-iframe'].document.getElementById('Number') 
       .scrollIntoView();return false">Click</a> 

由於提前,

+0

那麼,你需要一些事件來觸發動作。這不一定是點擊事件,其他任何事情都可以。將鼠標懸停在差異上,直到加載頁面本身或甚至基於時間的事件(5秒後甚至是_now_)。將處理程序附加到您決定要加載的內容。它是有道理的,使用單獨的JavaScript文件,而不是依靠舊的樣式在HTML事件處理程序,如'onClick =「...」' – arkascha

+0

謝謝,但你可以幫助與所需的行\代碼?我對此很新。 – user3316282

+0

這是一個相當廣泛的問題。我建議你在google上尋找一些基本的'jquery'例子,它們會告訴你如何在加載html頁面時在客戶端執行一個動作。它並不複雜,爲您提供所需的全部靈活性。 – arkascha

回答

0

可以嘗試專注於DIV,可能會或可能無法正常工作:

給事業部唯一的ID(在你的情況數)

<body onload="location.hash = 'Number';"> 
<div class="Number" id="Number">content</div> 
</body> 
+0

這是很好的選擇,但仍然需要按「內容」才能使其工作。任何方式使它自動發生? – user3316282

+0

有一個與ID相同的類通常是一個壞主意。這很混亂。 –

0

如果您想自動將div標籤中存在的值加載到iframe中,只需嘗試將其分成兩個html文件並放入相同的目錄。例如, ,考慮兩個HTML文件one.html和ex.html.one.html

<html> 
<body> 
<div> 
<label> 
     <p style="font-size:16px; color: black; background-color: #ffff42">My Cases</p> 
    </label> 
</div>   
</body> 
</html> 

ex.html is

 <html> 
    <body> 
      <iframe src="one.html" name="target-iframe"> 
      </iframe>   
    </body> 
</html> 
+0

我試過了......仍然不得不按「點擊」才能實現。我正在尋找一種自動發生的方式 – user3316282

0

You need to add an anchor tag in your html file, <a name="Number"></a>,以做到這一點。這裏是一個樣本,它將加載並滾動到放置在div旁邊的哈希錨點。

你的iframe標籤:

<iframe src="https://example.emc.com/sr/#Number" name="target-iframe"></iframe> 

你的IFRAME SRC HTML:

<a name="Number"></a> 

<div id="Number"> 
    <label> 
     <p style="font-size:16px; color: black; background-color: #ffff42">My Cases</p> 
    </label> 
</div>