Learn Prototype
Prototype Resources
Selected Reading
© 2011 TutorialsPoint.COM
|
Prototype fire() Method
This method is used to fire a custom event with the current element as its target.
The custom event has all the same properties and methods of native events. Like a native event, it will bubble up through the DOM unless its propagation is explicitly stopped.
Custom events are dispatched synchronously: Element#fire waits until the event finishes its life cycle, then returns the event itself.
Syntax:
element.fire(eventName[, memo]);
|
The optional second argument will be assigned to the memo property of the event object so that it can be read by event handlers.
Return Value:
Example:
In this exmaple an element with ID (firstDiv) frobbed widget #19.
<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript"
src="/javascript/prototype.js">
</script>
<script>
document.observe("widget:frobbed", function(event) {
alert("Element with ID (" + event.target.id +
") frobbed widget #" + event.memo.widgetNumber + ".");
});
function showResult(){
someNode = $('firstDiv');
someNode.fire("widget:frobbed", { widgetNumber: 19 });
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<div id="firstDiv">
<p>This is first paragraph</p>
</div>
<br />
<input type="button" value="showResult"
onclick="showResult();"/>
</body>
</html>
|
To understand it in better way you can Try it yourself.
|
|
|