Можно ли указать ссылку на текущую страницу без обновления?

Всем привет.

Возник такой вопрос, как можно указать ссылку на текущую страницу, чтобы не было её обновления? Хотя может я некорректно выражаюсь, постараюсь объяснить более понятно.

Есть страница, как на рисунке, выбран пункт меню #2, в результате чего в теле страницы отображаются данные соответствующие этому пункту меню. Задача, необходимо в теге <a href=...> указать ссылку к якорю и передать значение переменной. Поэтому, чтобы передать значение я указываю ссылку на эту же страницу, но тогда пункт меню автоматом ставится на #1. Если повторно уже нажать на ту же ссылку, то пункт меню уже не меняется.
Пример такой:
Здесь страница остаётся та же, но и передаётся значение переменной.

Если же указать так:
то соответственно не передастся значение переменной.

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

Если кто понял, что требуется и знает возможно ли это, пожалуйста посоветуйте.

0

Сообщение от websyst_ru не уверен, что прям на 100% понял задание.

Ну в принципе да, работает примерно так. Только проблема не с этой частью, а немного с другой. Вот, когда мы вывели таблицу с данными, напротив каждой строки данных есть две ссылки, одна <Редактировать>, другая <Удалить>. Так вот когда нажимаю ссылку <Редактировать>, открывается модальное окно, в котором должны находиться данные той строки, которую мы собрались отредактировать. А чтобы в модальном окне мне вывести нужные данные, мне необходимо по ссылке передать id строки, которую мы собрались править, чтобы потом пхп выполнить запрос на эти данные. Собственно и это тоже получилось, только в виду того, что модальное окно открывается как ссылка на якорь, то туда либо не передать переменную, либо необходимо сослаться на страницу которая уже открыта, как бы на саму себя, но как Вы заметили ранее, тогда при первом нажатии на ссылку <Редактировать>, меню по умолчанию сбрасывается на первый пункт, а мы допустим находимся во втором или третьем.
Согласен, можно написать JS скрипт, чтобы через него отрабатывать нажатие ссылок <Редактировать> и <Удалить> и тогда уже через него отправлять id строки, но т. к. я далеко не спец, то получилось то, что получилось, вот и возник вопрос, а можно ли в данном случае этот id как-то хитро передать ссылаясь на якорь, либо же сделать переход страницы на саму себя, чтобы она не перерисовывалась и соответственно первый пункт меню не принимал значение current?

0

estic, почему ожидается конфликт, если селектор задаётся, естественно, точечно?
У каждого элемента есть родитель, каждому элементу можно передать наследование "от" хоть в 10 уровней. Банально можно задать id или data для пунктов меню. Никаких конфликтов Ну и передать .css() - аля подсветить - тоже запросто

0

websyst_ru, конфликт на фрагментах (другие названия: хэши, якоря). Двух в адресе быть не может. Пытаться совмещать две разные сущности в одном фрагменте - тоже так себе идея. Уже все давно придумано, о чем я выше писал, и отлично работает. Про фрагменты можно забыть.

0

Сообщение от websyst_ru А правильно ли я понял, что ТС изобретает табы, самым костыльным путём?

Вы писали, что это самый костыльный способ отображения информации при выборе того или иного пункта. Костыльный - это что самый кривой и примитивный или в каком смысле? И, каким способом лучше, современней, перспективней, ну и т. д. это делать в веб-разработке?

Я пока начинаю, мне проще сразу по ходу устранять недостатки и устаревшие методы, чтобы к ним не привыкать, поэтому поделитесь информацией, а остальное поищу самостоятельно.

0

VKont, современный способ - это использование History API (pushState/replaceState) или полный отказ от JS-прокладки (AJAX) для переключения между страницами, когда этот API не поддерживается.

Адреса в AJAX-запросах ничем не отличаются от адресов в "обычных" запросах. Формат возвращаемого содержимого определяется по наличию специального заголовка в запросе.

