Перейти к содержимому

Фотография
- - - - -

Объекты браузера: вывод на экран данных из формы, переход на предыдущую или следующую страницы


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 BuzinVova

BuzinVova

    Прохожий

    Топикстартер
  • Участник
  • 0
    6 сообщ.

Отправлено 03 Декабрь 2017 в 23:21

Создать сайт по теме курсовой работы. Создать форму. После опроса пользователю открывается новое окно, в котором содержатся все оставленные пользователем сведения. На каждой странице должны быть ссылки на предыдущую и последующую страницы. При оформлении страниц используйте свойства и методы объектов: window, document, location, history.
 
Дорбый вечер! При решении задачи на применение браузерных объектов у меня возникли проблемы с выводом данных из формы в новое окно и переходом на предыдущую или следующую страницу. Появилось сообщение, что не найден файл obrabotchik.html
 
Файл myscript.js
function lcl(){
    if(confirm("Вы хотите открыть главный сайт (Ok) или вернуть в начало (Отмена)")){
        location.href="html.html";
    }
    else location.href="lab14.html"
}
function germes(){
    if(confirm("Вы хотите открыть гермес (Ok) или остаться (Отмена)")){
        location.href="http://172.24.64.64:8080";
    }
    else location.protocol="html.html"
}
function chBg(){
    if(confirm("Вы хотите изменить цвет (Ok) нет (Отмена)")){
        document.bgColor="#7695b5";
    }
    else document.writeln("Вы не хотите изменить цвет")
}
function histo(){
    if(confirm("Вы хотите вернутьcя в начало (Ok) нет (Отмена)")){
        window.history.go(-2);
    }
    else window.history.forward();
}
    window.onload = function(){
 
        (function(){
            var submit  = document.getElementById('submit');
 
            submit.onclick = function(e)
            {
                e.preventDefault();
                var form    = document.getElementById('form'),
                    inputs  = form.querySelectorAll('.need input'),
                    select  = form.querySelector('.need select'),
                    txt     = form.querySelector('.need textarea');
 
                var arTemp  = [],
                    arTemp2 = {},
                    tempObj = {},
                    i       = 0,
                    max     = inputs.length,
                    name, type, value, checked;
 
                for(; i < max; i++){
                    name    = inputs[i].name;
                    type    = inputs[i].type;
                    value   = inputs[i].value;
                    checked = inputs[i].checked;
 
                    tempObj = {
                        "name" : name,
                        "type" : type,
                        "value" : value,
                        "checked" : checked
                    };
 
                    arTemp.push(tempObj);
 
                    if(tempObj["name"] == "sex"){
                        if(tempObj["checked"] == true){
                            arTemp2[name] = tempObj;
                        } else {
                            if(arTemp2["sex"] === undefined){
                                arTemp2[name] = tempObj;
                                arTemp2[name]["value"] = "Пол не выбран";
                            }
                            continue;
                        }
                    }
 
                    var space = ", ";
 
                if(arTemp2["F1"] === undefined){
                    arTemp2["F1"] = {
                        "value"   : "Фотография не выбрана",
                        "name"    : "F1",
                        "type"    : "file",
                        "checked" : false
                    };
                }
 
                    if(tempObj["name"] == "tip1"){
                        if(tempObj["checked"] == true){
                            arTemp2[name] = tempObj;
                        } else {
                            if(arTemp2["tip1"] === undefined){
                                arTemp2[name] = tempObj;
                                arTemp2[name]["value"] = "Тип заявки не определён";
                            }
                            continue;
                        }
                    }
 
                console.log(arTemp2);
 
 
                var html =
                    '<div><span>Фамилия</span> - <span>' + arTemp2["surname"]["value"] + '</span></div>' +
                    '<div><span>Имя</span> - <span>' + arTemp2["name"]["value"] + '</span></div>' +
                    '<div><span>Отчество</span> - <span>' + arTemp2["otchestvo"]["value"] + '</span></div>' +
                    '<div><span>Дата рождения</span> - <span>' + arTemp2["data"]["value"] + '</span></div>' +
                    '<div><span>Область</span> - <span>' + arTemp2["oblast"]["value"] + '</span></div>' +
                    '<div><span>Район</span> - <span>' + arTemp2["region"]["value"] + '</span></div>' +
                    '<div><span>Город</span> - <span>' + arTemp2["city"]["value"] + '</span></div>' +
                    '<div><span>Пол</span> - <span>' + arTemp2["sex"]["value"] + '</span></div>' +
                    '<div><span>Географическая близость</span> - <span>' + arTemp2["tip2"]["value"] + '</span></div>' +
                    '<div><span>Сообщение</span> - <span>' + txt.value + '</span></div>';
 
                var newWin = window.open('about:blank', 'example', 'width=600,height=400');
                var href = newWin.location.href; // (*) about:blank, загрузка ещё не началась
 
                newWin.document.write("<div><div class='breadcrumb'> </div><h1>Ваши данные</h1>" + html + "</div>");
 
                var back = newWin.getElementById('back'),
                    forward = newWin.getElementById('forward');
 
                back.onclick = function(){
                    window.history.back();
                    console.log();
                };
                forward.onclick = function(){
                    window.history.forward();
                    console.log();
                };
 
            }
        }());
 
        (function(){
 
            var back = document.getElementById('back'),
                forward = document.getElementById('forward');
 
            back.onclick = function(){
                window.history.back();
            };
            forward.onclick = function(){
                window.history.forward();
            };
 
        }());
 
    }

Файл LocJS.js

function OpenDoc(){
if (confirm("Вы хотите открыть formatF.htm (Ok) или formatL.htm (Отмена)"))
   {location.href="formatF.html";  }
  else
   {location.href="formatL.html"; }
}

Файл WindowsOpenJS.js

function WinOpen(){
var str= prompt("Введите строку");
var NewWindow=window.open('','NewWindow');
var hstr="<html><head><title>Новое окно</title><style type=\"text/css\">@import: url(\"WindowOpenCSS.css\");</style></head><body>";
NewWindow.document.writeln(hstr);
NewWindow.document.writeln("<h1>Открыто новое окно </h1>");
NewWindow.document.writeln("<p>В него введена строка: \""+str+"\"</p>");
var fstr=" </body></html>";
NewWindow.document.writeln(fstr);
}

Файл MyHTML.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Stom-Kab.com</title>
        <link rel="stylesheet" href="styleFormation.css" />
    <script type="text/javascript" src="myscript.js"></script>
    </head>
    <body>
    
        <div class="haut">
                <div class="titre">
                    <h1 class="titre-principal">Stom-Kab.com</h1>
                </div>
            </div>
<form name="forma" method="post" action="obrabotchik.php" id="form" enctype="multipart/form-data">
<fieldset>
<legend>
РЕГИСТРАЦИЯ:
</legend>
<p class="cent"><label>Фамилия:
<input type="text" placeholder="Введите фамилию" name="surname" value="Фамилия" size="30"><br>
</label>
<label>Имя:
<input type="text" placeholder="Введите имя" name="name" value="Имя" size="30"><br>
</label>
<label>Отчество:
<input type="text" placeholder="Введите отчество" name="otchestvo" value="Отчество" size="30"><br>
</label>
Дата рождения: <br>
<input type="date" name="data" value="Дата_рождения"><br>
Адрес проживания:<br>
<label>Область:
<select name="oblast">
<option value="Белгородская">Белгородская</option>
<option value="Воронежская">Воронежская</option>
<option selected value="Курская">Курская</option>
<option value="Московская">Московская</option>
<option value="Свердловская">Свердловская</option>
<option value="Челябинская">Челябинская</option>
</select>
</label>
<br>
<label>Район:
<select name="region" size="5">
<option value="Белгородский">Белгородский</option>
<option value="Железногорский">Железногорский</option>
<option selected value="Курский">Курский</option>
<option value="Можайский">Можайский</option>
<option value="Орехово-Зуевский">Орехово-Зуевский</option>
<option value="Россошанский">Россошанский</option>
<option value="Старооскольский">Старооскольский</option>
<option value="Яковлевский">Яковлевский</option>
</select>
</label>
<br>
<label>Город:
<select name="city">
<option value="Белгород">Белгород</option>
<option value="Воронеж">Воронеж</option>
<option value="Екатеринбург">Екатеринбург</option>
<option value="Железногорск">Железногорск</option>
<option selected value="Курск">Курск</option>
<option value="Можайск">Можайск</option>
<option value="Москва">Москва</option>
<option value="Нижний_Тагил">Нижний Тагил</option>
<option value="Орехово-Зуево">Орехово-Зуево</option>
<option value="Россошь">Россошь</option>
<option value="Старый_Оскол">Старый Оскол</option>
<option value="Строитель">Строитель</option>
<option value="Челябинск">Челябинск</option>
</select>
</label>
<br>
Пол:<br>
<label>
<input type="radio" name="sex" value="Мужской">Мужской<br>
</label>
<label>
<input type="radio" name="sex" value="Женский">Женский<br>
</label>
<br>
<br>
Тип заявки:<br>
<label>
<input type="radio" name="tip1" checked value="Запись_на_приём">Запись на приём<br>
</label>
<label>
<input type="radio" name="tip1" value="Вызов_врача_на_дом">Вызов врача на дом<br>
</label>
<br>
<br>
<br>
<label>
<input type="checkbox" name="tip2" checked value="Географическая близость">Географическая близость<br>
</label>
<label>
<input type="checkbox" name="tip2" checked value="Лицензионное соглашение">С правилами и условиями оказания услуг согласен<br>
</label>
<br>
<label>Врачебная специализация:
<select name="vrachspec">
<option value="Семейная_медицина">Общая врачебная практика (семейная медицина)</option>
<option value="Педиатрия">Педиатрия</option>
<option value="Терапия">Терапия</option>
<option value="Акушерство_и_гинекология">Акушерство и гинекология</option>
<option value="Стоматология_детская">Стоматология детская</option>
<option selected value="Стоматология_терапевтическая">Стоматология терапевтическая</option>
<option value="Стоматология_ортопедическая">Стоматология ортопедическая</option>
</select>
</label>
<br>
<br>
<label>Выбор медицинской организации
<select name="medorg" multiple>
<option selected value="medorg1">Европейская стоматология</option>
<option value="medorg2">Стоматологическая клиника "Все свои"</option>
<option selected value="medorg3">Межрегиональный центр Стоматологических инноваций НИУ БелГУ</option>
<option value="medorg4">Стоматологическая клиника Прана</option>
<option value="medorg5">Стоматологическая клиника Голливуд</option>
</select>
</label>
<br>
<br>
<label>Врач:
<select name="vrach">
<option value="Иванов">Иванов И. И.</option>
<option value="Петров">Петров П. П.</option>
<option value="Сидоров">Сидоров С. С.</option>
<option value="Андреев">Андреев А. А.</option>
</select>
</label>
<br>
<br>
Дата приёма:<br>
<input type="date" name="d_pr" value="Дата_приёма"><br>
<label>Время приёма:
<select name="time">
<option value="time1">8:00</option>
<option value="time2">10:00</option>
<option selected value="time3">11:00</option>
<option value="time4">13:00</option>
<option value="time5">15:00</option>
<option value="time6">16:00</option>
<option value="time7">18:00</option>
<option value="time8">19:00</option>
</select>
</label>
<br>
<br>
<label>Серия ОМС:<br>
<input type="number" name="s_oms" placeholder="Серия ОМС"><br>
</label>
<label>Номер ОМС:<br>
<input type="number" name="n_oms" placeholder="Номер ОМС"><br>
</label>
<label>Номер телефона:<br>
<input type="tel" name="n_tel" placeholder="Введите номер телефона"><br>
</label>
<label>Пароль:<br>
<input type="password" name="parol" maxlength="15" placeholder="Введите пароль"><br>
</label>
<label>E-mail:<br>
<input type="email" name="pochta" placeholder="Введите e-mail"><br>
</label>
<label>Фотография:<br>
<input type="file" name="F1"><br>
</label>
<input type="submit" value="Отправить" style="width: 100px;">
<input type="reset" value="Сбросить" style="width: 100px; margin-left: 0px; margin-top: 15px;">
<p>Оставьте сообщение о качестве обслуживания</p>
<textarea name="Text1" rows=6 cols=15></textarea><br>
<input type="image" name="im" src="кнопка-1.jpg" style="width: 100px;">
</p>
</fieldset>
</form>
<br>
<br>
<div>
    <button id="back">Назад в истории</button>
    <button id="forward">Вперед в истории</button>
</div>
<script type="text/javascript" src="myscript.js"></script>
                <a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
                <a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
                <a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
                <a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>
 
                <footer>
                  <p>&copy; 2017 Corporation BuzinTechnology by VovaBuzin</p>
                </footer>
 
    </body>
</html>

Файл Main.html

<!DOCTYPE html>
<html>
<head>
    <title>Объекты браузера</title>
    <meta charset="utf-8">
    <style type="text/css">@import: url("winOpenCss.css");</style>
        <link rel="stylesheet" href="styleFormation.css" />
    <script type="text/javascript" src="winOpenJs.js"></script>
    <script type="text/javascript" src="myscript.js"></script>
</head>
<body>
    <h1>Открытие нового окна</h1>
    <p><A href="javascript:void(0)" onClick="WinOpen();">Открыть окно</a>
    </p>
    <a href="LocHtml.html">Location</a>
    <a href="html.html">My Site</a>
    <a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
     <a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
      <a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
         <a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>
<div>
    <button id="back">Назад в истории</button>
    <button id="forward">Вперед в истории</button>
</div>
</body>
</html>

Прикрепленные файлы

  • Прикрепленный файл  html.html   8,32К   5 Количество загрузок:
  • Прикрепленный файл  lab14.html   1,13К   1 Количество загрузок:
  • Прикрепленный файл  LocHTML.html   800байт   4 Количество загрузок:

  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 983
    3 516 сообщ.

Отправлено 04 Декабрь 2017 в 03:26

Ну так форма ссылается на этот обработчик, а его нет

<form name="forma" method="post" action="obrabotchik.php" id="form" enctype="multipart/form-data">

Что тут непонятного? Создайте его и в него будут отправляться данные.

 

http://htmlbook.ru/html/form/action


  • 0

#3 BuzinVova

BuzinVova

    Прохожий

    Топикстартер
  • Участник
  • 0
    6 сообщ.

Отправлено 05 Декабрь 2017 в 22:16

Я сделал форму, но как вывести кнопки перехода на предыдущую и следующую страницу?

 

Файл myscript.js

function lcl(){
    if(confirm("Вы хотите открыть главный сайт (Ok) или вернуться в начало (Отмена)?")){
        location.href="html.html";
    }
    else location.href="lab14.html"
}
function germes(){
    if(confirm("Вы хотите открыть гермес (Ok) или остаться (Отмена)?")){
        location.href="http://172.24.64.64:8080";
    }
    else location.protocol="html.html"
}
function chBg(){
    if(confirm("Вы хотите изменить цвет (Ok) или нет (Отмена)?")){
        document.bgColor="#7695b5";
    }
    else document.writeln("Вы отказались изменять цвет!")
}
function histo(){
    if(confirm("Вы хотите вернутьcя в начало (Ok) или перейти на следующую страницу (Отмена)?")){
        window.history.go(-2);
    }
    else window.history.forward();
}
function def(obj)
{
var NewWindow=window.open('','NewWindow');
var hstr="<html><head><title>Новое окно</title><style type=\"text/css\">@import: url(\"WindowOpenCSS.css\");</style></head><body>";
NewWindow.document.writeln(hstr);
NewWindow.document.writeln("<h1>Новое окно</h1>");
NewWindow.document.writeln("<p>Фамилия: \""+obj.surname.value+"\"</p>");
NewWindow.document.writeln("<p>Имя: \""+obj.name.value+"\"</p>");
NewWindow.document.writeln("<p>Отчество: \""+obj.otchestvo.value+"\"</p>");
NewWindow.document.writeln("<p>Дата рождения: \""+obj.data.value+"\"</p>");
NewWindow.document.writeln("<p>Область: \""+obj.oblast.value+"\"</p>");
NewWindow.document.writeln("<p>Район: \""+obj.region.value+"\"</p>");
NewWindow.document.writeln("<p>Город: \""+obj.city.value+"\"</p>");
NewWindow.document.writeln("<p>Пол: \""+obj.sex.value+"\"</p>");
NewWindow.document.writeln("<p>Тип заявки: \""+obj.tip1.value+"\"</p>");
NewWindow.document.writeln("<p>Географическая близость: \""+obj.tip2.value+"\"</p>");
NewWindow.document.writeln("<p>Лицензионное соглашение: \""+obj.tip3.value+"\"</p>");
NewWindow.document.writeln("<p>Врачебная специализация: \""+obj.vrachspec.value+"\"</p>");
NewWindow.document.writeln("<p>Медицинская организация: \""+obj.medorg.value+"\"</p>");
NewWindow.document.writeln("<p>Врач: \""+obj.vrach.value+"\"</p>");
NewWindow.document.writeln("<p>Дата прёма: \""+obj.d_pr.value+"\"</p>");
NewWindow.document.writeln("<p>Время прёма: \""+obj.time.value+"\"</p>");
NewWindow.document.writeln("<p>Серия ОМС: \""+obj.s_oms.value+"\"</p>");
NewWindow.document.writeln("<p>Номер ОМС: \""+obj.n_oms.value+"\"</p>");
NewWindow.document.writeln("<p>Номер телефона: \""+obj.n_tel.value+"\"</p>");
NewWindow.document.writeln("<p>Пароль: \""+obj.parol.value+"\"</p>");
NewWindow.document.writeln("<p>E-mail: \""+obj.pochta.value+"\"</p>");
NewWindow.document.writeln("<p>Фотография: \""+obj.F1.value+"\"</p>");
var fstr=" </body></html>";
NewWindow.document.writeln(fstr);
}
    window.onload = function(){
 
        (function(){
            var submit  = document.getElementById('submit');
 
            submit.onclick = function(e)
            {
                var back = newWin.getElementById('back'),
                    forward = newWin.getElementById('forward');
 
                back.onclick = function(){
                    window.history.back();
                    console.log();
                };
                forward.onclick = function(){
                    window.history.forward();
                    console.log();
                };
 
            }
        }());
 
        (function(){
 
            var back = document.getElementById('back'),
                forward = document.getElementById('forward');
 
            back.onclick = function(){
                window.history.back();
            };
            forward.onclick = function(){
                window.history.forward();
            };
 
        }());
 
 
    }

Файл MyHTML.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Stom-Kab.com</title>
        <link rel="stylesheet" href="styleFormation.css" />
    <script type="text/javascript" src="myscript.js"></script>
    </head>
    <body>
    
        <div class="haut">
                <div class="titre">
                    <h1 class="titre-principal">Stom-Kab.com</h1>
                </div>
            </div>
<form name="forma" method="get" action="mailto:buzin.vladimir2016@yandex.ru" id="myform">
<fieldset>
<legend>
РЕГИСТРАЦИЯ:
</legend>
<p class="cent"><label>Фамилия:
<input type="text" placeholder="Введите фамилию" name="surname" value="Фамилия" size="30"><br>
</label>
<label>Имя:
<input type="text" placeholder="Введите имя" name="name" value="Имя" size="30"><br>
</label>
<label>Отчество:
<input type="text" placeholder="Введите отчество" name="otchestvo" value="Отчество" size="30"><br>
</label>
Дата рождения: <br>
<input type="date" name="data" value="Дата_рождения"><br>
Адрес проживания:<br>
<label>Область:
<select name="oblast">
<option value="Белгородская">Белгородская</option>
<option value="Воронежская">Воронежская</option>
<option selected value="Курская">Курская</option>
<option value="Московская">Московская</option>
<option value="Свердловская">Свердловская</option>
<option value="Челябинская">Челябинская</option>
</select>
</label>
<br>
<label>Район:
<select name="region" size="5">
<option value="Белгородский">Белгородский</option>
<option value="Железногорский">Железногорский</option>
<option selected value="Курский">Курский</option>
<option value="Можайский">Можайский</option>
<option value="Орехово-Зуевский">Орехово-Зуевский</option>
<option value="Россошанский">Россошанский</option>
<option value="Старооскольский">Старооскольский</option>
<option value="Яковлевский">Яковлевский</option>
</select>
</label>
<br>
<label>Город:
<select name="city">
<option value="Белгород">Белгород</option>
<option value="Воронеж">Воронеж</option>
<option value="Екатеринбург">Екатеринбург</option>
<option value="Железногорск">Железногорск</option>
<option selected value="Курск">Курск</option>
<option value="Можайск">Можайск</option>
<option value="Москва">Москва</option>
<option value="Нижний_Тагил">Нижний Тагил</option>
<option value="Орехово-Зуево">Орехово-Зуево</option>
<option value="Россошь">Россошь</option>
<option value="Старый_Оскол">Старый Оскол</option>
<option value="Строитель">Строитель</option>
<option value="Челябинск">Челябинск</option>
</select>
</label>
<br>
Пол:<br>
<label>
<input type="radio" name="sex" value="Мужской">Мужской<br>
</label>
<label>
<input type="radio" name="sex" value="Женский">Женский<br>
</label>
<br>
<br>
Тип заявки:<br>
<label>
<input type="radio" name="tip1" checked value="Запись_на_приём">Запись на приём<br>
</label>
<label>
<input type="radio" name="tip1" value="Вызов_врача_на_дом">Вызов врача на дом<br>
</label>
<br>
<br>
<br>
<label>
<input type="checkbox" name="tip2" checked value="Да">Географическая близость<br>
</label>
<label>
<input type="checkbox" name="tip3" checked value="Да">С правилами и условиями оказания услуг согласен<br>
</label>
<br>
<label>Врачебная специализация:
<select name="vrachspec">
<option value="Семейная_медицина">Общая врачебная практика (семейная медицина)</option>
<option value="Педиатрия">Педиатрия</option>
<option value="Терапия">Терапия</option>
<option value="Акушерство_и_гинекология">Акушерство и гинекология</option>
<option value="Стоматология_детская">Стоматология детская</option>
<option selected value="Стоматология_терапевтическая">Стоматология терапевтическая</option>
<option value="Стоматология_ортопедическая">Стоматология ортопедическая</option>
</select>
</label>
<br>
<br>
<label>Выбор медицинской организации
<select name="medorg" multiple>
<option selected value="Европейская_стоматология">Европейская стоматология</option>
<option value="Все_свои">Стоматологическая клиника "Все свои"</option>
<option selected value="Центр_Стоматологических_Инноваций_БелГУ">Межрегиональный центр Стоматологических инноваций НИУ БелГУ</option>
<option value="Прана">Стоматологическая клиника "Прана"</option>
<option value="Голливуд">Стоматологическая клиника "Голливуд"</option>
</select>
</label>
<br>
<br>
<label>Врач:
<select name="vrach">
<option value="Иванов">Иванов И. И.</option>
<option value="Петров">Петров П. П.</option>
<option value="Сидоров">Сидоров С. С.</option>
<option value="Андреев">Андреев А. А.</option>
</select>
</label>
<br>
<br>
Дата приёма:<br>
<input type="date" name="d_pr" value="Дата_приёма"><br>
<label>Время приёма:
<select name="time">
<option value="8:00">8:00</option>
<option value="10:00">10:00</option>
<option selected value="11:00">11:00</option>
<option value="13:00">13:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
</select>
</label>
<br>
<br>
<label>Серия ОМС:<br>
<input type="number" name="s_oms" placeholder="Серия ОМС"><br>
</label>
<label>Номер ОМС:<br>
<input type="number" name="n_oms" placeholder="Номер ОМС"><br>
</label>
<label>Номер телефона:<br>
<input type="tel" name="n_tel" placeholder="Введите номер телефона"><br>
</label>
<label>Пароль:<br>
<input type="password" name="parol" maxlength="15" placeholder="Введите пароль"><br>
</label>
<label>E-mail:<br>
<input type="email" name="pochta" placeholder="Введите e-mail"><br>
</label>
<label>Фотография:<br>
<input type="file" name="F1"><br>
</label>
<input type="submit" value="Отправить" style="width: 100px;" onclick="def(forma)">
<input type="reset" value="Сбросить" style="width: 100px; margin-left: 0px; margin-top: 15px;">
<p>Оставьте сообщение о качестве обслуживания</p>
<textarea name="Text1" rows=6 cols=15></textarea><br>
<input type="image" name="im" src="кнопка-1.jpg" style="width: 100px;" onclick="def(forma)">
</p>
</fieldset>
</form>
<br>
<br>
<div>
    <button id="back">Назад в истории</button>
    <button id="forward">Вперед в истории</button>
</div>
<script type="text/javascript" src="myscript.js"></script>
                <a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
                <a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
                <a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
                <a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>
 
                <footer>
                  <p>&copy; 2017 Corporation BuzinTechnology by VovaBuzin</p>
                </footer>
 
    </body>
</html>

Файл Main.html

<!DOCTYPE html>
<html>
<head>
    <title>Объекты браузера</title>
    <meta charset="utf-8">
    <style type="text/css">@import: url("winOpenCss.css");</style>
        <link rel="stylesheet" href="styleFormation.css" />
    <script type="text/javascript" src="winOpenJs.js"></script>
    <script type="text/javascript" src="myscript.js"></script>
</head>
<body>
    <h1>Открытие нового окна</h1>
    <p><A href="javascript:void(0)" onClick="WinOpen();">Открыть окно</a>
    </p>
    <a href="LocHtml.html">Location</a>
    <a href="html.html">My Site</a>
    <a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
     <a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
      <a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
         <a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>
<div>
    <button id="back">Назад в истории</button>
    <button id="forward">Вперед в истории</button>
</div>
</body>
</html>

Прикрепленные изображения

  • новое-окно-1.jpg
  • новое-окно-2.jpg
  • форма-1.jpg
  • форма-2.jpg

  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей