X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Деление на страницы в JavaScript
ElektrinO
ElektrinO
Topic Starter сообщение 2.8.2008, 22:29; Ответить: ElektrinO
Сообщение #1


На этом форуме есть внизу одна вещь! когда ответов больше 20 то он создаёт другую страницу ! как это сделать? мне только надо как то правильно сделать цифры.
вот как я сделал HTML cod:
          <!-- controls above thread list -->
<script language="javascript">
var pagetext = "";

pagetext+="<table cellpadding=0 cellspacing=0 border=0 width=100% style=margin-bottom:3px>";
pagetext+="<tr valign=bottom>";
pagetext+="<td align=center><div class=pagenav align=center>";
pagetext+="<table class=tborder cellpadding=3 cellspacing=1 border=0>";
pagetext+="<tr>";
pagetext+="<td class=vbmenu_control style=font-weight:normal>Страница 1 из 15</td>";
for (np=1;np<16;np++){
pagetext+="<td class=alt1><a class=smallfont href=javascript: onclick=this.href='"+np+".htm' title='с "+(np*10-9)+" по "+(np*10)+" из 150'>"+np+"</a></td>";
}
pagetext+="<td class=alt2><span class=smallfont title='Показано с 31 по 40 из 150.'><strong>3</strong></span></td>";
pagetext+="<td class=alt1><a class=smallfont href=javascript: onclick=this.href='4.htm' title='Следующая страница - с 31 по 40 из 150'>&gt;</a></td>";
pagetext+="<td class=alt1 nowrap=nowrap><a class=smallfont href=javascript: onclick=this.href='15.htm' title='Последняя страница - с 141 по 150 из 150'>Последняя <strong>&raquo;</strong></a></td>";
pagetext+="<td class=vbmenu_control ><a name=PageNav></a></td>";
pagetext+="</tr>";
pagetext+="</table>";
pagetext+="</div></td>";
pagetext+="</tr>";
pagetext+="</table>";

document.write(pagetext);
</script>
           <!-- / controls above thread list -->

CSS cod:
    <!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
a:link, body_alink
{
    color: #22229C;
}
a:visited, body_avisited
{
    color: #22229C;
}
a:hover, a:active, body_ahover
{
    color: #FF4400;
}
.smallfont
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
    background: #D1D1E1;
    color: #000000;
    border: 1px solid #6C6C6C;
}

