Added ugly hack to get around problems with sliding in hidden images in visual captcha on login pages in webkit browsers.

git-svn-id: http://code.elgg.org/elgg/trunk@6705 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 8 insertions, 4 deletions

diff --git a/views/default/account/forms/login_walled_garden.php b/views/default/account/forms/login_walled_garden.php
index c7531efbd..56ea365bb 100644
--- a/views/default/account/forms/login_walled_garden.php
+++ b/views/default/account/forms/login_walled_garden.php
@@ -67,22 +67,26 @@ __HTML;
 </div><div id="hiddenform_bottom"></div></div>
 
 <script type="text/javascript"> 
-$(document).ready(function() { 	
+$(document).ready(function() {
 	$('input.username').focus();
 	
 	// add cancel button to inline register form
 	$('#registration_form').find('input.submit_button').after("<input class='action_button disabled cancel_request' type='reset' value='Cancel'>");
 	
 	function elgg_slide_hiddenform(activateLink, parentElement, toggleElement) {
-		$(activateLink).closest(parentElement).find(toggleElement).animate({"width": "563px"}, { duration: 400 });
-		$(activateLink).closest(parentElement).animate({"height": "256px"}, { duration: 400 });
+		$(activateLink).closest(parentElement).find(toggleElement).animate({"width": "563px", duration: 400});
+		$(activateLink).closest(parentElement).animate({"height": "256px", duration: 400}, function() {
+			// ewwww dirty.  Webkit has problems when showing images that were hidden.
+			// forcing a reload of all the images.
+			$('.visual_captcha img').each(function() { $(this).attr('src', $(this).attr('src')); });
+		});
 		return false;
 	}
 
 	$('a.registration_link').click(function(e) {
 		e.preventDefault();
 		elgg_slide_hiddenform(this, '.walledgardenlogin', '#registration_form');
-		$('input.name').focus();	
+		$('input.name').focus();
 	});
 	
 	$('a.forgotten_password_link').click(function(e) {