Jump to content
  • 0

Умные вкладки

Yahoo!

Asked by Yahoo!,

 Share

Question

Yahoo! Explorer

Yahoo!

Posted
Posted (edited)

Как сделать, что б содержимое всех вкладок при отключении скриптов были все показаны (display: block), а при скриптах содержимое неактивных вкладок было спрятано? И сами вкладки при скриптах были показаны, а при отключении скриптов - скрывались.

В скриптах, ламер я)

Попробовал

function tab() {
document.getElementById("t2").style.display = "none";
document.getElementById("t3").style.display = "none"
document.getElementById("tab").style.display = "block"
}

#t2, 
#t3 {display: block}
#tab {display: none}

<body onLoad="tab; return false">...</body>

...ничего

В гугле всё перерыл, нашёл супер-вкладки. Там как раз как я хочу, но не понимаю как там это устроено всё...

Буду очень-очень благодарен за помощь.

Edited by Yahoo!
Link to comment
Share on other sites

33 answers to this question

Recommended Posts

  • 0
Yahoo! Explorer

Yahoo!

Posted
  • Author
Posted (edited)

фуууууух... сделал

	var block = document.getElementById('block')
	var blockDiv = block.getElementsByTagName('div')
	for(var k = 0; k<blockDiv.length;k++) blockDiv.item(k).className = 'none'
var tabTitle = getElementsByClassName('tabTitle')
for(var k = 0; k<tabTitle.length;k++) tabTitle.item(k).className = 'none'
	blockDiv.item(0).className = 'active'
	function test(number){
		var menu = document.getElementById('menu')
		var li = menu.getElementsByTagName('li')

		var block = document.getElementById('block')
		var blockDiv = block.getElementsByTagName('div')

		for(var i = 0; i<li.length;i++) li.item(i).className = ''
		for(var k = 0; k<blockDiv.length;k++) blockDiv.item(k).className = 'none'
		for(var k = 0; k<tabTitle.length;k++) tabTitle.item(k).className = 'none'

		li.item(number).className = 'active'
		blockDiv.item(number).className = 'active'

	}

оказывается ещё надо блок скрипта в правильном месте расположить! в CSS переправил div#block div.none на div#block .none ну и добавил с одной статьи скрипт для getElementsByClassName. Теперь вообще сахар! Только не валидно, попробую исправить.

Ах, надо исправить, что б #menu переправить на .menu - не получается и #block на .block соответственно, а то один раз только использовать вкладки?

Edited by Yahoo!
Link to comment
Share on other sites
  • 0
YanaSt Explorer

YanaSt

Posted
Posted (edited)

Чтобы новую тему не создавать, тут спрошу. В предыдущих постах был скрипт дан для такой структуры (часть):

        <div id="block">
                <div>Content 1</div>
                <div>Content 2</div>
                <div>Content 3</div>
                <div>Content 4</div>
        </div>

А как сделать для такой структуры:

        <div id="block">
                <div id="cont1">Content 1</div>
                <div id="cont2">Content 2</div>
                <div id="cont3">Content 3</div>
                <div id="cont4>Content 4</div>
        </div>

?

Если брать изначальный код, то у меня все вложенные дивы становятся невидимыми на активной вкладке.

Edited by YanaSt
Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Вы даже не попытались предложить денег. А еще вы не попытались прочитать правила форума, где в самом начале написано:

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

Так что же нам делать?

1) Предлагаю кинуть мне на интернет 300 рублей и я за вас напишу скрипт.

2) Предлагаю создать тему в разделе "Коммерческие предложения" и, может быть, вам кто-то сделает дешевле.

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept