"Untitled"
Bootstrap 4.1.1 Snippet by ugnandish

Post to Facebook Tweet this

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--Main Content -->
<section class="main_content template_search">
<div class="container">
<div class="content_block_banner">
<div class="page-title">
<h1>Limited Company Panel</h1>
</div>
<div class="page-description">
<h4>When submitting shared ownership mortgage applications, please ensure your client is using a solicitor from our approved panel. Please note, it is in our absolute discretion to amend our panel from time to time.</h4>
</div>
<div class="postcode_type">
<div class="row">
<div class="left col-sm-5 col-md-5">
<input type="text" class="form-control" id="postcode" placeholder="Please enter your postcode e.g ME4 4ET">
<input type="text" class="form-control" id="solicitor_postcode" placeholder="Please enter your postcode e.g ME4 4ET">
</div>
<div class="right col-sm-3 col-md-3">
<button type="button" class="btn btn-default find_bdm">Find my BDM</button>
<button type="button" class="btn btn-default find_solicitor">Find</button>
</div>
</div>
<div class="errorpostcode">
<p>Please enter valid postcode</p>
</div>
</div>
</div>
<div class="content_block">
<div class="page-content">
<div class="show_bdm"></div>
<div class="show_bdm_solicitor_panel_data"></div>
<h2 class="solicitor_heading hidden_source">The nearest solicitor on our panel to your postcode is:</h2>
<div class="hidden_content_block_bdm" data-attr='L1'> <!-- Hidden block -->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
/* ==================
* BDM FINDER
* ================ */
.errorpostcode {
display: none;
}
input#postcode:hover {
border: 1px solid #284160;
}
.postcode_type .errorpostcode p {
font-size: 16px;
margin: 10px 0px;
color: #d3000d;
display: block;
width: 100%;
float: left;
font-family: "GT Walsheim Regular";
}
.show_bdm>h2 {
margin-top: 0;
}
.show_bdm h2, .show_bdm h3 {
margin-bottom: 30px;
animation: fadeIn 1s linear;
}
.alternate_bdm_heading {font-size:25px !important;}
.postcode_type {
margin-top: 0px;
float: left;
width: 100%;
display: block;
}
.postcode_type .right {
background: #284160;
color: #fff;
}
.postcode_type .right, .postcode_type .left {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
$('.find_solicitor').click(function(){
var bdmpattern = /[A-Z]{1,2}[0-9][0-9A-Z]?\s?[0-9][A-Z]{2}/gi;
var getsolinput = $('#solicitor_postcode').val();
var solname = /[A-Z][a-z]{3,}/gi;
if(getsolinput.length !== 0) {
if(getsolinput.match(bdmpattern)) {
$('.errorpostcode').css('display','none');
var shortpattern = /[A-Z][0-9]/gi;
var shortcode = getsolinput.substring(0, 2);
var code = shortcode.toUpperCase();
$('.hidden_content_block_bdm_solicitors').hide();
var emptydiv = "";
$('.show_bdm').html(emptydiv);
if(getsolinput.length !== 0 && $('.hidden_source.postcodelist').text().match(code)){
$('.hidden_content_block_bdm_solicitors').each(function(){
if ($(this).find('.hidden_source.postcodelist').text().match(code)){
//alert("sns");
var content = $(this).html();
$(this).addClass('show_bdm_solicitor_panel_data');
//$('h2.solicitor_heading').removeClass('hidden_source');
$(this).show();
}
});
}
} else if(getsolinput.match(solname)) {
$('.errorpostcode').css('display','none');
var solname = $('.solicitor_detail .bdm_name').text();
//alert(solname);
//alert(getsolinput);
var conn1 = solname.toUpperCase();
var conn2 = getsolinput.toUpperCase();
$('.hidden_content_block_bdm_solicitors').hide();
if(getsolinput.length !== 0 && conn1.match(conn2)){
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Dashboard React

Questions / Comments: