forms-modal-offer.php
3.47 KB
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<script>
$(document).ready(function(){
jQuery('.off_list').jScrollPane({
showArrows:true,
autoReinitialise: true,
autoReinitialiseDelay:200,
scrollbarWidth: 25,
arrowSize: 25
});
$('.off_list').hide();
$('.main_item, .arrow.up').click(function () {$('.off_list').toggle()});
var listOffer = $('.list-form-offer li');
var listOfferLength = listOffer.length;
$(listOffer[listOfferLength-1]).addClass('act-offer-li');
function activeOf(){
var title1 = $('.act-offer-li').find('.title1').text();
var title2 = $('.act-offer-li').find('.title2').text();
$('.main_item .pr_title').empty().text(title1)
$('.main_item span').empty().text(title2)
}
activeOf();
listOffer.click(function(){
var thisOfInd = $(this).index();
var actOfInd = $('.act-offer-li').index();
listOffer.removeClass('act-offer-li');
$(this).addClass('act-offer-li');
if(thisOfInd!=actOfInd) {
activeOf();
$('.off_list').hide();
}
})
})
</script>
<div id="modal_form_offer">
<div class="closed-form"></div>
<div class="form-resume-wr offer">
<div class="form-resume-sub style">Предложить проект</div>
<form action="" class="offer-project">
<label>Выбрать проект</label><div style="clear:both;"></div>
<div class="list_item title">
<div class="main_item">
<div class="pr_title"></div>
<span></span>
</div>
<div class="arrow up"></div>
<div class="off_list">
<ul class="content list-form-offer">
<li>
<div class="title1">Проект бассейна 1</div>
<div class="title2">Подряд: Вилла 1</div>
</li>
<li>
<div class="title1">Проект бассейна 2</div>
<div class="title2">Подряд: Вилла 2</div>
</li>
<li>
<div class="title1">Проект бассейна 3</div>
<div class="title2">Подряд: Вилла 3</div>
</li>
<li>
<div class="title1">Проект бассейна 4</div>
<div class="title2">Подряд: Вилла 4</div>
</li>
<li>
<div class="title1">Проект бассейна 5</div>
<div class="title2">Подряд: Вилла 5</div>
</li>
</ul>
</div>
</div>
<label for="off_name">Название проекта</label><input id="off_name" name="" type="text">
<label for="off_text">Описание</label><textarea id="off_text" name=""></textarea>
<label for="off_price">Цена</label><input id="off_price" name="" type="text">
<input id="off_submit" type="submit" value="Предложить">
</form>
<div class="res_form_line"></div>
</div>
</div>