Javascript - Toggle Element работает только в одну сторону! Также требуется помощь для добавления URL - PullRequest
Новая
       20

Javascript - Toggle Element работает только в одну сторону! Также требуется помощь для добавления URL

1 голос
/ 25 февраля 2012

Я пытаюсь использовать скрипт переключения, чтобы показать и скрыть определенные элементы страницы ... он прекрасно работает, скрывая Таблицу, содержащую список ссылок, и показывая Таблицу с содержимым внутри, но используя ее для обратного, это делает не работает вообще! 

<script type="text/javascript">
function getElement(iElementId)
{
if (document.all) 
{
    return document.all[iElementId];
}
if (document.getElementById)
{
    return document.getElementById(iElementId);
}
}

function toggleElement(oElement)
{
if (oElement.style.display == "none")
{
    oElement.style.display = "inline";
}
else if (oElement.style.display == "inline")
{
    oElement.style.display = "none";
}
else
{
    oElement.style.display = "none";
}
}
function OpenPage(name) {
    // other function not relevant here //
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
function Switchback(){
//  document.getElementById(MainTable).style.display = "inline";
//    document.getElementById('ContentTable').style.display = "none";
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
</script>

Даже попытка использования функции getElementByID не работает для возврата к отображению основной таблицы ссылок и скрытия таблицы содержимого ... Есть ли способ заставить ее работать? спасибо.

(также, пока мы находимся, каков наилучший способ добавить URL, используя Javascript / AJAX?, Поскольку в данный момент страница является forum / index.php, но когда нажимается ссылка на форум, я хочу URL добавить в forum / index.php? f = и затем соответствующий номер)

1 Ответ

0 голосов
/ 04 апреля 2014 
<script type="text/javascript">
function getElement(iElementId)
{
if (document.all) 
{
    return document.all[iElementId];
}
if (document.getElementById)
{
    return document.getElementById(iElementId);
}
}

function toggleElement(oElement)
{
if (oElement.style.display == "none")
{
    oElement.style.display = "inline";
}
else if (oElement.style.display == "inline")
{
    oElement.style.display = "none";
}
else
{
    oElement.style.display = "none";
}
}
function OpenPage(name) {
    // other function not relevant here //
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
function Switchback(){
//  document.getElementById(MainTable).style.display = "inline";
//    document.getElementById('ContentTable').style.display = "none";
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
</script>
...