Добавлено через 4 минуты

Сообщение от estic когда этот API не поддерживается

Точнее когда не поддерживаются методы pushState/replaceState. В основных браузерах их поддержка появилась немного позже.

Добавлено через 3 минуты

Сообщение от estic Формат возвращаемого содержимого определяется по наличию специального заголовка в запросе.

Но можно сделать и отдельную точку доступа для AJAX-запросов. Это уже детали.

1

VKont, Боюсь, что я до сих пор не понял идею. она мне кажется странной.
Исходя из этого, я отвечу на то,что вижу "Можно ли указать ссылку на текущую страницу без обновления?"
estic, прав, это будет хорошее решение.
Однако, данные всё-равно надо запрашивать. И, если, вдруг, каким-то образом данные динамичные при каждом клике (иначе зачем всё это городить) то выше отписал. ajax хорошо с этим справится. По моим выводам вся информация у вас всё-равно формируется в php и она готова. Осталось только запросить/обратиться к нужной странице, т.е. прикручивать третье колесо на велосипед в этом случае не обязательно.

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

0

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

Имеем основную страницу main.php. Когда она открывается, активен первый пункт меню. В меню три пункта №1, №2, №3 (на рисунке # это просто порядковый номер), но обращение к ним, как тут выразились костыльное, когда, нажимая на каждый пункт меню, выводится разный контент.
Допустим второй пункт меню выводит таблицу с некими данными, в каждой строке таблицы в конце строки создается ссылка <Редактировать>, нажимая на которую открывается модальное окно (win1), вывод которого осуществляется ссылкой на фрагмент:
Но в таком случае, т. к. ссылка ведёт на страницу, которая уже у нас выведена, страница перерисовывается и активным становится пункт меню 1, а соответственно под модальным окном отображается уже другой контент, а нужно, чтобы отображалась таблица, которую редактируем, как на рисунке.
Чтобы в модальном окне выводились данные именно той строки, которую нужно отредактировать, я передаю id этой строки в ссылке ?edit_id= .$result['id']. Если я в гиперссылке сошлюсь просто на модальное окно
то естественно оно откроется, но данных, которые необходимо отредактировать не будет, строки input будут пустые.
Ещё один момент, если я нажму на редактирование, к примеру первой строки в первый раз, то страница перерисуется и когда откроется модальное окно, то под ним будет контент первого меню. Но, если я закрою модальное окно, выберу второй пункт меню и снова нажму редактировать первую строку, то страница уже не перерисуется и модальное окно откроется как положено, а под ним будет таблица.

0

VKont,

массивы условны, они у вас естественно приходят из БД(хотя не важно)
а потом таблица рисуется так же через foreach и оформляется в таблицы.

Мне показалось бессмысленным формировать данные, которые уже есть. Всем этим у вас занимается php. Но если что, можно всё так же обновить и по клику внутри таба.(ранее писал)

При необходимости - дописывайте событие в popup-close, для обновления данных, которые вы изменили в окне.

В обще, попробуйте, мне ваша задача нарисовалась именно такой.
p.s. в hadler.php с данными делайте что угодно, это ваш edit. Это POST|GET - обработка - preparing - update БД. Суйте форму, и отправляйте на submit или по enter. Готово

Вложения

cyberforum.rar (2.4 Кб, 9 просмотров)

1

Ну и сорян за небольшой сумбур. Стили просто Google - CTRL+C - CTRL+V =)

0

Сообщение от websyst_ru Ну и сорян за небольшой сумбур.

Да с этим нет проблем.

Спасибо за код, посмотрю что к чему выужу для себя полезное. Навскидку, перебор элементов foreach у меня не пройдёт, потому как id в таблицу не выводится, он есть только в массиве $result, поэтому я и тормознулся с ним и начал задавать подобные вопросы в теме, как же его из массива передать. Вообще я начинал свой проект скорее, как некую для себя тренировку, а потом прикинул и понял, что можно сделать довольно полезную вещь из этого. Теперь вот походу дела думаю начать всё готовое уже переделывать более грамотно, т. к. немного начинаю вникать в суть происходящего. Да и меню скорее всего тоже сделаю через скрипт.

