показать / скрыть ajax? переключение JavaScript - PullRequest
Новая
       8

показать / скрыть ajax? переключение JavaScript

0 голосов
/ 01 декабря 2009

Я ищу плагин для WordPress, который скрывается, чтобы начать с нажатия на кнопку, скажем, изображение стрелки, появляется функция ajax, например, внутри контактной формы, а также другая функция скрытия в нижней части страницы для отображения и скрыть несколько делений.

Есть ли плагин, который может сделать все это?

Мои страницы должны быть редактируемыми для моего клиента, поэтому я не могу встроить это в тему. Функция 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>

Спасибо за вашу помощь Привет

1012 * Джуди *

P.S. http://wordpress.digitalnature.ro/mystique/ Пожалуйста, обратите внимание на боковую панель на этом сайте, это то, что я пытаюсь достичь, но в рамках содержимого главной страницы

Этот короткий скрипт работает на странице, но я хочу использовать эффект swap div Как я могу использовать это для работы с несколькими div? - я хотел бы изменить видимость нескольких элементов div с одинаковым пространством или 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>

Думаю, я решил свою проблему :) Хотелось бы узнать, может ли кто-нибудь изменить его, чтобы 1-й 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>

1 Ответ

0 голосов
/ 02 декабря 2009

Чтобы ответить на ваши изменения: вы не можете просто удалить дисплей: нет стиля из исходного div?

Если вам нужно сделать это в Javascript, добавьте showIt ('divID'); строка после вашей функции.

Чтобы сделать это правильно, добавьте его в window.onload: 

window.onload = showIt('divID');

Или, точнее, иметь функцию, которая включается в onload ( вот так ).

Или, возможно, лучше всего использовать framework :)

...