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(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);
|
| 48 | + | $('delivery-html').update(json.html);
|
| 49 | $('delivery-message').show();
| |
| 50 | $('delivery-html').show();
| |
| 51 | } | |
| 52 | }); | |
| 53 | }); | |
| 54 | Event.observe('delivery-pincode-change', 'click', function(event){
| |
| 55 | $('block_info').show();
| |
| 56 | $('delivery-message').hide();
| |
| 57 | $('delivery-html').hide();
| |
| 58 | }); | |
| 59 | </script> |
