hide the text field and display the message for Delivery checking
-
13-12-2019 - |
Question
please visit this link : http://hotwheelstoys.in/mobileapp2/funny-pets-wonder-teddy-1802.html
there is an option to enter the zip code and check there is
"delivery available or not to that zip code".
once we entered the zip code and click on "check" button, it will display
the paticular message below the text field.
but once we entered the pin code and clickon "check" button, i want to hide the text field and want to display the message as like
we are using this code : http://pastebin.com/t6y6vyQe
please help me to find solution
thanks in advance
Solution
First thing you have hide the delivery zipcode block. So on the AJAX success function you have to write the code to hide the div
$('block_info').hide();
before that use <div id="delivery-html">
and <div id="delivery-message">
outside of the <div id="block_info">
Now if the customer want to change the zipcode
So add the <a>
after the <div id="delivery-html">
and use the below script
Event.observe('delivery-pincode-change', 'click', function(event){
$('block_info').show();
$('delivery-message').hide();
$('delivery-html').hide();
});
You can use this code