.alt1
{
    background: #F5F5FF;
    color: #000000;
}
.alt2
{
    background: #E1E4F2;
    color: #000000;
}
.vbmenu_control
{
    background: #9B9B9B;
    color: #FFFFFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
</style>
    <!--/ CSS Stylesheet -->

Я эти вещи взял с этого форума! как можно его сделать лучше?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 4.8.2008, 11:02; Ответить: Exterior
Сообщение #2


ElektrinO, лучше и правильнее это будет сделать на PHP, JavaScript не умеет работать с БД - постраничный вывод из таблицы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ElektrinO
ElektrinO
Topic Starter сообщение 4.8.2008, 22:04; Ответить: ElektrinO
Сообщение #3


не мне надо на HTML! потому что у меня ща нет php хост! только html
ща я так сделаль:
function page_write(page_x, page_y, page_pos, page_max){
var pagetext = "";
pagetext+="<style type=text/css id=vbulletin_css>";
pagetext+="a:link, body_alink";
pagetext+="{";
pagetext+="    color: #22229C;";
pagetext+="}";
pagetext+="a:visited, body_avisited";
pagetext+="{";
pagetext+="    color: #22229C;";
pagetext+="}";
pagetext+="a:hover, a:active, body_ahover";
pagetext+="{";
pagetext+="    color: #FF4400;";
pagetext+="}";
pagetext+=".smallfont";
pagetext+="{";
pagetext+="    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;";
pagetext+="}";
pagetext+=".tborder";
pagetext+="{";
pagetext+="    background: #D1D1E1;";
pagetext+="    color: #000000;";
pagetext+="    border: 1px solid #6C6C6C;";
pagetext+="}";
pagetext+=".alt1";
pagetext+="{";
pagetext+="    background: #F5F5FF;";
pagetext+="    color: #000000;";
pagetext+="}";
pagetext+=".alt2";
pagetext+="{";
pagetext+="    background: #E1E4F2;";
pagetext+="    color: #000000;";
pagetext+="}";
pagetext+=".vbmenu_control";
pagetext+="{";
pagetext+="    background: #9B9B9B;";
pagetext+="    color: #FFFFFF;";
pagetext+="    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;";
pagetext+="    padding: 3px 6px 3px 6px;";
pagetext+="    white-space: nowrap;";
pagetext+="}";
pagetext+=".pagenav a { text-decoration: none; }";
pagetext+=".pagenav td { padding: 2px 4px 2px 4px; }";
pagetext+="</style>";

pagetext+="<table cellpadding=0 cellspacing=0 border=0 width=100% style=margin-bottom:3px>";
pagetext+="<tr valign=bottom>";
pagetext+="<td align=center><div class=pagenav align=center>";
pagetext+="<table class=tborder cellpadding=3 cellspacing=1 border=0>";
pagetext+="<tr>";
pagetext+="<td class=vbmenu_control style=font-weight:normal>Страница "+page_pos+" из "+page_max+"</td>";

if (page_pos>5){
pagetext+="<td class=alt1 nowrap=nowrap><a class=smallfont href=javascript: onclick=this.href='"+(page_max-(page_max-1))+".htm' title='Первая страница - с "+(page_max-(page_max-1))+" по "+(page_max-(page_max-10))+" из "+(page_max*10)+"'><strong>&laquo;</strong> Первая</a></td>";
}
if (page_pos>1){
pagetext+="<td class=alt1><a class=smallfont href=javascript: onclick=this.href='"+(page_pos-1)+".htm' title='Предыдущая страница - с "+((page_pos-10)*10)+" по "+((page_pos-1)*10)+" из "+(page_max*10)+"'><</a></td>";
}
for (np=page_x;np<page_y;np++){
if (np==page_pos){
pagetext+="<td class=alt2><span class=smallfont title='Показано с "+(np*10-9)+" по "+(np*10)+" из "+(page_max*10)+".'><strong>"+page_pos+"</strong></span></td>";
}else{
pagetext+="<td class=alt1><a class=smallfont href=javascript: onclick=this.href='"+np+".htm' title='с "+(np*10-9)+" по "+(np*10)+" из "+(page_max*10)+"'>"+np+"</a></td>";
}
}
if (page_pos<page_max){
pagetext+="<td class=alt1><a class=smallfont href=javascript: onclick=this.href='"+(page_pos+1)+".htm' title='Следующая страница - с "+((page_pos-8)*10)+" по "+((page_pos+1)*10)+" из "+(page_max*10)+"'>></a></td>";
}
if (page_pos<(page_max-4)){
pagetext+="<td class=alt1 nowrap=nowrap><a class=smallfont href=javascript: onclick=this.href='"+page_max+".htm' title='Последняя страница - с "+(page_max*10-9)+" по "+(page_max*10)+" из "+(page_max*10)+"'>Последняя <strong>&raquo;</strong></a></td>";
}
pagetext+="<td class=vbmenu_control ><a name=PageNav></a></td>";
pagetext+="</tr>";
pagetext+="</table>";
pagetext+="</div></td>";
pagetext+="</tr>";
pagetext+="</table>";

document.write(pagetext);
}

надо использовать так:
                   <!-- controls above thread list -->
<script language="javascript">
page_write(1, 6, 1, 15)
</script>
                    <!-- / controls above thread list -->


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2914 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1243 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44926 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1297 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3412 21.2.2022, 8:43
автор: АлексейWEB


 



RSS Текстовая версия Сейчас: 24.4.2024, 5:15
Дизайн