Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Как сделать чтобы не перекидывало на другую страницу при отправке сообщения?

Есть скрипт гостевой книги который записывает данные с формы в таблицу c помощью ajax без перезагрузки страницы выглядит так
<script>
    function show_messages(Page)
    {
        $.ajax({
            url: "show.php?page=" + Page,
            success: function(data){
            $(".messages").html(data);
            }
        });
    }
                            
    $(document).ready(function(){   
    show_messages();
    $("#form").submit(function(){
        var name = $("#name").val();
        var email = $("#email").val();
        var msg  = $("#message").val();
        $.ajax({
            type: "POST",
            url: "action.php",
            data: "username="+name+"&email="+email+"&msg="+msg+"&action=add",
            success: function(msg){
            show_messages();
            }   
        });
        $("#name,#email,#message").val('');             
    return false;   
    });
    });
    </script>



файл который выводит сообщения выводит на страницу с формой show.php выглядит так
<?php
    include ("dbconnect.php");
    $show_messages=5;
    $page=$_GET['page'];
    $count_messages=mysql_query("SELECT COUNT(*) FROM gb");
    $messages=mysql_result($count_messages,0);
    $total_pages = intval(($messages - 1) / $show_messages) + 1;
    $page = intval($page);
    if(empty($page) or $page < 0) $page = 1;  
    if($page > $total_pages) $page = $total_pages;
    $start = $page * $show_messages - $show_messages;
 
    $c=0;
    $r=mysql_query ("SELECT * FROM gb ORDER BY id DESC LIMIT $start,$show_messages"); 
    while ($row=mysql_fetch_array($r))
    {
?>
                <div class="guestbook_item">
                <div id="guestbook_name"><?php echo $row['username']; ?></div>
                <div id="guestbook_email"><?php echo $row['email']; ?></div>
                <div id="guestbook_message"><?php echo $row['msg']; ?></div>
                </div>
<?php
    $c++;
    }
    if ($c==0)
        echo "Гостевая книга пуста!<br>";
?>
<?
echo "<div id='gb_pagination'>";
for($p=1;$p<=$total_pages;$p++) {
  if($p==$page){
     echo '<b>'.$p.'</b>';
  }else{ ?>
  <a href="gb.php?page='<?= $p ?>'" onclick="show_messages(<?= $p ?>); return false;" ><?= $p ?></a>
<? 
}}
 
echo "</div>"; ?>


