[ljcom] r10270: LJSUP-8262: need a priority for showing ...

U   trunk/htdocs/js/pay.js

Modified: trunk/htdocs/js/pay.js
===================================================================
--- trunk/htdocs/js/pay.js	2011-03-21 08:10:17 UTC (rev 10269)
+++ trunk/htdocs/js/pay.js	2011-03-21 09:56:27 UTC (rev 10270)
@@ -379,6 +379,12 @@
 	{
 		jQuery('form#ccform').each(function()
 		{
+			// #LJSUP-8262 Warning message priority
+			jQuery('.b-ccform>li', this).each(function(i)
+			{
+				this.style.zIndex = 10 + i;
+			});
+			
 			jQuery('dd>input, dd>select', this)
 				.focus(function()
 				{
@@ -393,6 +399,8 @@
 					var container = input.closest('li'),
 						help_bubble = container.find(selector);
 					
+					container.css("zIndex", 1);
+					
 					container.find('.b-bubble-warning').hide();
 					help_bubble.show();
 					
@@ -427,8 +435,11 @@
 				{
 					var input = jQuery(this);
 					if (!input.data('is_hover')) {
-						input.closest('li').find('.b-bubble-lite').hide();
+						var container = input.closest('li');
+						container.find('.b-bubble-lite').hide();
 						
+						container.css("zIndex", container.index() + 10);
+						
 						var default_value, i;
 						if (input[0].tagName !== 'SELECT') {
 							default_value = input[0].defaultValue;
@@ -442,7 +453,7 @@
 						}
 						
 						if (input.val() === default_value) {
-							input.closest('li').find('.b-bubble-warning').show();
+							container.find('.b-bubble-warning').show();
 						}
 					}
 					input.data('is_focus', false);