Помощ за меню

[StormBreaker]

Значи, имам едно меню -- ТУК

Има javascript код:

window.onload=show;
function show(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

чрез който менюто се "отваря". Искам да може и да се затваря, чрез повторно кликане. Нищо неразбирам от javascript и затова пускам тази тема. Надявам се, че можете да ми помогнете.

Ето ми го кода за менюто:

<table class="menu" width="156" border="0">
	<tr>
		<td class="cap">Main Menu</td>
	</tr>
	<tr>
		<td>
			<dl id="menu">

		<dt onclick="javascript:show();"><a href="index.php">Начало</a></dt>
			
		<dt onclick="javascript:show('smenu2');">За Регистрирани</dt>
			<dd id="smenu2">
				<ul>
					<li><a href="login/profile.php">Профил</a></li>
					<li><a href="login/pmsgs.php">Съобщния</a></li>
				</ul>
			</dd>	

		<dt onclick="javascript:show('smenu3');">Игри</dt>
			<dd id="smenu3">
				<ul>
					<li><a href="browse.php?cat=pc">PC</a></li>
					<li><a href="browse.php?cat=xbox">XBoX</a></li>
					<li><a href="browse.php?cat=psp">PSP</a></li>
					<li><a href="browse.php?cat=ps2">PS2</a></li>
					<li><a href="browse.php?cat=ps3">PS3</a></li>
					<li><a href="browse.php">Всички</a></li>

					<li><a href="addgame.php">Добави</a></li>

				</ul>
			</dd>

		<dt onclick="javascript:show('smenu4');">Ръководства</dt>
			<dd id="smenu4">
				<ul>
					<li><a href="gbrowse.php?cat=pc">PC</a></li>
					<li><a href="gbrowse.php?cat=xbox">XBoX</a></li>
					<li><a href="gbrowse.php?cat=psp">PSP</a></li>
					<li><a href="gbrowse.php?cat=ps2">PS2</a></li>
					<li><a href="gbrowse.php?cat=ps3">PS3</a></li>
					<li><a href="gbrowse.php">Всички</a></li>

					<li><a href="addguide.php">Добави</a></li>
				</ul>
			</dd>
	
</dl>
</td>
</tr>

 

[jooorooo]

http://web-tourist.net/login/login/view.php?st=1039

 

[StormBreaker]

Моля те направи ми този javascript да се затваря

 

[dashe]

@StormBreaker Питах на едно място..
Ама още никои нищо не ми е отговорил.. :?

 

[datamatrix]

Готово :lol: Ето го новия script:

<script type="text/javascript">

</script>

Също така трябва да смениш:
onclick="javascript: show();
със
onclick="javascript: show_hide();

и
onclick="javascript: show('smenu2');
със
onclick="javascript: show_hide('smenu2');

и
onclick="javascript: show('smenu3');
със
onclick="javascript: show_hide('smenu3');

и
onclick="javascript: show('smenu4');
със
onclick="javascript: show_hide('smenu4');

Гарантирам, че в Mozilla 2.x и в IE6 работи без грешка
DEMO

 

[StormBreaker]

Благодаря страшно много! +1 точка :wink:

 

[porostorm]

Добре е станало менюто, пуснете го в уроците.

 

[StormBreaker]

А има ли някакъв начин (примерно с javascript) да се премахне това селектиране за IE и Opera? Аз пробвах със CSS става, ама само под Firefox 2. То не е болка за умиране де ама се старая всеки детайл да е изпипан.

 

[datamatrix]

Ще потърся. BTW, харесва ми какво правиш, ако 213.240.206.92 е твоето IP (PC), от което хостваш, искаш ли да ти дам събдомейн, например stormbreaker.datamatrix-bg.info (.info e 6лв от Host.bg)

 

[datamatrix]

Ето какво намерих по темата:
http://aptana.com/reference/api/CSSElements.field.-moz-user-select.html
и от http://www.xulplanet.com/references/elemref/ref_StyleProperties.html това:

-moz-user-select

Used to indicate whether the text of the element can be selected. This doesn't have any affect on content loaded as chrome, except in textboxes. A similar property 'user-select' has been proposed for CSS3. но не работи

* none: The text of the element cannot be selected.
* normal: The text can be selected by the user.

Има подобно нещо (-o-user-select) за опера, но не съм пробвал.

Ако искаш да избегнеш селектирането на текста на ВСЯКА цена, може да опиташ да сложиш картинки с нарисуван текста на тях