Advanced Search

Return to Snippet

Revision: 13334
at April 20, 2009 09:22 by davebowker
Updated Code 
//$('.ukn-search-advanced').append('<em>Looking for:</em><div class="ukn-form-textbox-preview"></div><input class="ukn-search-advanced-submit" type="button" value="Search" onclick="this.form.submit();" />');
	$('.ukn-form-textbox-preview').html($(this).val());
	$(this).keyup(function(){
		if ($('.ukn-form-searchbox').val() !== "") {
			$('.ukn-search-advanced-extra').show();
		}
		var $comment = '';
		$comment = $(this).val();
		$('.ukn-form-textbox-preview').html($comment);
		$comment = $comment.replace(/\n/g, "<br />").replace(/\n\n+/g, '<br /><br />').replace(/(\<\/?)script/g, "$1noscript");
	})

Revision: 13333
at April 20, 2009 08:09 by davebowker
Initial Code 
$('input.ukn-form-textbox').one('focus', function() {
		$('.ukn-search-advanced').append('<em>Looking for:</em><div class="ukn-form-textbox-preview"></div><input class="ukn-search-advanced-submit" type="button" value="Search" onclick="this.form.submit();" />');
	});
	$('input.ukn-form-textbox').focus(function() {
		$('.ukn-form-textbox-preview').html($(this).val());
		$(this).keyup(function() {
			$('.ukn-form-textbox-preview').html($(this).val());
		})
	});
	$comment = $comment.replace(/\n/g, "<br />").replace(/\n\n+/g, '<br /><br />').replace(/(\<\/?)script/g,"$1noscript");
Initial URL 
http://www.learningjquery.com/2006/11/really-simple-live-comment-preview
Initial Description 

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
jQuery ajax comment preview

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
ajax, jquery

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
JavaScript