Cookie Polict
HTML
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.blueopal.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<div id="ParagonCookieNotice">
<ul>
<li>
<div class="ParagonCookieMessage configuration k-widget k-header">
<strong> Why are cookies essential to the Paragon Autmotive Group Websites?</strong><br />
<p>
This website, along with most other major websites, uses cookies. Cookies enable users to navigate around websites and (where appropriate) enable us to tailor the content to fit the needs of visitors who have accessed the site and help us improve the user experience. Without cookies enabled we cannot guarantee that the website and your experience whilst visiting are as we intended it to be. None of the cookies used on our websites collect personally identifiable information about you.
</p>
<p>
We use cookies within our websites to protect our customers. Without cookies enabled you will not be able to access Paragon Automotive Group Websites.
</p>
<p>
To track how visitors reach our site and the path they take through it to help us improve our service to you. For example, we use Google Analytics, a popular web analytics service provided by Google. Google Analytics uses cookies to help us to analyse how users use the site. Find our more about how these cookies are used on the Google Privacy site.
</p>
</div>
</li>
</ul>
<a id="ParagonCookiehandle" href="#" class="k-block">Cookies</a>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<div id="grdVehicleAttributes"></div>
<script type="text/x-kendo-template"...
CSS
#ParagonCookieNotice{
z-index: 10;
}
#grdVehicleAttributes{
z-index: 2;
}
.k-edit-label
{
vertical-align:bottom;
}
*+html .k-edit-form-container .k-textbox
{
display:inline;
}
#ParagonCookieNotice {
position: absolute;
top: 0px;
left: 200px;
width: 400px;
margin-top: -206px;
line-height:12.5px;
}
#ParagonCookiehandle {
position: absolute;
left: 300px;
width: 80px;
height: 20px;
text-align:center;
font-size:12.0667px;
z-index: 9099;
line-height:12.5px;
}
#ParagonCookieNotice ul {
list-style: none;
margin: 0;
padding: 0;
width: 400px;
height: 206px;
z-index: 9099;
line-height:12.5px;
}
#ParagonCookieNotice li {
display: inline-block;
margin: 0 2px;
z-index: 9099;
line-height:12.5px;
}
.ParagonCookieMessage
{
text-align:left;
font-size:10.0667px;
z-index: 9099;
line-height:12.5px;
height:205px;
}
.ParagonCookieMessage p
{
text-align:left;
font-size:10.0667px;
z-index: 9099;
}
.ParagonCookieMessage strong
{
text-align:left;
font-size:10.0667px;
z-index: 9099;
}
JavaScript
$(document).ready(function() {
GetVehicleAttributes();
var slide = kendo.fx($("#ParagonCookieNotice")).slideIn("up"),
visible = true;
$("#ParagonCookiehandle").click(function (e) {
if (visible) {
slide.reverse();
} else {
slide.play();
}
visible = !visible;
e.preventDefault();
});
});
var AttType = '';
var ddlDistTypeVA = '';
function GetVehicleAttributes() {
var JsonAttributes = [{
"AttributeCode": "",
"AttributeType": "Make",
"AttributeValue": "SEAT",
"ID": 3378592,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Model",
"AttributeValue": "IBIZA ",
"ID": 3378593,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Derivative",
"AttributeValue": "Ibiza 5dr (2012) SE 1.6 TDI CR 105 PS 5-speed manu",
"ID": 3378594,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Colour",
"AttributeValue": "Ice Silver",
"ID": 3378595,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Colour Code",
"AttributeValue": "P5P5",
"ID": 3378596,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Trim Code",
"AttributeValue": "BT",
"ID": 3378597,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Trim Description",
"AttributeValue": "Aloe",
"ID": 3378598,
"VIN": "VSSZZZ6JZDR051504"},
{
"AttributeCode": "",
"AttributeType": "Engine Size(CC)",
"AttributeValue": "1598",
"ID": 3378599,
"VIN":...