Скрытие блока

@Haroutweb · Регистрация: 22.11.2010

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

Здраствуйте, извените еслт вопрос нилепый, я новичок в jquery

у меня есть HTML

HTML5
1
2
3
4
5
6
 <form action="<?=$_SERVER['PHP_SELF'];?>">
                           <p><b><label for="domain">WWW.</label></b> 
                           <input type="text" name="domain" id="domain" value="<?=$domain;?>" placeholder="example.com"> 
                           <input type="submit" value="Whois" class="submit"></p>
                           <p>Search domains and lookup whois information</p>
                  </form>

и

HTML5
1
2
3
4
5
6
<div class="blok1">
                                        <?
                        echo "<pre>\n" . $result . "\n</pre>\n";
                        ?>
                    </div>
                                    <div class="blok2"></div>

пишу код для того чтобы, когда нажали на input.submit, blok2 больше не показывалась

JavaScript
1
2
3
4
$(document).ready(function()
{
    $(".submit").click(function(){ $(".blok2").css({"display":"none"};)});
});

помогите плиз

Vovan-VE · 26.09.2011, 18:29

Когда Вы жмёте на submit, форма отсылается, страница перезагружается. После этого новая страницы уже практически ничего не знает про старую.

@Linked · 27.09.2011, 16:16

Vovan-VE прав.Ты можешь это сделать например с помощью button.
Вот пример:
index.php

PHP
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
<html>
<head>
<title>Proba</title>
<link rel = "stylesheet"
type = "text/css"
href = "style1.css">
<script type = "text/javascript" src = "jquery.js"></script>
</head>
<body id = "index1">
<input type = "button"
value = "close"
onclick = "$(document).ready(function() {
$('#div1').hide(1500);
});">
<input type = "button"
value = "div1 - open"
onclick = "$(document).ready(function() {
$('#div1').show(1500);
});">
<div id = "div1">
 
</div>
<hr>
<input type = "button"
value = "close"
onclick = "$(document).ready(function() {
$('#div2').hide(1500);
});">
<input type = "button"
value = "div1 - open"
onclick = "$(document).ready(function() {
$('#div2').show(1500);
});">
<div id = "div2">
 
</div>
<hr>
<input type = "button"
value = "close"
onclick = "$(document).ready(function() {
$('#div3').hide(1500);
});">
<input type = "button"
value = "div1 - open"
onclick = "$(document).ready(function() {
$('#div3').show(1500);
});">
<div id = "div3">
 
</div>
</body>
</html>

style1.css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
div#div1 {
background-color:green;
width:1000px;
height:100px;
}
 
div#div2 {
background-color:red;
width:1000px;
height:100px;
}
 
div#div3 {
background-color:black;
width:1000px;
height:100px;
}

script1.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
function div1() {
a = $('#div1').hide(3000);
}
function div2() {
a = $('#div2').hide(3000);
}
function div3() {
a = $('#div3').hide(3000);
}
});

+ подключенная библиотека jquery.js.можешь скачать её с офф сайта, желательно последней версии.

Добавлено через 2 минуты
+ ещё:
Например у тебя есть div с id = "div1">:
ты делаешь это так:
$('#div1')/*Принимаешь div с id = div1*/.hide/* hide - скрывает, show - раскрывает.У них 2 параметра:
a)Это скорость исчезновения/появления
б)Какую функцию выполнить после завершения действия(необязательно)*/(3000);
В целом так:

JavaScript
1
$('#div1').hide(3000);

вот и всё)

@Haroutweb · 27.09.2011, 23:34 **[ТС]**

ОГромное Спасибо

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	26.09.2011, 18:29
	Когда Вы жмёте на submit, форма отсылается, страница перезагружается. После этого новая страницы уже практически ничего не знает про старую. 1

@Haroutweb 0 / 0 / 0 Регистрация: 22.11.2010 Сообщений: 30
	27.09.2011, 23:34 [ТС]
	ОГромное Спасибо 0