Ввод данных в input вместо всплывающего окна браузера на JS

D
На сайте с 01.09.2015
Offline
59
225

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


function set_cookie ( name, value, expires_year, expires_month, expires_day, path, domain, secure )
{
var cookie_string = name + "=" + escape ( value );

if ( expires_year )
{
var expires = new Date ( expires_year, expires_month, expires_day );
cookie_string += "; expires=" + expires.toGMTString();
}

if ( path )
cookie_string += "; path=" + escape ( path );

if ( domain )
cookie_string += "; domain=" + escape ( domain );

if ( secure )
cookie_string += "; secure";

document.cookie = cookie_string;

}

function delete_cookie ( cookie_name )
{
var cookie_date = new Date ( ); //Текущая дата и время
cookie_date.setTime ( cookie_date.getTime() - 1 );
document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}

function get_cookie ( cookie_name )
{
var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

if ( results )
return ( unescape ( results[2] ) );
else
return null;
}

if ( ! get_cookie ( "username" ) )
{
var username = prompt ( "Пожалуйста, ведите Ваше имя", "" );

if ( username )
{
var current_date = new Date;
var cookie_year = current_date.getFullYear ( ) + 1;
var cookie_month = current_date.getMonth ( );
var cookie_day = current_date.getDate ( );
set_cookie ( "username", username, cookie_year, cookie_month, cookie_day );
document.location.reload( );
}
}
else
{
var username = get_cookie ( "username" );
document.write ( "Привет, " + username + ", добро пожаловать на сайт!" );
document.write ( "<br><a href=\"javascript:delete_cookie('username'); document.location.reload( );\">Забудь обо мне!</a>" );
}
D.iK.iJ
На сайте с 26.05.2013
Offline
225
#1

Ну переписывать код надо, да. За вывод окна отвечает prompt, если что.

Убираете кусок и вместо него добавляете функцию обработки и нужную вам форму. А уж получить значение value элемента - проще простого:

document.getElementById('ID').value

Остается только повесить onclick с функцией на кнопку отправки, например.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий