Advanced Search

Return to Snippet

Revision: 32587
at September 29, 2010 17:34 by Meander365
Initial Code 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../assets/js/jquery.js"></script>

<script type="text/javascript">
	
$(function () {

	$('#animate').bind('click', function(e){
		// Do something with e.name, e.surname, etc.
		var newHtml = e.type || [];
			newHtml = e.from || $(this).attr("id");
			newHtml += e.name || [];
			newHtml += e.surname || [];
			newHtml += e.age || [];		
			newHtml += e.gender || [];	
			$(".box").empty().append(newHtml);

	});

	$('#animate-fake').mouseover(function() {
	
		$("#animate").trigger({
		
			type:'click', //the bound event of the handler
			from:$(this).attr("id"),
			name:'John',
			surname:'Doe',
			age: 28,
			gender:'male'
		
		});
	});
	
	});
</script>
</head>
<body>
<style type="text/css">
	.box {width:100%;min-height:30px;background:#efefef;border:1px solid #ccc;}
</style>
	<a href="#" id="animate">Show me the object</a><br /><br />
	<div class="box"></div><br /><br />
	<a href="#" id="animate-fake">Hover Over Me</a>

</body>
</html>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
I can see this being useful for when you want to pass a lot of associated data to an event handler from elements and their chosen trigger action.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Jquery Passing Dynamic Data to Event Handlers

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
javascript, data, jquery

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery