Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > скрипт для смены отображающихся блоков


Автор: Peacekeeper 18.10.2005, 15:24
проблема такая.
есть два текстовых блока и два ярлычка для этих блоков. по умолчанию отображается блок-1, на активном ярлычке картинка-1. блок-2 скрыт, ярлычок для второго блока с картинкой-2. при нажатии на второй ярлык нужно отобразить второй блок и поменять на ярлыках картинку местами.
то что мне нужно у меня получилось но как-то сомнительно.
Код

function showSt(news, label)
{ newsgr.style.display= 'none';  newsst.style.display= 'block';
 labelgr.style.backgroundImage='URL(pictures/label1.jpg)'; labelst.style.backgroundImage='URL(pictures/label2.jpg)';}
function showGr(news, label)
{ newsgr.style.display= 'block'; newsst.style.display= 'none';
labelgr.style.backgroundImage='URL(pictures/label2.jpg)'; labelst.style.backgroundImage='URL(pictures/label1.jpg)'; }



то как это выглядит лежит вот тут http://www.steklamusic.narod.ru/ind.html

но работает это тока в IE (.
пробовала менять местами блоки вот так без смены ярлычков
Код

var newsShown = "newsgr";
var newsHidden = "newsst";

function changeNewsSt()
{if (newsShown = 'newsgr')
 {document.getElementById(newsShown).style.display="none";
document.getElementById(newsHidden).style.display="block";
newsShown = 'newsst';
newsHidden = 'newsgr';}
else {document.getElementById(newsShown).style.display="block";
document.getElementById(newsHidden).style.display="none"}
}
function changeNewsGr()
{if (newsShown = 'newsst')
 {document.getElementById(newsShown).style.display="none";
document.getElementById(newsHidden).style.display="block";
newsShown = 'newsgr';
newsHidden = 'newsst';}
}


толучается плохо, при повторном нажатии на один и тот же ярлычок второй блок пририсовывается снизу smile((

Автор: Peacekeeper 18.10.2005, 17:32
сорри, разобралась. наверно вчера мозги сафсем переклинило
все оказалось просто
Код


function showGr() {
   document.getElementById('newsgr').style.display = "block";
   document.getElementById('newsst').style.display = "none";
      document.getElementById('labelgr').style.backgroundImage='URL(pictures/label2.jpg)';
     document.getElementById('labelst').style.backgroundImage='URL(pictures/label1.jpg)';
 }
 function showSt() {
   document.getElementById('newsgr').style.display = "none";
  document.getElementById('newsst').style.display = "block";
   document.getElementById('labelgr').style.backgroundImage='URL(pictures/label1.jpg)';
  document.getElementById('labelst').style.backgroundImage='URL(pictures/label2.jpg)';
 }


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)