Вверх страницы

Вниз страницы

ТЕКСТ
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

ТЕКСТ
текст текст текст

ТЕКСТ

текст текст текст текст текст текст текст текст текст

ТЕКСТ
картинка картинка


ТЕКСТ

текст текст текст


текст текст текст текст текст текст текст текст текст






текст текст текст текст текст текст

ТЕКСТ

текст текст текст текст текст текст текст текст текст

ТЕКСТ



ТЕКСТ
текст текст текст текст текст текст текст текст текст

ТЕКСТ
ТЕКСТ


ТЕКСТ
текст текст текст текст


New York Test

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » New York Test » Новый форум » скрипт переключения меню под профилем


скрипт переключения меню под профилем

Сообщений 1 страница 2 из 2

1

http://uploads.ru/i/I/E/z/IEzd0.jpg
образец туту http://fools-rpg.ru/viewtopic.php?id=53#p157 (тыкать на картинки и опа информация)

под аватаром появляются кнопочки переключения:
1 кнопка - информация пользователя
2 кнопка - 1 доп. поле
3 кнопка - 2 доп. поле
4 кнопка - 3 доп. поле

0

2

код:
в html низ

Код:
<script>
function HideInfo(id,but){
if(but.value=="1"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-fld1") || (fil[fi].className=="pa-fld2") || (fil[fi].className=="pa-fld3"))
{fil[fi].style.display = "none";}
if ((fil[fi].className!="pa-fld1") && (fil[fi].className!="pa-fld2") && (fil[fi].className!="pa-fld3"))
{fil[fi].style.display = "block";}
}
}
if(but.value=="2"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1") 
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1")
{fil[fi].style.display = "block";}
}
}
if(but.value=="3"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld2")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld2") 
{fil[fi].style.display = "block";}
}
}
if(but.value=="4"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld3")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld3") 
{fil[fi].style.display = "block";}
}
}
  return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<center><input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='1' id='bu1' title='Об игроке'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='Об игроке'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='Доп. поле'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='4' id='bu4' title='Доп. поле'>&nbsp;</center><div id='info"+i+"'>"+t.substring(j,t.length)+"</div>"}}
</script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {

$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});

});
</script>

Во второе окно стиля:

Код:
#bu1 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu2 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu3 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu4 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}

ВНИМАНИЕ! ПОЛЯ ДОЛЖНЫ БЫТЬ ВИДНЫ ВСЕМ! И ДОЛЖНЫ СТОЯТЬ В САМОМ НИЗУ ПОЛЕЙ!
ЧТОБЫ СДЕЛАТЬ ИХ ПОСЛЕ АВАТАРА, СТАВИМ В САМЫЙ НИЗ HTML НИЗ:

Код:
<script type="text/javascript">
$(".post .post-author ul").each(function(){
 $(this).find("center:first").insertBefore($(this).find("li.pa-avatar"))

});
</script>

0


Вы здесь » New York Test » Новый форум » скрипт переключения меню под профилем


Рейтинг форумов | Создать форум бесплатно