2009-12-01 109 views
0

我正在尋找一個隱藏的開始時,我點擊說一個箭頭圖像一個Ajax功能彈出與說一個聯繫人窗體裏面,另一個顯示隱藏功能在頁面底部顯示並隱藏多個div。顯示/隱藏阿賈克斯? javascript toggle

是否有插件可以做到這一切?

我的頁面必須是我的客戶端可編輯的,所以我不可能將其構建到主題中。 javascript函數需要成爲頁面的一部分。 我找到了WP ShowHide Elements,但是這不允許我在同一個展示位置使用多個div。

下面是一些我用在我的網頁允許該插件

<p id="mytest">my text</p> 
<p><a onclick="wp_showhide('mytest')" href="javascript:void(0);">my link</a></p> 
<p id="new">new</p> 
<p><a onclick="wp_showhide('new')" href="javascript:void(0);">new</a></p> 

感謝您的幫助 問候

朱迪

附註:腳本http://wordpress.digitalnature.ro/mystique/ 請注意本網站上的側邊欄,這就是我想才達到,但是主要的頁面內容

這個簡短的腳本工作在頁面中,但我想交換的div效果 我如何使用這中與multipe divs一起工作? - 我想變更多個div的visability都具有相同的空間或DIV

<p><script type="text/javascript"> 
<!-- 
    function toggle_visibility(id) { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 
//--> 
</script></p> 
<p><a onclick="toggle_visibility('foo');" href="#">Click here to toggle visibility of element #foo</a></p> 
<div id="foo">This is foo</div> 
<p><a onclick="toggle_visibility('too');" href="#">Click here to toggle visibility of element #too</a></p> 
<div id="too">This is too</div> 

我想我可能已經解決了我自己的問題:) 很想知道,是否有人可以修改它,以便第一當頁面加載時,div已經打開

<p><script type="text/javascript"> 
lastone='empty'; 
function showIt(lyr) 
{ 
if (lastone!='empty') lastone.style.display='none'; 
lastone=document.getElementById(lyr); 
lastone.style.display='block'; 
} 
</script></p> 
<p><a href="JavaScript:;" onClick="showIt('divID')">link</a></p> 
<div id="divID" style="display: none;">content</div> 
<p><a href="JavaScript:;" onClick="showIt('new')">link</a></p> 
<div id="new" style="display: none;">content</div> 

回答

0

要回答你的編輯:你不能從原始div中刪除display:none樣式嗎?如果你需要在Javascript中做到這一點,請chuck showIt('divID');在你的功能之後行。

爲了做正確,將其添加到在window.onload:

window.onload = showIt('divID'); 

或者更恰當,有入列到onload事件(like this)的功能。

或者可能是最好的,使用a framework :)

+0

嗨羅伯特,非常感謝不幸的是窗口的onload不起作用。你可能是正確的我最好使用jQuery。 – 2009-12-02 10:34:21