jokerok
05.03.2009, 22:20
проблемы с явой, делаю раздвижное меню, вот одна часть кода:
<SCRIPT language=JavaScript type="text/javascript">
var browserName = '';
var browserNew = '';
function getIdProperty(id,property) {
var styleObject = document.getElementById( id );
if (styleObject != null) {
styleObject = styleObject.style;
if (styleObject[property]) {
return styleObject[ property ];
}
}
return (styleObject != null) ?
styleObject[property] :
null;
}
function setIdProperty(id,property,value) {
var styleObject = document.getElementById( id );
if (styleObject != null) {
styleObject = styleObject.style;
styleObject[ property ] = value;
}
}
function getDisplay(id) {
if (browserNew) {
return getIdProperty(id,"display");
}
else {
if (browserName == "NS") {
return document.layers[id].display;
}
else {
return document.all[id].style.display;
}
}
}
function switchDisplay(id,value) {
if (browserNew) {
setIdProperty(id,"display",value);
}
else {
if (browserName == "NS") {
document.layers[id].display = value;
}
else {
document.all[id].style.display = value;
}
}
}
function expandContent(id, param){
if (getDisplay('t' + id) == 'none') {
switchDisplay('t'+id,'block');
setIdProperty('a'+id, 'color', '#000000')
} else {
switchDisplay('t'+id,'none');
setIdProperty('a'+id, 'color', '#444444')
}
}
</SCRIPT>
<tr><td><a href="#" onClick="expandContent('1'); return false;"><img src="http://gta.ya1.ru/templates/gta/images/navigation.jpg"border=0 alt="" width="143" height="36"></a>
<br></td></tr><tr><td>
<div id="t1" style="border:0px; display:none;padding-left:10px;">
<a href="ссылка на раздел 1"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
</div></td></tr>
Все бы ничего, да тока в мозиле (в шаблоне сайта) не работает, но в текстовке, открытой через мозилу все прекрастно, попробовал через встроенную функцию в двиге (ДЛЕ), код примерно такой:
<tr><td>» <a href="javascript:ShowOrHide('options')">2 раздел</a>
<br></td></tr><tr><td>
<div id="options" style="display:none;">
<table>
<a href="ссылка на раздел 2"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br></table>
</div></td></tr>
javascript:ShowOrHide('options') взято из функции http://ok.ya1.ru/user/ваш ник/, там где кнопка редактировать профиль (javascript:ShowOrHide('options')) , опять же траблы с мозилой, но в двиге работает ведь норм, подскажите что я не так делаю, дайте совет
<SCRIPT language=JavaScript type="text/javascript">
var browserName = '';
var browserNew = '';
function getIdProperty(id,property) {
var styleObject = document.getElementById( id );
if (styleObject != null) {
styleObject = styleObject.style;
if (styleObject[property]) {
return styleObject[ property ];
}
}
return (styleObject != null) ?
styleObject[property] :
null;
}
function setIdProperty(id,property,value) {
var styleObject = document.getElementById( id );
if (styleObject != null) {
styleObject = styleObject.style;
styleObject[ property ] = value;
}
}
function getDisplay(id) {
if (browserNew) {
return getIdProperty(id,"display");
}
else {
if (browserName == "NS") {
return document.layers[id].display;
}
else {
return document.all[id].style.display;
}
}
}
function switchDisplay(id,value) {
if (browserNew) {
setIdProperty(id,"display",value);
}
else {
if (browserName == "NS") {
document.layers[id].display = value;
}
else {
document.all[id].style.display = value;
}
}
}
function expandContent(id, param){
if (getDisplay('t' + id) == 'none') {
switchDisplay('t'+id,'block');
setIdProperty('a'+id, 'color', '#000000')
} else {
switchDisplay('t'+id,'none');
setIdProperty('a'+id, 'color', '#444444')
}
}
</SCRIPT>
<tr><td><a href="#" onClick="expandContent('1'); return false;"><img src="http://gta.ya1.ru/templates/gta/images/navigation.jpg"border=0 alt="" width="143" height="36"></a>
<br></td></tr><tr><td>
<div id="t1" style="border:0px; display:none;padding-left:10px;">
<a href="ссылка на раздел 1"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
</div></td></tr>
Все бы ничего, да тока в мозиле (в шаблоне сайта) не работает, но в текстовке, открытой через мозилу все прекрастно, попробовал через встроенную функцию в двиге (ДЛЕ), код примерно такой:
<tr><td>» <a href="javascript:ShowOrHide('options')">2 раздел</a>
<br></td></tr><tr><td>
<div id="options" style="display:none;">
<table>
<a href="ссылка на раздел 2"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br></table>
</div></td></tr>
javascript:ShowOrHide('options') взято из функции http://ok.ya1.ru/user/ваш ник/, там где кнопка редактировать профиль (javascript:ShowOrHide('options')) , опять же траблы с мозилой, но в двиге работает ведь норм, подскажите что я не так делаю, дайте совет