Формы в HTML откуда берутся\как делаются

@Ципихович Эндрю · Регистрация: 10.04.2009

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

Здравствуйте, подскажите пожалуйста
Формы в HTML откуда берутся\как делаются
Речь о формах, которые появляются посредине экрана и имеют в углу крестик для закрытия
Спасибо

@Taras_Z · 03.12.2011, 18:46

ето не формы а javascript

@Ципихович Эндрю · 03.12.2011, 18:48 **[ТС]**

уж коли так, сорри ответите как? откуда?
или уважаемые модераторы перенесите топик в ДжаваСкрипт

@boong · 03.12.2011, 21:54

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

ето не формы а javascript

Это формы, просто они или подгружаются c XMLHTTPRequest или просто может быть изменение display для уже существующего object, и возможно конечно создать нужную форму средствами JavaScript.

@Ципихович Эндрю · 03.12.2011, 22:00 **[ТС]**

у меня и ссылки есть, но там на англ.
http://www.dhtmlx.com/
http://www.sencha.com/products/extjs/
http://www.jeasyui.com/
http://jqueryui.com/demos/
русских нет ни у кого??

Добавлено через 53 секунды

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

XMLHTTPRequest

это пхп??

@boong · 03.12.2011, 22:11

Сообщение от Ципихович Эндрю

у меня и ссылки есть, но там на англ.

Ну если Вы работаете с программированием то знание англ языка хотя бы на техническом уровне обязательно. Это моё мнение. Ну в прочем можете воспользоваться переводчиком например http://translate.google.com.ua или в погуглите в интернете есть 100% статьи на русском.

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

Сообщение от Ципихович Эндрю

Сообщение от boong
XMLHTTPRequest
это пхп??

Нет. Объект XMLHTTPRequest - низкоуровневая основа большинства AJAX-приложений. Можете использовать jQuery, Dojo и т.д, если Вам так проще.

@Alorian · 06.12.2011, 14:35

Ципихович Эндрю, ищи "модальные окна". Это так называется по правильному. Окошко которое блокирует все остальные действия на сайте.

Делается довольно просто:
1. Перед закрывающим </body> ставишь два дива
2. Первый див будет перекрывать весь основной сайт, ему указываешь ширину и высоту в 100%, присваиваешь position:fixed. Чтобы он затемнял и блокировал весь остальной сайт, надо присвоить ему прозрачную картинку в background, это самый простой вариант.
3. Второй див будет окошком. В него добавляешь все то что должно быть в модальном окне. Присваиваешь ему position:absolute; и примерно центрируешь его.
4. Чтобы эти два дива наверняка были поверх всего остального им нужно добавить еще и большой z-index. Причем у окошка z-index должен быть больше чем у темного фона.
5. Присваиваешь этим дивам display:none. При старте страницы они не отображаются. Потом по клику на каком нибудь элементе с помощью javascript меняешь display:none на block у обоих дивов. На крестике в окошке тоже вешаешь обработчик клика и меняешь display обратно по нажатию.

Не сильно сложно. Это базовый и упрощенный вариант, его можно улучшать, но тем не менее работать будет.

@YoungBoy · 06.12.2011, 20:23

Ципихович Эндрю, советую использовать Colorbox из JQuery. Вот примеры.

@Ципихович Эндрю · 06.12.2011, 20:49 **[ТС]**

Alorian, похоже то что нужно, есть пример?

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

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

советую использовать Colorbox из JQuery. Вот примеры.

какие-то они дюже затаённые

@YoungBoy · 06.12.2011, 20:57

Ципихович Эндрю, а что мешает настроить под себя?

@Ципихович Эндрю · 06.12.2011, 21:15 **[ТС]**

1 ума и опыта не хватает
2 то что Вы можете это хорошо
3 я не могу лишь по тому, что я нашёл пример

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script type="text/javascript" src="jquery.dimensions.js"></script>
<title>Simplemodal</title>
<style type="text/css">
body {
    padding:0;
    margin:0;
    height:100%;
    width:100%;
}
 
#modalOverlay {
    background-color:#000;
    cursor:wait;
    filter: alpha(opacity=80);
    height: 100%;
}
#modalContainer {
    height:auto;
    width:300px;
    left:50%;
    top:50%;
    margin-left:-150px;
    /* margin-top: -70px; */
    background-color:#fff;
    border:3px solid #ccc;
    padding: 10px;
}
 
a.modalCloseImg {
    background:url(x.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}
 
 
#helper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -10;
}
</style>
 
<script type="text/javascript">
$(document).ready( function() {
$('#messageText').html('Это наше окошко!');
$('#message').modal();
});
</script>
</head>
<body>
  
<div id="helper"></div>
 
 
<div id="message" style="display: none; text-align: center;">
<div id="messageText"></div><br /><br />
<input type='button' value='Ok' class='modalClose'  style='height: 30px; width: 60px;'/>
</div>
</body>
</html>

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

@YoungBoy · 06.12.2011, 21:18

JavaScript
1
2
3
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script type="text/javascript" src="jquery.dimensions.js"></script>

в файле подключаются скрипты, значит
скачайте и поместите их в папку со страничкой jquery.js, jquery.simplemodal.js, jquery.dimensions.js

@Ципихович Эндрю · 06.12.2011, 21:32 **[ТС]**

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

jquery.js, jquery.simplemodal.js, jquery.dimensions.js

а там ещё километры кода

Сообщение от Ципихович Эндрю

пустая страница и одна формочка, не слишком ли много кода??

занадто много, жуть!!!!!!!!!!!!!!
нету там: http://www.charnad.com/stuff/simplemodal/ - файлов jquery.js, jquery.simplemodal.js, jquery.dimensions.js

@YoungBoy · 06.12.2011, 21:40

JavaScript
1
2
3
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script type="text/javascript" src="jquery.dimensions.js"></script>

Эти строки подключают javascript фреймфорк (JQuery), который и делает это окошко.
Чтобы всё работало нужно скачать файлы этого фреймворка и поместить в каталог с Вашим HTML файлом.

jquery.js, jquery.simplemodal.js, jquery.dimensions.js

@Ципихович Эндрю · 06.12.2011, 21:44 **[ТС]**

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

jquery.js, jquery.simplemodal.js, jquery.dimensions.js

не врублюсь где их качнуть?

@YoungBoy · 06.12.2011, 21:51

В архиве

@Ципихович Эндрю · 07.12.2011, 05:02 **[ТС]**

YoungBoy, спасибо!!!!!!!, я про то что не понял откуда Вы их качнули??
не сами же их писали?

@YoungBoy · 07.12.2011, 11:09

Ципихович Эндрю, JavaScript это обычные текстовые файлы с кодом, и расширением .js . Я перешёл по ссылке, которую Вы указали , нашёл в исходниках ссылки эту, эту и вот эту,и скопировал тексты в файлы с нужными именами.

@Ципихович Эндрю · 07.12.2011, 17:47 **[ТС]**

спасибо, убийство, одно окошко, такой код да ещё в нескольких местах, одним словом зря я затеял это ..., ну и ещё спрсить в VBScript'е пусть он только с Осликом дружит тоже также всё мудрёно или нет??
Кто это рубит тому респект, для меня вынос мозга...

@YoungBoy · 08.12.2011, 02:12

Ципихович Эндрю, Вы не верно всё поняли

. Создатели того кода уже всё за Вас сделали, и остаётся только навесить нужные ID и CLASS и всё будет работать. Вам даже JavaScript не нужно знать. Не стоит бросать это всё из-за простого недопонимания. Пишите мне в личку - помогу чем смогу.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,316

	Формы в HTML откуда берутся\как делаются 03.12.2011, 18:45. Показов 2128. Ответов 20 Метки нет (Все метки) Здравствуйте, подскажите пожалуйста Формы в HTML откуда берутся\как делаются Речь о формах, которые появляются посредине экрана и имеют в углу крестик для закрытия Спасибо 0

@Taras_Z 102 / 86 / 5 Регистрация: 27.10.2010 Сообщений: 534 Записей в блоге: 2
	03.12.2011, 18:46
	ето не формы а javascript 0

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,316
	03.12.2011, 18:48 [ТС]
	уж коли так, сорри ответите как? откуда? или уважаемые модераторы перенесите топик в ДжаваСкрипт 0

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	06.12.2011, 14:35
	Ципихович Эндрю, ищи "модальные окна". Это так называется по правильному. Окошко которое блокирует все остальные действия на сайте. Делается довольно просто: 1. Перед закрывающим </body> ставишь два дива 2. Первый див будет перекрывать весь основной сайт, ему указываешь ширину и высоту в 100%, присваиваешь position:fixed. Чтобы он затемнял и блокировал весь остальной сайт, надо присвоить ему прозрачную картинку в background, это самый простой вариант. 3. Второй див будет окошком. В него добавляешь все то что должно быть в модальном окне. Присваиваешь ему position:absolute; и примерно центрируешь его. 4. Чтобы эти два дива наверняка были поверх всего остального им нужно добавить еще и большой z-index. Причем у окошка z-index должен быть больше чем у темного фона. 5. Присваиваешь этим дивам display:none. При старте страницы они не отображаются. Потом по клику на каком нибудь элементе с помощью javascript меняешь display:none на block у обоих дивов. На крестике в окошке тоже вешаешь обработчик клика и меняешь display обратно по нажатию. Не сильно сложно. Это базовый и упрощенный вариант, его можно улучшать, но тем не менее работать будет. 2

@YoungBoy 53 / 53 / 2 Регистрация: 19.04.2011 Сообщений: 294
	06.12.2011, 20:23
	Ципихович Эндрю, советую использовать Colorbox из JQuery. Вот примеры. 0

@YoungBoy 53 / 53 / 2 Регистрация: 19.04.2011 Сообщений: 294
	06.12.2011, 20:57
	Ципихович Эндрю, а что мешает настроить под себя? 0

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,316
	07.12.2011, 05:02 [ТС]
	YoungBoy, спасибо!!!!!!!, я про то что не понял откуда Вы их качнули?? не сами же их писали? 0

@YoungBoy 53 / 53 / 2 Регистрация: 19.04.2011 Сообщений: 294
	07.12.2011, 11:09
	Ципихович Эндрю, JavaScript это обычные текстовые файлы с кодом, и расширением .js . Я перешёл по ссылке, которую Вы указали , нашёл в исходниках ссылки эту, эту и вот эту,и скопировал тексты в файлы с нужными именами. 1

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,316
	07.12.2011, 17:47 [ТС]
	спасибо, убийство, одно окошко, такой код да ещё в нескольких местах, одним словом зря я затеял это ..., ну и ещё спрсить в VBScript'е пусть он только с Осликом дружит тоже также всё мудрёно или нет?? Кто это рубит тому респект, для меня вынос мозга... 0

@YoungBoy 53 / 53 / 2 Регистрация: 19.04.2011 Сообщений: 294
	08.12.2011, 02:12
	Ципихович Эндрю, Вы не верно всё поняли . Создатели того кода уже всё за Вас сделали, и остаётся только навесить нужные ID и CLASS и всё будет работать. Вам даже JavaScript не нужно знать. Не стоит бросать это всё из-за простого недопонимания. Пишите мне в личку - помогу чем смогу. 1