Как сделать чтобы после ввода значения и его выхода страница не отматывалась на начало?

Question

Алексей @selftrips

PHP
HTML

Как сделать чтобы после ввода значения и его выхода страница не отматывалась на начало?

Каждый раз страница прыгает на начало, как сделать так чтобы оставалась на месте?

<center>
 <form method="post">
 <input type="text" name="imya" size="35">
 <input type="submit" value="Введите имя" value="<?= htmlspecialchars($_REQUEST['imya']); ?>">
 </form>
</center>
<?php
echo $_POST['imya'];

Вопрос задан более трёх лет назад
105 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

Михаил Р. @Mike_Ro

Вопросы за 300. Вы ошиблись с форумом телепатов...
Сформулируйте Ваш вопрос более внятно...

Написано более трёх лет назад
Алексей @selftrips Автор вопроса

Mike Ro, На странице размещаю простою форму ввода и тут же вывод.
Но страница при выводе (или вводе) "прыгает на начало, если был скрол.
Как сделать чтобы на месте оставалась?

Написано более трёх лет назад
leni_m @leni_m

отправка формы - это переход на новую страницу. Для того чтобы отправлять данные, не перезагружая страницу, нужно подучить ajax в javascript.

Написано более трёх лет назад
Алексей @selftrips Автор вопроса

leni_m, можете показать самой простой вариант?

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

7 комментариев

Алексей @selftrips Автор вопроса

Что-то не получается
myexpedia.ru/?p=71
Можно уйти от фала php?

Написано более трёх лет назад
leni_m @leni_m
Алексей selftrips.ru, скрипт ниже формы опустите, т. к. он еще не знает о существовании формы.
Или есть еще много всяких конструкций которые явно указывают скрипту, выполняться после полной загрузки страницы - линк
т.е. так:
$(function() { $('#vasya').on('submit', function() { var params = $(this).serialize(); $.ajax({ type: "POST", url: "/vasya.php", data: params }) .done(function (data) { $('#result').html(data); }); return false; }); });
Написано более трёх лет назад
leni_m @leni_m
а без файла php конечно можно обойтись. Только js:
$('#vasya').on('submit', function() { var name = $("input[name=imya]").val() // это я хз правильно или нет, но просто по input не обратиться - их два $('#result').html(name); return false; });

Просто с помощью хтмл тега <form> можно отправить данные на пэхапэ, но это переход на новую страницу с этими данными.
А с помощью js мы можем эту страницу получить в переменную.
Т.е. что с помощью тега, что с помощью ajax мы будем обращаться к vasya.php - ответ будет один и тот же. Однако, в первом случае, нам ответ откроется на новой странице, а во втором запишется в переменную.
Написано более трёх лет назад
Алексей @selftrips Автор вопроса

leni_m, не получается

Написано более трёх лет назад
leni_m @leni_m
Алексей selftrips.ru,
$('form').on('submit', function(){ .... })

$('form').on('submit', function(){ .... return false; })

в первом случае, выполнится код и еще отправится форма по дефолту(с переходом на новую страницу)
а во втором только выполнится код, и строка return false; останавливает переход на новую страницу.
У вас же, я глянул, происходит обновление страницы, т.е. вообще не работает скрипт. Я не знаю в чем дело, но может jquery надо подключить в <head>.
Если не поможет, то ищем ошибку самостоятельно:
сначало такой скрипт:
alert("+");
если сработает, идем дальше:
$('#vasya').on('submit', function() { alert("+"); return false; });

И если при нажатии на кнопку будет показываться +, то идем дальше.
Именно так каждый шаг и проверяется потихоньку.
Написано более трёх лет назад
Алексей @selftrips Автор вопроса
$('#vasya').on('submit', function() { alert("+"); return false; });

до сюда не доходит, не выдает "+"
Написано более трёх лет назад
leni_m @leni_m

значит jquery не работает

Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

PHP

+1 ещё

Средний
Yii2-dynamic-form при добавлении строки слетает кодировка. Как решить?
- 1 подписчик
- час назад
- 5 просмотров
0

ответов
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 5 часов назад
- 64 просмотра
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 8 часов назад
- 78 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 13 часов назад
- 72 просмотра
0

ответов
PHP

+3 ещё

Простой
Firefox больше не отправляет в HTTP_ACCEPT image/webp?
- 3 подписчика
- 22 часа назад
- 439 просмотров
2

ответа
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 23 часа назад
- 70 просмотров
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- 23 часа назад
- 51 просмотр
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
PHP

+1 ещё

Простой
Как корректно распределить сумму внутри элементов массива?
- 1 подписчик
- вчера
- 81 просмотр
1

ответ
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 21 нояб.
- 35 просмотров
0

ответов
Показать ещё Загружается…

PHP-разработчик

Decart IT-production

от 260 000 до 340 000 ₽

Backend-разработчик PHP

Wanted. • Москва

До 160 000 ₽

Разработчик PHP

Автомакон

от 206 000 ₽

Дизайн главной страницы в figma

23 нояб. 2024, в 22:03

3000 руб./за проект

Сделать дизайн сайта по примеру

23 нояб. 2024, в 21:53

30000 руб./за проект

Создать макет сайта в Figma

23 нояб. 2024, в 21:49

1000 руб./в час

Вопросы за 300. Вы ошиблись с форумом телепатов...
Сформулируйте Ваш вопрос более внятно...
Mike Ro, На странице размещаю простою форму ввода и тут же вывод.
Но страница при выводе (или вводе) "прыгает на начало, если был скрол.
Как сделать чтобы на месте оставалась?
отправка формы - это переход на новую страницу. Для того чтобы отправлять данные, не перезагружая страницу, нужно подучить ajax в javascript.
leni_m, можете показать самой простой вариант?

Answer 1 · 2018-10-15 18:27:40

обзовите как-нибудь вашу форму, чтобы лишние формы не затрагивать, например

<form method="post" id="vasya">
...
</form>
<div id='result'></div>

Далее создаем vasya.php файл и кидаем в корень сайта со следующим содержимым:

<?php
echo $_POST['imya'];

и на странице с формой размещаем скрипт(должен быть подключен jquery):

<script>
$('#vasya').on('submit', function() {
    var params = $(this).serialize();
    $.ajax({
            type: "POST",
            url: "/vasya.php",
            data: params
        })
            .done(function (data) {
                $('#result').html(data);
            });
    return false;
});
</script>

Answer 2 · 2018-10-15 21:17:45

Олег @politon

HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...

Ajax обработай

Ответ написан более трёх лет назад

Комментировать

Как сделать чтобы после ввода значения и его выхода страница не отматывалась на начало?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт