Зравствуйте, уважаемые форумчане. Решил создать сайт
http://kaz-tili.webuda.com. Меню реализовывается следующим кодом(на сайте это есть):
Основные пункты
<div align="right" class="smallwhitetext" style="padding:9px;">
<a href="#" id="fiels_1" onMouseOver="sub_menu('1'); return false;">Главная страница</a> | <a href="#" id="field_2" onMouseOver="sub_menu('2'); return false;">Уроки</a>
</div>
Подменю
<div align="right" class="smallgraytext" style="padding:9px;" id='sub_menu'>
</div>
JavaScript-кодvar old_field = false;
var field = false;
function str_replace ( search, replace, subject ) {
if(!(replace instanceof Array)){
replace=new Array(replace);
if(search instanceof Array){
while(search.length>replace.length){
replace[replace.length]=replace[0];
}
}
}
if(!(search instanceof Array))search=new Array(search);
while(search.length>replace.length){
replace[replace.length]='';
}
if(subject instanceof Array){
for(k in subject){
subject[k]=str_replace(search,replace,subject[k]);
}
return subject;
}
for(var k=0; k<search.length; k++){
var i = subject.indexOf(search[k]);
while(i>-1){
subject = subject.replace(search[k], replace[k]);
i = subject.indexOf(search[k],i);
}
}
return subject;
}
function sub_menu(id) {
if (id) {field = document.getElementById('field'+id).innerHTML;
document.getElementById('field'+id).innerHTML = '<strong>'+field+'</strong>';}
if (id == '2')
{document.getElementById("sub_menu").innerHTML = '<a href="#">Лексика</a> | <a href="#">Грамматика</a>';}
if (id == '1') {document.getElementById("sub_menu").innerHTML = ' ';}
if (old_field) {
field = str_replace('<strong>','',document.getElementById('field'+id).innerHTML);
field = str_replace('<strong>','',field);
document.getElementById('field'+id).innerHTML = field;
}
old_field = id;
}
Хотел сделать, что при наведении пункт меню, к которому обращаются становился жирным. Не получается реализовать. Пробовал сделать кодом js в функции sub_menu();
if (id) {field = document.getElementById('field'+id).innerHTML;
document.getElementById('field'+id).innerHTML = '<strong>'+field+'</strong>';}
.
.
.
if (old_field) {
field = str_replace('<strong>','',document.getElementById('field'+id).innerHTML);
field = str_replace('<strong>','',field);
document.getElementById('field'+id).innerHTML = field;
}
old_field = id;
}
Не выходит. Как возможно реализовать?