SHOW:
|
|
- or go back to the newest paste.
1 | <style> | |
2 | .block-check-delivery .block-title strong {background-image:none; font-size: 11px;} | |
3 | .block-check-delivery .block-content {padding:0 10px; } | |
4 | .block-check-delivery .button {} | |
5 | .block-check-delivery input{width: 107px;} | |
6 | .button1 { background: #848484 none repeat scroll 0 0;color: white;font: 11px/1.35 Arial, Helvetica, sans-serif;border-radius: 3px;border: none;padding:11px !important;} | |
7 | .button1:hover {cursor: pointer;} | |
8 | #block_info {margin: 0 auto;width: 90%;} | |
9 | ||
10 | .check_delivery .block-content { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 10px 0; -webkit-box-shadow: inset 0 8px 10px -7px #e4e4e4; -moz-box-shadow: inset 0 8px 10px -7px #e4e4e4; box-shadow: inset 0 8px 10px -7px #e4e4e4;background-color: #f1f5f8;background: -webkit-gradient(linear,0% 0,0% 100%,from(#1a82f7),to(#fff)); background: -webkit-linear-gradient(top,#fff,#f1f5f8); background: -moz-linear-gradient(top,#fff,#f1f5f8); | |
11 | background: -ms-linear-gradient(top,#fff,#f1f5f8); background: -o-linear-gradient(top,#fff,#f1f5f8);width: 100%} | |
12 | ||
13 | /*.block block-list block-check-delivery { position:relative; top: 15px; font-family: Museo,Helvetica,arial,san-serif; display: inline-block;}*/ | |
14 | ||
15 | ||
16 | </style> | |
17 | ||
18 | ||
19 | <div class="block-content" > <div id="block_info"> | |
20 | <!-- <br/> --> | |
21 | <img src ="http://totaltoys.com/media/font-100.jpg" height= '35' width= '70'> | |
22 | <?php $blockLabel = Mage::getStoreConfig('checkdelivery/general/block_title'); ?> | |
23 | <strong><span><?php echo $this->__($blockLabel) ?></span></strong> | |
24 | ||
25 | <input name="zipcode" size="20" type="text" id="zipcode" maxlength="120" class="input-text" placeholder="<?php echo $this->__('Enter your PIN Code'); ?>"/> | |
26 | <button type="button" name="zip-check" title="Check" class="button1" id="zip-check" ><span><?php echo $this->__('CHECK'); ?></span></button> | |
27 | ||
28 | ||
29 | <!-- <br> --> </div> | |
30 | <div id="delivery-message"></div> | |
31 | <?php $defaultHtml = Mage::getStoreConfig('checkdelivery/general/default_html'); ?> | |
32 | <div id="delivery-html"><?php echo $defaultHtml ?></div> | |
33 | - | <a id="delivery-pincode-change" href="javascript:void()">change</a> |
33 | + | <a id="delivery-pincode-change" href="javascript:void(0)">change</a> |
34 | </div> | |
35 | ||
36 | ||
37 | ||
38 | <script> | |
39 | Event.observe('zip-check', 'click', function(event){ | |
40 | new Ajax.Request("<?php echo $this->getUrl('checkdelivery/index/index') ?>", { | |
41 | method: "get", | |
42 | parameters: {zipcode : $('zipcode').value }, | |
43 | onSuccess: function(transport) { | |
44 | var json = transport.responseText.evalJSON(); | |
45 | $('block_info').hide(); | |
46 | $('delivery-message').update(json.message); | |
47 | $('delivery-message').setStyle({ color: json.color}); | |
48 | $('delivery-html').update(json.html); | |
49 | } | |
50 | }); | |
51 | }); | |
52 | Event.observe('delivery-pincode-change', 'click', function(event){ | |
53 | $('block_info').show(); | |
54 | $('delivery-message').hide(); | |
55 | - | $('delivery-html').hide(); |
55 | + | $('delivery-html').hide(); |
56 | - | } |
56 | + | |
57 | </script> |