3

На одной странице я создал форму для ввода имени, e-mail и собственно текста сообщения. После нажатия на этой же странице кнопки "Отправить сообщение", открывается новая страница, в которой содержатся данные полей, заполненных в предыдущей.

Как это сделать?

Нашел в Интернете разные скрипты, но некоторые используют php. Я работал и с PHP, но когда я указываю полный путь, кнопка не хочет работать:

<form method="post" action="C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\UserMail.php"> 
<input type="submit">

Переделал один скрипт, получилась такая вот штука:

<script language="javascript" type="text/javascript">

function goMail(){ 
    var UsName=document.getElementsByName(('UserName').value); 
    if (confirm("Уверены, что хотите отправить сообщение?")) { 
    document.location="UserMail.html?id="+UsName; } 
    }
</script>

<form>
<p>Ваше имя: </p>
<input type="text" name="userName" value="">
<br>
<input type ="button" value="Отправить сообщение" onClick="goMail()">
<form>

Страница новая открывается, но вот ничего не передается... Чисто там... Вот код той страницы:

<td valign="top" colspan="4" align="center">
<font id="UsName">
</font>
</td>

Что нужно и как сделать?

2
  • Если я не ошибаюсь, то попробуйте использовать кукки)
    – zeloras
    8 янв 2011 в 23:42
  • cookie не всегда подходит т.к. имеет ограничение на длину.
    – user309954
    21 сен 2018 в 14:42

5 ответов 5

3

Нужно заполнить поля данными, переданными в строке запроса (у тебя только id). Если использовать только javascript, то у <body> новой страницы нужно добавить событие onload, в котором после загрузки страницы прочтешь переданные значения параметров и вставишь их в нужные поля. Для чтения параметров можно использовать функцию отсюда http://www.netlobo.com/url_query_string_javascript.html

Пишу ответ здесь, чтобы код был виден кодом. Первая страница:

<script language="javascript" type="text/javascript">
    function goMail() {
        if (confirm("Уверены, что хотите отправить сообщение?")) {
            document.location = "UserMail.html?id=" + document.getElementById("userName").value;
        }
    }
</script>
<form>
    <p>Ваше имя: </p>
    <input id="userName" type="text" name="userName" value="" />
    <br/>
    <input type ="button" value="Отправить сообщение" onclick="goMail()" />
</form>

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

<head>
    <title></title>
    <script language="javascript" type="text/javascript">
        function OnLoad() {
            var paramValue = window.location.href.split("?")[1].split("=")[1];
            document.getElementById("UsName").innerHTML = paramValue;
        }
    </script>
</head>
<body onload="OnLoad()">
    <font id="UsName">
    </font>
</body>
2
  • Извините Georgy!) А как будет выглядеть это всё для моего варианта?) Я рассмотрел вашу функцию на netlobo.com/url_query_string_javascript.html, но, извините конечно, я в JavaScript совсем недавно, около недели, да и вообще в WEB-программирование чайник, так что я много не понял... Можете пояснить на моем примере? Спасибо. 8 янв 2011 в 6:27
  • Спасибо огромное Georgy!) Все хорошо работает для одного параметра. Но допустим надо передать не только Имя, но и e-mail причем чтобы их можно было расположить в разных ячейках. Как это реализовать? Я пробовал менять вашу функцию, но в итоге передает один E-mail... Вот ввод: <p>Ваш e-mail:</p> <input id="userMail" type="text" name="userMail" value=""> В goMail() добавил var UsMail = document.getElementsByName(('userMail').value); if (confirm("Уверены, что хотите отправить сообщение?")) { ... document.location = "UserMail.html?id=" + document.getElementById "userMail").value;} Как быть дальше 8 янв 2011 в 9:43
2

Для нескольких параметров:

function OnLoad() {
            var query = window.location.href.split("?")[1]; // результат - строка запроса без адреса страницы "id=someName&[email protected]&usText=MemoText"
            var params = query.split("&");  // результат - массив строк из пар "id=someName", "[email protected]", "usText=MemoText"
            // теперь брать по очереди
            document.getElementById("UsName").innerHTML = params[0].split("=")[1];
            document.getElementById("userMail").innerHTML = params[1].split("=")[1];
            document.getElementById("usText").innerHTML = params[2].split("=")[1];
   }

К последнему параметру надо добавить:

params[2].split("=")[1].split("#")[0];

Иначе, если в ссылке будет якорь, он войдет в значение.

0
1

Ok, для нескольких параметров:

    function OnLoad() {
            var query = window.location.href.split("?")[1]; // результат - строка запроса без адреса страницы "id=someName&[email protected]&usText=MemoText"
            var params = query.split("&");  // результат - массив строк из пар "id=someName", "[email protected]", "usText=MemoText"
            // теперь брать по очереди
            document.getElementById("UsName").innerHTML = params[0].split("=")[1];
            document.getElementById("userMail").innerHTML = params[1].split("=")[1];
            document.getElementById("usText").innerHTML = params[2].split("=")[1];
   }

Если использовать функцию из ссылки, то

    function OnLoad() {
            document.getElementById("UsName").innerHTML = gup("id");
            document.getElementById("userMail").innerHTML = gup("userMail");
            document.getElementById("usText").innerHTML = gup("usText");
    }
9
  • Извините Georgy!) Снова я!) Что в функции gomail() должно быть?) Я написал так) function goMail() { var UsName = document.getElementsByName(('userName').value); var UsMail = document.getElementsByName(('userMail').value); var UsText = document.getElementsByName(('userText').value); if (confirm("Уверены...")){ document.location = "UserMail.html?id="+ document.getElementById"userName").value + document.getElementById("userMail").value + document.getElementById("userText").value;}} Пробовал для каждого обозначить document.location, но в итоге передает только последнее значение... 8 янв 2011 в 12:27
  • Лучше не угадывать, а почитать. document.location открывает новую страницу, у нас UserMail.html, дальше '?' и список параметров, в виде [имя параметра]=[значение], разделяются параметры с помощью '&', т.е. в итоге document.location должно быть присвоено что-то вроде UserMail.html?id=someName&[email protected]&usText=MemoText.
    – Georgy
    8 янв 2011 в 12:45
  • Функция выглядет так: function goMail() { if (confirm("Уверены...")) { var UsName = document.getElementsByName('userName').value; var UsMail = document.getElementsByName('userMail').value; var UsText = document.getElementsByName('userText').value; document.location = "UserMail.html?id=" + UsName + '&userMail=' + UsMail + '&usText=' + UsText; } }
    – Georgy
    8 янв 2011 в 12:50
  • Что посоветуете почитать, Georgy?) За разъяснение document.location огромное спасибо, все оч понятно, мне бы такого лектора по web-программированию;) Сделал как вы написали, но почему то передает значение "undefined"... Значит либо не читает содержимое, либо не может найти нужные элементы?... В чем беда то?( 8 янв 2011 в 15:31
  • Возможно синтаксис. Надо писать не document.getElementsByName(('XXXXX').value), а document.getElementsByName('XXXXX').value Для "почитать" :) - w3schools.com/js/js_examples.asp
    – Georgy
    8 янв 2011 в 15:50
1

Ok, посмотрел. Во-первых, не getElementsByName, а getElementById (в последние разы сам у тебя скопировал ..ByName, а не ..ById, сорри), во-вторых, у тебя textarea c name=userText не имеет id. Потом, атрибуты name=.. не нужно указывать, если нигде не используешь, нужно указывать id=..

Т.е.

1.

function goMail() {
            if (confirm("Уверены...")) {
                var UsName = document.getElementById('userName').value;
                var UsMail = document.getElementById('userMail').value;
                var UsText = document.getElementById('userText').value;
                document.location = "UserMail.html?id=" + UsName + '&userMail=' + UsMail + '&usText=' + UsText;
            }
        }

2.

<textarea id = "userText" ...
1
  • Ооо огромное спасибо, Georgy!) Вот ссылочка по архив, с сайтом, все я думаю готово!) Если что можете посоветовать или подсказать, то буду оч благодарен) letitbit.net/download/60498.6a836550baae932aa09d808268ef/… 10 янв 2011 в 17:40
1

а зачем внедрять js, если он совершенно для этого не нужен? Форма передаст заполненные данные, забирайте их из массива и присваивайте новой форме, слоям или еще чему угодно :)Если только ради "уверены что хотите отправить", то можно просто чекбокс поставить, который делает активной кнопку отправки...

для php - полный путь указывать не надо, такой оно не осилит :) используйте относительные пути.

1
  • Ama, если бы вы прочли коментарии выше, то поняли что я "в WEB-программирование чайник";) Если приведете пример вашего ответа, то я буду Вам оч благодарен:) 15 янв 2011 в 4:51

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.