А так всем огроменное СПАСИБО за участие и да, тема открыта, если ещё мысли и желание, всегда рад толковым советам и подсказкам!

0

Сообщение от VKont как id в таблицу не выводится

А разве проблема туда добавить атрибут. будь то id или data-, в td ж вы обрамляете.Если это классические таблицы.
ну и в конце-концов, не важно в каком формате данные приходят суть в том, что все у вас уже есть в php за функционал отвечает именно он. Осталось только направить запросы.
Если из моего копипаста выбросить всё ненужное.. То это строк 20 на js, просто отправка запросов (не перезагружая страницы, Всё)

0

Сообщение от websyst_ru А разве проблема туда добавить атрибут. будь то id или data-, в td ж вы обрамляете.

Так ё-маё, вот же и ответ, точно, если можно его через id или data передать. А чего сразу все молчали? Я же давненько уже написал, что как мне в другом скрипте подцепить данные из массива сформированного SELECT? Я его тупо пытался в адресной строке передать, когда можно через таблицу. Вот я Уася, оказывается так всё просто, а сразу и не подумаешь, особенно, когда не знаешь

0

VKont, Оттого я и негодовал. Аля ВТФ за изобретение тут =) Когда всё можно решить несколько символов.
В предложенном выше коде я так и сделал


А можно еще проще

0

Блин, я что-то последние дни запарился, стоп-стоп, немного погорячился. Проблема-то у меня не с переменной же, а как её передать из одного скрипта в другой. Т. е. один скрипт у меня выведет таблицу с данными, допустим в тег <td> через id я передаю id строки, но как я этот id должен передать в другой скрипт для обработки? Я пытался передать через адресную строку, но, если ссылка ведёт на якорь, то переменная не передаётся. Указывать main.php и передавать id, тогда меню сбрасывается в результате перерисовки страницы. А, если допустим будет id в теге, как я должен в другом скрипте отследить без скриптов JS, что редактировать необходимо именно эту строку?

0

VKont, session, cookie, post\get, js storage,local storage.

Сообщение от VKont в тег <td> через id я передаю id строки, но как я этот id должен передать в другой скрипт для обработки

В моём архивчике как раз именно такая механика, передаётся через ajax-get(это проще всего) от id, который добавлен в a line, ничего не изменится если передавать id в td, в data-, даже в class(извращение), даже на выдуманном теге <text bla bla> (еще большее извращение)

Все данные у вас есть, просто прочитайте их.


решение у вас уже есть

0

Сообщение от VKont А чего сразу все молчали? Я же давненько уже написал, что как мне в другом скрипте подцепить данные из массива сформированного SELECT? Я его тупо пытался в адресной строке передать, когда можно через таблицу.

Сообщение от estic или получить идентификатор отдельно через data-атрибут.

Но в адресной строке - это не "тупо". Он может оставаться основным и единственным способом. Когда начнете задумываться об объеме, об упрощении формирования содержимого, поймете.

Сообщение от websyst_ru session, cookie, js storage,local storage

Не подходит это для разделов (отдельных таблиц). Или делайте сразу SPA Про "post\get" не понял.

Добавлено через 4 минуты

Сообщение от VKont но как я этот id должен передать в другой скрипт для обработки?

Какой другой скрипт? Имеется в виду серверный скрипт? Я вам давно показал целых три варианта основной адресации. Я всегда использую только самый простой и естественный вариант:

Сообщение от estic /win5[?p=1] - первая страница списка объектов категории win5; /win5/1[?p=1] - форма редактирования объекта с идентификатором 1 категории win5 (строка запроса "?p=1" может использоваться для возврата на определенную страницу списка);

