Изменить html через URL

@mrLee13 · Регистрация: 20.10.2012

Студворк — интернет-сервис помощи студентам

Всем привет, я тут новенький. Вот уже и утро настало, а я никак не могу решить свою проблему

Суть проблемы такова:
Есть определенная HTML-страница, скажем blabla.ru/index.html . Нужно при добавлении параметра к URL, скажем - blabla.ru/index.html?id=1 изменить что-нибудь на этой самой странице. Скажем к примеру код страницы такой:

HTML5
1
2
3
4
5
<html>
   <body>
      Hi jack!
   </body>
</html>

А нужно чтобы было

HTML5
1
hi Masha!

. Но при этом оставалась одна страница. Я уже пробывал и так, и этак. Знаю, что нужно использовать JS, нашол в паутине код, которым переводится в массив эти параметры, а как че дальше сделать, я не могу понять. Вот код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<SCRIPT>
function getVariable(varName)
{                   
var arg=location.search.substring(1).split('&')
var variable=""
var i
for(i=0;i<arg.length;i++)
{
if(arg[i].split('=')[0]==varName)
{
if(arg[i].split('=').length>1)
{
variable=arg[i].split('=')[1]
}
return variable
}
}
return ""
}
 
</SCRIPT>

Спасибо всем заранее, мб Вы чем-нибудь поможете.

@kalabuni · 20.10.2012, 08:39

Сообщение от mrLee13

Нужно при добавлении параметра к URL, скажем - blabla.ru/index.html?id=1 изменить что-нибудь на этой самой странице

этот "параметр" (ВСЁ то что следует после символа вопроса и до символа решетки, если таковой имеется) правильно называется "кодированной строкой запроса" (по английски "query string") и является полноценной частью URL

обратите внимание на слово ВСЁ во фразе "ВСЁ то, что следует после символа вопроса"

типовая форма этой строки - ?имя1=значение1&имя2=значение2&имя3=значение3...

именно такие строки запроса отправляет форма на сервер методом GET
и серверные программы эту строку "парсят" (т.е. разбирают по именам и значениям)

парсят серверные программы эту строку по так называемым "сепараторам" (разделителям)
сепараторами пар "имя=значение" являются символы амперсанда (&)
а каждая такая пара внутри разделена сепаратором =
------

теперь от теории переходим к практике

выше я описал типовую строку, которую автоматически создаёт форма при отправке данных

а кто вам создаёт эту строку?
если вы сами её создаёте, то вам совершенно необязательно придерживаться этой самой типовой формы
как я понял из описания, вас вполне устроит вид ?Masha или ?Vova или ?Sergey
устроит?

тогда делайте на одной странице ссылки:

HTML5
1
2
3
<a href="blabla.html?Masha">вход для Маши</a>
<a href="blabla.html?Vova">вход для Вовы</a>
<a href="blabla.html?Sergey">вход для Сергея</a>

а на этой самой странице blabla.html прописывайте коротенький скриптик:

JavaScript
1
var Value = document.location.search.substr (1);

и это - всё, что вам нужно
эту переменную Value вы можете вывести на страницу методом document.write () ещё в процессе формирования страницы, вывести окошком alert (), прописать её в качестве innerHTML какого-то плайн-тега, прописать её в качестве value какого-то поля ввода...
и вообще можете делать с ней, что вам будет угодно
-----

но если вы зачем-то будете делать "умное лицо" и изображать из себя HTML-тег <FORM>
и будете как автоматический робот приписывать какие-то непонятные и абсолютно вам ненужные слова типа id, символы = и &, то стандартный парсинг также прост и составит не одну строку, а четыре:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
// ПЕРВАЯ: получаем ВСЮ query string как строку символов
var QueryString = document.location.search.substr (1);
 
// ВТОРАЯ: разбиваем эту строку по сепаратору &, получаем массив из строчек покороче
// в каждой из которой пара "имя=значение"
var Pairs = QueryString.split ('&');
 
// ТРЕТЬЯ и ЧЕТВЕРТАЯ: циклом прокручиваем массив пар и каждую пару
// разбиваем по сепаратору = на два элемента:
// первый элемент - это имя, второй элемент - это значение
// сохраняем в одном массиве Names все имена, в другом массиве Values - все значения
for (var tmp, Names = [], Values = [], j = 0, lj = Pairs.length; j < lj; j++)
   tmp = Pairs [j].split ('='), Names [j] = tmp [0], Values [j] = tmp [1];

------
ну и последний нюанс - теоретически-практический
строка эта, как я уже писал выше, правильно называется "кодированной строкой запроса"
обратите внимание на слово "кодированной"
это означает, что если вы на своей первой странице напишете ссылку
<a href="blabla.html?Маша">вход для Маши</a>, т.е. query string оформите кириллическими (не-ASCII) символами, то в адресной строке браузера вы увидите не слово "Маша", а длинный наборчик каких-то цифр, букв и символов процента
это и есть - кодирование
причём кодируются не все подряд символы, а только кириллические и входящие в состав либо имени, либо значения
т.е. символы & и = - они не кодируются (а вот тот же амперсанд, который входит вовнутрь "значения" - он уже закодирован)

т.е. делаете всё тоже самое, только потом, перед применением, полученное значение надо декодировать методом decodeURI ()
для описанных мною вариантов это будет decodeURI (Value) и decodeURI (Values [j])

@mrLee13 · 21.10.2012, 00:16 **[ТС]**

Спасибо я об этом всю ночь читал) Вот только проблемы не решил(

Добавлено через 10 часов 8 минут
Спасибо, помог php.

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@mrLee13 0 / 0 / 0 Регистрация: 20.10.2012 Сообщений: 4
	21.10.2012, 00:16 [ТС]
	Спасибо я об этом всю ночь читал) Вот только проблемы не решил( Добавлено через 10 часов 8 минут Спасибо, помог php. 0