javascript css without frameworks

我想在不使用jquery等框架的情況下點擊鏈接時，構建一個左側邊欄，用於打開右側div中的內容。javascript css without frameworks

你能指點我這個資源嗎？我無法在Dynamic Drive或Google中找到合適的資源。

此外，我需要資源來構建其他JavaScript和CSS工具，而無需使用框架。

在此先感謝您的幫助。

2011-03-02 seeker7805

爲什麼你不希望使用框架？它們是一組常用的有用代碼，開發人員應該重用，這樣他們就不會每次都重複發明輪子。 – bluefoot 2011-03-02 23:22:05

您是否有理由重新發明自行車（即不使用任何js框架）？只是好奇... – Andrey 2011-03-02 23:22:34

@bluefoot：我的猜測是嚴厲的企業IT傳遞的要求。：P – adamjford 2011-03-02 23:22:50

對於，您可以設置在左側的鏈接修改權利容器CSS右左打開的內容，使他們可以打開，是這樣的：

<a rel="leftlink" onclick="openContent('content-2')>LInk 2</a> 

<div id="content-2" class="visibility: hidden">I am a second right content</div>

而且js函數應該是：

function openContent(el_id) { 
    document.getElementById(el_id).style.visibility = "visible"; 
}

再次

，你將花費更少的時間（因而更少的錢），使用如jQuery框架...

2011-03-02 23:26:56 bluefoot

儘管這會*工作*，我想建議我自己對需求的解釋是他希望將*內容*加載到*通過點擊左側'div'中的鏈接可以查看正確的'div'。模擬'frames'，如果你願意，而不是使現有的元素可見。 – 2011-03-02 23:32:00

那麼，在這種情況下，幀就會很好地完成這個技巧。 – bluefoot 2011-03-02 23:40:11

我假設你想有上正確的iframe d是一個帶有影響iFrame鏈接的左側div？

爲此，您只需更改iFrame元素的「src」屬性。示例：
var iFrameElement = document.getElementsByTagName('iframe')[0]; iFrameElement.setAttribute("src",new_page_source); 您將不得不將事件附加到鏈接，並更改這些事件以更改iFrameElement的屬性。
一些資源：
http://ajaxian.com/archives/sandboxing-javascript-with-iframes
http://www.devarticles.com/c/a/JavaScript/Working-with-IFRAME-in-JavaScript/
http://www.dyn-web.com/tutorials/iframes/

2011-03-02 23:35:37 joaquin

回答