образец туту http://fools-rpg.ru/viewtopic.php?id=53#p157 (тыкать на картинки и опа информация)
под аватаром появляются кнопочки переключения:
1 кнопка - информация пользователя
2 кнопка - 1 доп. поле
3 кнопка - 2 доп. поле
4 кнопка - 3 доп. поле
ТЕКСТ текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ТЕКСТ текст текст текст ТЕКСТ текст текст текст текст текст текст текст текст текст ТЕКСТ картинка картинка ТЕКСТ текст текст текст текст текст текст текст текст текст текст текст текст |
текст текст текст текст текст текст
ТЕКСТ текст текст текст текст текст текст текст текст текст ТЕКСТ ТЕКСТ ТЕКСТ текст текст текст текст |
New York Test |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » New York Test » Новый форум » скрипт переключения меню под профилем
образец туту http://fools-rpg.ru/viewtopic.php?id=53#p157 (тыкать на картинки и опа информация)
под аватаром появляются кнопочки переключения:
1 кнопка - информация пользователя
2 кнопка - 1 доп. поле
3 кнопка - 2 доп. поле
4 кнопка - 3 доп. поле
код:
в 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='Об игроке'> <input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='Об игроке'> <input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='Доп. поле'> <input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='4' id='bu4' title='Доп. поле'> </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>
Вы здесь » New York Test » Новый форум » скрипт переключения меню под профилем