I'm trying to inherit from prototype's Element by doing so: ------------------- CODE ------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript" type="text/javascript" src="../ prototype.js"></script> <style type="text/css"> div.window { -moz-border-radius: 15px 15px 15px 15px; border: 2px solid black; } div.window div.win_head { background: #006699 url(box.png); color: white; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; -moz-border-radius: 12px 12px 0px 0px; padding: 1px 0px 0px 5px; min-height: 23px; text-align: center; cursor: default; vertical-align: middle; overflow: auto; } div.window div.win_content { padding: 3px; } div.window div.win_statusline { background: #DDD; bottom: 0px; -moz-border-radius: 0px 0px 12px 12px; overflow: hidden; padding: 0px 0px 0px 5px; } div.window div.win_statusline td.resizegrip { background:red; width: 16px; cursor: se-resize; } div.window div.win_statusline td.win_status { } </style> <title>Inheritation in Prototype 1.6.0</title> <script type="text/javascript" language="javascript"> Event.observe(window,'load',main); var GuiWindow = Class.create(Element,{ initialize:function($super,id) { $super('div',{class:'window',id:'window_'+id}); this.id = id; this.win_status = new Element('td', {width:'100%',align:'left',class:'win_status',id:'win_status_'+id}).update('status'); this.win_resizegrip = new Element('td', {class:'resizegrip',id:'win_resizegrip_'+id}).update('R'); this.row = new Element('td'); this.table = new Element('table',{width:'100%'}); this.win_statusline = new Element('div', {class:'win_statusline',id:'win_statusline_'+id}); this.win_head = new Element('div', {class:'win_head',id:'win_head_'+id}).update('title'); this.win_content = new Element('div', {class:'win_content',id:'win_content_'+id}).update('content'); row.insert(win_status); row.insert(win_resizegrip); table.insert(row); win_statusline.insert(table); this.insert(win_head); this.insert(win_content); this.insert(win_statusline); this.hide(); } }); function main(ev) { var mywin = new GuiWindow('test'); document.body.appendChild(mywin); mywin.show(); } </script> </head> <body></body> </html> ------------------ END CODE ----------------- bug I'm getting the following two errors: Error: parent.subclasses has no properties Source File: http://localhost/prototype.js Line: 61 Error: GuiWindow is not a constructor Source File: http://localhost/_dev/ Line: 72 I'm using prototype 1.6.0 and the way of doing it like described in the manual: http://www.prototypejs.org/learn/class-inheritance (ie, the "new, preferred syntax"). The browser I'm testing on is firefox 2.0.0.11 Otherwise, great framework! Thank you --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