Сохранение и т.п. выполняются аналогично (вариант адаптирован под использование только методов GET/POST):
POST /win5[?p=1] - создание/удаление объектов категории win5;
POST /win5/1[?p=1] - сохранить объект с идентификатором 1 категории win5;
и т.д.

У меня наличие строки запроса ("?p=1") играет важную разграничительную роль при определении разных действий, т.е. /win5 и /win5?p=1 - это далеко не одно и то же. Но вам, я думаю, можно обойтись без этого, поэтому я везде заключал строку запроса в квадратные скобки.

0

Сообщение от estic Но в адресной строке - это не "тупо"

Согласен, а в данном случае это вообще единственный вариант.

В общем я зашёл в тупик. Я перелопатил кучу кода, переделал модальные окна, сделал, чтобы они выводились через jquery, казалось бы вот оно, что мне нужно было, теперь всё в модалку выводится как нужно, всё редактируется и сохраняется, но вновь беда. Теперь после того, как я отредактировал данные в модальном окне и нажал кнопку сохранить, у меня ведь опять страница перерисовывается, а соответственно и первый пункт меню становится активным по умолчанию. Да ё-маё, столько работы, а результат почти один. При предыдущем методе, страница перерисовывалась потому что я ссылался на неё, чтобы передать переменную id, а теперь после того, как нажимаю сохранить, запускаю скрипт php для сохранения данных и потом, когда рефреш происходит, основная страница обновляется и меню сбрасывается.
Резонный вопрос спросите вы, а почему обновление страницы происходит, зачем? А потому как я не знаю, как к действию кнопки Сохранить привязать скрипт php для сохранения данных, чтобы потом прога возвращалась обратно в окно.

0

Вы же AJAX использовали. Или вам "рефреш" нужен, чтобы обновить список под окном? Вообще модальное окно с формой редактирования - это что-то 10-летней давности. Можно сделать просто вывод списка, либо формы редактирования. Да, список придется чаще обновлять с сервера, но для начала лучше так (для повышения эффективности можно выводить в списке не все поля, а только основные, или можно сделать список "настраиваемым", т.е. таким, чтобы можно было выбирать поля для вывода). Потом, как освоите основы, можно будет продолжать совершенствовать, например сделать редактирование отдельных полей прямо в списке и т.п.

0

Сообщение от estic Вы же AJAX использовали.

Да, в большинстве случаев использую Ajax. Т. е. мне необходимо обрабатывать нажатие кнопки "Сохранить" через JS, чтобы сохранять данные через Ajax? Блин, ну вот это точно прямо костыльные способы какие-то. Хорошо попробую так.

Добавлено через 1 час 38 минут
Просто я изначально делал так скажем по учебнику, форма, в которую выводятся поля Input и кнопки submit и reset, поэтому и при нажатии на Сохранить или Добавить соответственно запускался по экшену формы соответствующий скрипт и происходило последующее обновление страницы.

В виду этого получается, что хочешь доброе приложение не используй стандартные средства?

0

Сообщение от VKont Т. е. мне необходимо обрабатывать нажатие кнопки "Сохранить" через JS, чтобы сохранять данные через Ajax?

AJAX без JS/другого браузерного языка программирования не бывает.

Сообщение от VKont В виду этого получается, что хочешь доброе приложение не используй стандартные средства?

Использовать как запасной вариант, когда поддержки чего-то нужного вам нет в клиенте. На вашем месте я бы вовсе начал со "стандартных средств", а потом уже навешивал JS-прокладку.

Добавлено через 5 минут
Я даже в CMS до сих пор продолжаю поддерживать двойственность ("стандартные"/"нестандартные" средства). Правда, это обусловлено прежде всего тем, что CMS в основном используется, как SaaS. Для "собственных нужд", наверное, можно и полностью отказаться от использования "стандартных" средств. Хотя иногда бывают и непредвиденные ситуации, когда они могут выручить.

0