Если я нахожусь на 2 странице при нажатии на клавишу отправить меня перекидывает опять на 1 страницу с новым сообщением, подскажите пожалуйста как этого избежать?
Ответ: Откуда здесь:
success: function(Page) { show_messages( может появиться '<?= $p ?>'); ?

Запросили в навигаторе страницу N, и это текущая страница, запомнили (или получать из навигатора при отправке формы), этот номер и нужно передавать в функцию и JS.
Иначе сервер должен помнить текущую страницу.
Вопрос: Запуск приложения навигатор

Доброго времени суток
Кто нибудь может подсказать, как реализовать, включение навигатора на платформах wp,ios,android с заданными координатами и постройка до этой точки маршрута?
Ответ: Vladikslav, 99%, что никак.
Давайте ссылку на карту (естественно карту с адресом), мобильные версии карт сами предложат открыть карту в приложении (если у пользователя оно установлено), скачать приложение, или остаться в браузере и смотреть мобильную версию карт.

Иной вариант это решать задачу частно, т.е. конкретно с каждым популярным приложением-навигатором (скорее всего в РФ есть только одно приложение - я.навигатор), вот например решение для вышеупомянутого - . Просто публикуете на сайте ссылку с пояснением типа "Маршрут для Я.Навигатора: ссылка", те у кого есть я.навигатор нажмут на эту ссылку, у кого нет, будут смотреть просто карту.

Можно так же прописать ширину-долготу, на некоторых сайтах так пишут, правда преимущественно для тех у кого навигатор это отдельное устройство.
Вопрос: Как прикрепить в теме внутренние страницы к меню темы?

нужно чтоб внутрение страницы которые будут по href привязаны к пунктам меню главной страницы,можно было редактировать внутри консоли.пример меню

Не знаю правильно ли я изложил суть проблемы.
Если делать сайт с нуля без cms,то все привязаные к меню страницы просто лежат в директории где и главная страница и редактируются просто через редактор.

А мне нужно тоже сделать многостраничный сайт на Вордпрессе и я не знаю где в консоли вордпресса создавать внутрение страницы чтоб их можно было привязать к href Меню и тут же в консоли редактировать без надобности подключаться через фтп клиент для редактирования ихэ содержания.


Вот пример модель главной страницы и 2х внутренних.Для примера как это можно реализовать на вордпрессе чтоб те внутренние страницы можна было редактировать в консоле.(у меня на практике аж сотня внутренних страниц).


код главной страницы menu.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
 
<title>Меню_Главная</title>
 
<meta charset="utf-8">
 
 
<style>
 
#menu{color:white;}
 
 
</style>
 
</head> 
 
<body>
 
    <div id="menu">
 
<ul>
    <a href="punkt2.html"><li>Пункт меню 1</li></a>
   <a href="punkt2.html"><li>Пункт меню 2</li></a>
 
</ul>
 
   </div>
 
 
Контент главной страницы
 
 
</body>
</html>
файл punkt1

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
 
<title>Страница 1</title>
 
<meta charset="utf-8">
 
 
<style>
 
body{background: yellow;}
 
 
</style>
 
</head> 
 
<body>
 
    <div id="menu">
 
<ul>
    <a href="punkt1.html"><li>Пункт меню 1</li></a>
   <a href="punkt2.html"><li>Пункт меню 2</li></a>
 
</ul>
 
   </div>
<div style="white-space:pre">
  Контент страницы
Контент страницы
КонтенмКонтент страницы
т страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
</div>
 
 
</body>
</html>
файл пункт2

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
 
<title>Страница 2</title>
 
<meta charset="utf-8">
 
 
<style>
 
body{background: green;}
 
 
</style>
 
</head> 
 
<body>
 
    <div id="menu">
 
<ul>
    <a href="punkt1.html"><li>Пункт меню 1</li></a>
   <a href="punkt2.html"><li>Пункт меню 2</li></a>
 
</ul>
 
   </div>
<div style="white-space:pre">
  Контент страницы 1
Контент страницы
КонтенмКонтент страницы
т страницы
Контент страницы2
Контент страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
</div>
 
 
</body>
</html>
Ответ: Зайти в раздел Страницы в админ-панели, создать нужные страницы с нужным содержимым, затем перейти в раздел Внешний вид -> Меню и добавить их в меню сайта.
Вопрос: Вопрос по странице для SEO

Ребята, может кто подскажет как мне быть.

Есть старый сайт на старом движке со страницами в индексе, вот такими:

Ну например есть вот такая страница site.ru/page1 и от вот такая site.ru/page1/sub-page1

Мой движок генерирует все страницы без под страниц, а только вида site.ru/sub-page1

Как быть с SEO что бы страница не выпала с индекса?

Спасибо.
Ответ:
бухалтер фантоцци
gnikspam,

понял так:
- новый движок меняет URL старых страниц (не всех, но многих)
- требуется максимально правильно и корректно скормить изменения URL поисковикам, чтобы текущие позиции не ухудшились

Наверное нужно сделать так:
1. Поменять все внутренние ссылки сайта на новые URL
2. Сделать 301 редиректы со старых URL на новые, чтобы "вес" страниц не потерялся и корректно перешёл на новые URL.
Так же это необходимо для обработки переходов по внешним ссылкам, которые ведут на старые URL
3. Подождать в течение 2 недель - месяца, чтобы поисковая выдача сменилась, поработать с сервисами гугла и яндекса для отслеживания ошибок.

Несколько замечаний:
- Googlebot может пытаться зайти на старые страницы даже через полгода и позже, а если есть внешние ссылки, то любые поисковики будут пытаться по ним пройти, поэтому 301-е редиректы нужно оставить навсегда.
- Рекомендуется сначала сделать тестовую копию сайта, закрытую от индексирования, продумать структуру URL, когда изменения будут сделаны и проверены, обновить основной сайт.
- Рекомендуется сделать отдельную страницу с заголовком 404 not found для показа вместо ненайденных страниц

Если контент страниц предполагается значительно поменять, то проще будет не заморачиваться с 301-ми редиректами.


Практически все страницы без вложенности которые, я url в точности как на старом сайте указал. Проблема именно с под страницами. У меня в движке нет под страниц. Ну вот так почему-то движок работает, что сколько бы не было подвложенностей, все равно на выходе страница вида site.ru/page1 (поменять url page1 я могу без проблем на любые символы)
Вопрос: Перейти на страницу с аякс-контентом по кнопке назад

Помогите разобраться с тем что происходит. Есть страница, на которой данные подгружаются аяксом по переходам на страницы
Код:
_________________________________________
[              1 2 3 4 5          
[          _____________________      
[          [                    ]     
[          [      аякс          ]     
[          [                    ]      
[           ---------------------     
_________________________________________
Данные подружаются по изменению хэша. Т.е. ссылки при переходе по страницам такие mysite.com/#1, mysite.com/#2, ...

первая страница по ссылке mysite.com (т.е. которая соответствует #1) загружается
полностью (без аякса), а все остальные с подгрузкой внутренней части

я остлеживаю событие onhashchange и по кликам на ссылках страниц в функции подгружаю по номерам хешей внутренний блок.

проблема возникает, когда я перехожу например со страницы mysite.com/#10 на страницу mysite.com/help.html и потом нажимаю кнопку назад в браузере.

После того как кнопка назад нажата, браузер показывает правильный url: mysite.com/#10, но во внутреннем блоке данные со страницы mysite.com, т.е. с первой страницы - она из кеша чтоли загружается?

как вернуться по кнопке назад на страницу #10 с правильным содержимым блока аякса?

при этом событие onhashchange не срабатывает (проверял в консоли) и поэтому не загружается внутренний блок для страницы 10

как это решить?
Ответ: ниже в ссылках кстати есть топик, где у кого-то была такая же проблема на сайте дабидабидаби point cvetoland point ru
если перейти на страницу 5, потом перейти на товар, нажать кнопку назад в браузере, то вас выкинет на первую страницу, а нужно на стр. 5
Вопрос: Суть реализации автоподгрузки материала при прокрутке страницы

Захотелось реализовать подгрузку новостей при прокручивании страницы, когда остаётся пикселей 100 до конца страницы, хочу подгружать следующую страницу материалов, но никак не могу представить себе механизм работы.

Объясните принцип работы такой штуки.

Я сейчас представляю это так:
- При скролле {Если меньше n пикселей до конца страницы - вызывается функция подгрузки контента}
Функция скролла
- Если переменной scrollPageNum нет, значит это первая страница, значит устанавливаем scrollPageNum=1! Если есть, значит мы уже прокрутили до определённой страницы и ничего не делаем.
- scrollPageNum + 1 //Мы же подгружаем следующую страницу
- Отправляем на сервер номер страницы (1/2/69)
- На сервере вычисляем, существует ли такая страница, если да - формируем и отправляем её содержимое
- Если ответ получен - добавляем в конец блока с новостями то что получили.

Я правильно представляю принцип работы? Если нет, то объясните как это должно работать.
В моём варианте меня к примеру смущает то, что если во время моего чтения кто-то добавит новый материал (и он сдвинет колличество страниц), а я прокручу страницу вниз - я получу ещё раз содержимое последней страницы.
Так же мне кажется что хранить переменную с количеством страниц немного странно.
Ответ: LeniumSoft, Нет. Просто добавьте в начало новый элемент и вы поймёте о чём я.

Скажем у вас 100 элементов.
Вы выводите по 10.
Вы вывели 10 "страниц".
Добавили в начало 101й элемент.
Прокрутили, скрипт нашёл 101й элемент, это элемент №1
В итоге у вас получилось (по id)
100
99
98
...
3
2
1
1
Вопрос: Прокрутка страницы на 510px вверх и вниз по клику

Здравствуйте.
Я вообще ничего не знаю о jquery. Поэтому прошу вас дать подробный ответ.
Хочу поставить стрелки вверх и вниз на сайт, с помощью которых, посетители могли прокручивать страницу вверх или вниз.
Для реализации этого нашла много скриптов. Но в моем случае, все должно быть намного по другому. 

При каждом клике, страница должна прокручиваться на 510px вверх или вниз. Если кликнуть стрелку вниз, то страница прокручивается на 510px вниз. Если еще раз кликнуть стрелку вниз, то страница должна снова покрутится на 510 px вниз. 
Если кликнуть на стрелку вверх, то страница должна покрутится вверх на 510 px. Каждый раз при клике на стрелку вверх, страница должна покрутится вверх на 510 px cнова и снова.

В интернете нашла такой скрипт, но он не решает мой вопрос. Он умеет только покрутит страницу вниз до самого вниза или наоборот, вверх.

Код

<script type='text/javascript'>
//<![CDATA[
$(function(){
 if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
 });
 
 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
 });
 
 $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
 $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
//]]>
</script>



Код

.go-up,
.go-down {
  display:none;
  position: fixed; /*позиционируем*/
  right: 5px; /*указываем положение, если слева - left*/
  z-index: 9999; /*показываем поверх все элементов на странице*/
  background: #4F4F4F;
  border: 2px solid #ccc; /*толщина, стиль, цвет рамки*/
  box-shadow: 0 10px 0.3em -0.1em rgba(0,0,6,0.5); /*тень*/
  border-radius: 10px;
  cursor: pointer;
  color: #fff; /*цвет стрелок*/
  text-align: center; /*выравнивание*/
  font-size: 42px; /*размер стралок*/
  text-shadow: 0 1px 2px #000, 0 0 10px #E0F1FF;
  opacity: .7; /*прозрачность*/
  padding: 0 3px 5px 3px; /*отступы внутри*/
  margin-bottom: 5px; /*отступ снизу (можно не указывать)*/
  width: 48px; /*ширина кнопки*/
  height: 48px; /*высота кнопки*/
}
.go-up {
  bottom: 70px; /*положение от низа окна браузера*/
}
.go-down {
  bottom: 10px;
}
/*стили при наведении курсора*/
.go-down:hover,
.go-up:hover {
  opacity: 1;
}


Код

<div class="go-up" title="Вверх" id='ToTop'>⇧</div>
<div class="go-down" title="Вниз" id='OnBottom'>⇩</div>



Также, в интернете нашла демо одного скрипта  Чем-то похожее.

Вы можете помочь?
Ответ:
Здравствуйте.
Я вообще ничего не знаю о jquery. Поэтому прошу вас дать подробный ответ.
Хочу поставить стрелки вверх и вниз на сайт, с помощью которых, посетители могли прокручивать страницу вверх или вниз.
Для реализации этого нашла много скриптов. Но в моем случае, все должно быть намного по другому. 

При каждом клике, страница должна прокручиваться на 510px вверх или вниз. Если кликнуть стрелку вниз, то страница прокручивается на 510px вниз. Если еще раз кликнуть стрелку вниз, то страница должна снова покрутится на 510 px вниз. 
Если кликнуть на стрелку вверх, то страница должна покрутится вверх на 510 px. Каждый раз при клике на стрелку вверх, страница должна покрутится вверх на 510 px cнова и снова.

В интернете нашла такой скрипт, но он не решает мой вопрос. Он умеет только покрутит страницу вниз до самого вниза или наоборот, вверх.

Код

<script type='text/javascript'>
//<![CDATA[
$(function(){
 if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
 });
 
 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
 });
 
 $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
 $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
//]]>
</script>



Код

.go-up,
.go-down {
  display:none;
  position: fixed; /*позиционируем*/
  right: 5px; /*указываем положение, если слева - left*/
  z-index: 9999; /*показываем поверх все элементов на странице*/
  background: #4F4F4F;
  border: 2px solid #ccc; /*толщина, стиль, цвет рамки*/
  box-shadow: 0 10px 0.3em -0.1em rgba(0,0,6,0.5); /*тень*/
  border-radius: 10px;
  cursor: pointer;
  color: #fff; /*цвет стрелок*/
  text-align: center; /*выравнивание*/
  font-size: 42px; /*размер стралок*/
  text-shadow: 0 1px 2px #000, 0 0 10px #E0F1FF;
  opacity: .7; /*прозрачность*/
  padding: 0 3px 5px 3px; /*отступы внутри*/
  margin-bottom: 5px; /*отступ снизу (можно не указывать)*/
  width: 48px; /*ширина кнопки*/
  height: 48px; /*высота кнопки*/
}
.go-up {
  bottom: 70px; /*положение от низа окна браузера*/
}
.go-down {
  bottom: 10px;
}
/*стили при наведении курсора*/
.go-down:hover,
.go-up:hover {
  opacity: 1;
}


Код

<div class="go-up" title="Вверх" id='ToTop'>⇧</div>
<div class="go-down" title="Вниз" id='OnBottom'>⇩</div>



Также, в интернете нашла демо одного скрипта  Чем-то похожее.

Вы можете помочь?
Вопрос: Как вывести посты на страницу Wordpress?

Здравствуйте, у меня два вопроса, которые между собой перекликаются.

1. Как вывести посты(записи) на определенную страницу, есть ли такая возможность?
2. Как вывести посты определенной рубрики на страницу?

Добавлено через 15 минут
Насколько я понимаю, нужно получить массив записей нужной рубрики, пройтись по нему, и передать полученные значения на желаемую страницу.

Как получить доступ к желаемой функции и странице, какая для этого имеется функция?
Ответ:
Сообщение от Pepeka
Точно на определенной странице? А что это за страница?
первый вариант использования: у меня есть в топ меню страница, которая переносит на каталоги товаров отсортированных по брендам. Либо сразу на записи(товары) определенного бренда.

второй: Я хочу вести на странице какие-то записи, но т.к в WP нельзя публиковать посты непосредственно на страницу, я могу их сначала добавлять в какую-нибудь рубрики, а уже из нее выводить на страницу.

Сообщение от Pepeka
Реализаций несколько. Да, в том числе можно и через запрос к БД + цикл вывода.
Либо используя стандартные функции WP.
Работать с БД я пока не умею, а вот про функции WP я бы хотел узнать поподробней. А именно, мне нужно получить id странице нужной мне рубрики, пройтись по нему, и с помощью WP функции передать полученные значения на id желаемой странице - это все мое понимание задачи, исправьте, если я не прав.
Вопрос: Перенос выбранного переключателя на другую страницу

Подскажите как сделать:
Что бы гость выбрал один товар (из переключателя) и по нажатию кнопки оказался на другой страницы, и что бы на той страницы был тот товар который он выбрал, подскажите как это сделать если у меня HTML страница?

P.S Хостинг не поддерживает php на XTML страницы.

Код HTML5
1
2
3
<input name="beer" type="radio" value="1" /><img height="111"src="http://chit1243.at.ua/cfkaps/35.jpg" width="160" />
<input name="beer" type="radio" value="1" /><img height="111" src="http://chit1243.at.ua/cfkaps/36.jpg" width="160" />
<input name="beer" type="radio" value="1" /><img height="111" src="http://chit1243.at.ua/cfkaps/37.jpg" width="160" />
Ответ:
Сообщение от Fogg
P.S Хостинг не поддерживает php на XTML страницы.
Что вообще это значит?
Что бы ваш "гость" при нажатии на "переключатель" оказался на другой страницЕ его нужно перенаправить, для этого необходимо знать адрес той страницы на которую он должен попасть, правильно? Если сопоставить имеющийся у вас адрес страницы и минимальную логику, можно предположить, что вам просто необходимо поставить тег <a href='страница с товаром'>Товар 1</a>, все это можно обернуть в список и получить перечень товаров...
Код HTML5
1
2
3
4
5
<ul>
    <li><a href='страница с  товаром'>Товар 1</a></li>
    <li><a href='страница с  товаром'>Товар 2</a></li>
    <li><a href='страница с  товаром'>Товар 3</a></li>
</ul>
Список можно оформить так как вам будет угодно
Если использовать ссылки по их назначению религия не позволяет,
Код HTML5
1
2
3
4
5
<select id='goods'>
     <option value=''>Выберите товар</option>
    <option value='http://www.cyberforum.ru/html/'>Товар 1</option>
    <option value='http://www.cyberforum.ru/'>Товар 2</option>
</select>
Код Javascript
1
2
3
4
document.getElementById('goods').onchange = function(){
    if(this.value)
        document.location.href = this.value;
}
Вопрос: Получить URL загружаемой страницы

Здравствуйте.

Помогите пожалуйста понять как лучше реализовать следующую задачу:

На странице есть форма, при сабмите аяксом отправляется на сервер, который после обработки возвращает новую страницу (контент) который помещается в текущую страницу.
От формы и наличия ошибок зависит какой контент (какой страницы) вернет сервер. После чего я меняю текущий URL (без перезагрузки) на тот, что и вернул бы браузер если бы форма отправлялось не аяксом (URL новой страницы), делаю это с помощью History API.

Когда страница грузится аяксом,например, после клика по ссылке, я беру URL из href.

Но как это сделать когда отправляется форма, и неизвестно заранее какая страница будет возвращена ?

Для понятности, примерный код обработки отправляемой формы, где errorPage() возвращает , допустим, текущую страницу с текстами ошибок, а newPage() - новую страницу, url которой нужно получить для работы в History API.
PHP
1
2
3
4
5
6
if ($_POST["form_name"]) {
 
  if (errors_exists($_POST)) return errorPage();
  else return newPage();
 
}
Думаю что в моём случае можно в форме создать input для хранения в нём URL новой страницы.
Может быть можно это реализовать лучше ?
Ответ:
Сообщение от failure1
Но как это сделать когда отправляется форма, и неизвестно заранее какая страница будет возвращена ?
Вот пускай сервер и возвращает пайлод в котором указан идентификатор uri и контент.