[jbosstools-dev] Embedded javascript in the VPE visual document?
Maxim Areshkau
mareshkau at exadel.com
Wed Aug 20 13:04:13 EDT 2008
Marshall Culpepper wrote:
> Why would I want to print the dom on the console? My goal is to edit
> the visual dom directly =).
>
You want generate dom using java script and then edit visual editor?
> Also wouldn't getEditor() still need to instantiate / initialize the
> editor object somehow??
Yes, It will broke selection functionality.
>
> On Tue, Aug 19, 2008 at 8:20 AM, Max Areshkau <mareshkau at exadel.com
> <mailto:mareshkau at exadel.com>> wrote:
>
> Max Rydahl Andersen wrote:
>
> Maxim, Marshall is not really asking for enabling javascript
> in the live preview...he is asking for away to evaluate
> javascript so he can actually generate the corresponding html
> via javascript instead of manually coding.
>
> -max
>
> Then DOM tree can be modifying in using js and dumped to console.
> To do this need following:
> 1) disable design mode (Comment body of
> org.jboss.tools.vpe.editor.mozilla.MozillaEditor.getEditor())
> 2) include js into visual document(into head node)
> 3) run included js, simple way by some action (onclick for submit
> for example)
> 4) dump visual dom to console, such fuctionality already exist
> and use generated html.
>
> Marshall Culpepper wrote:
>
>
> Maxim/Sergey, any pointers?
>
> 1)For know we are not support execution of java
> script in visual
> editor.
> To allow javascript we should switch off design
> mode, but know
> it's hard to do, because all selections events
> processing throw nsISelectionController which
> can be obtained
> only if we switch mozilla in design mode.
>
>
> Where is "design mode" turned on and off? So if I
> understand correctly
> ... taking the Mozilla renderer out of design mode
> turns off the
> propogation of nsISelectionController events?
>
> org.jboss.tools.vpe.editor.mozilla.MozillaEditor.getEditor(),
> this
> method calls from VpeController.init();
> To Disable design mode you should comment body of method
> org.jboss.tools.vpe.editor.mozilla.MozillaEditor.getEditor().
> Also for **Preview** tab we using another instance of
> mozilla , which
> in browser mode and you can use preview mode, then you
> shouldn't
> swicth off design mode.
>
>
>
>
> 2) possibly JavaScript that inserted into head node
> doesn't be
> executed automatically, because browser executes
> this scripts
> when documents are loaded. When we insert it into
> DOM, document
> already loaded.
>
>
> This sounds right, but if I can't execute javascript
> at all, I guess
> it doesn't matter? =)
>
> For execution js i have mode following steps(Easy way):
> 1)create html page with following content
> / <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
> Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html>
> <head>
> </head>
> <body>
> <input type="button" onclick="alert('I am an
> alert box!!')"
> value="Display alert box" />
> <input type="button"
> onclick="document.write('Test');"
> value="Display alert box" />
> </body>
> </html>
> 2)/ open
> /org.jboss.tools.vpe.html/templates/vpe-templates-html.xml/
> file and add for tag with name="input" to copy attributes
> /onclick/
> attribute.
> It's should looks like this: <vpe:copy
> attrs="id,type,style,class,value,size,*onclick*" />
> 3) open page which was created in [1] in visual editor.
> 4) switch to preview tab, and click on submit button on
> page. JavaScript
> will be executed.
> //
>
>
>
>
> PS. Using of JavaScript in Visual Editor can
> strongly change the
> process handling, because we can modify dom using
> js, and using
> xpcom, there then many questins how to map
> elements from source
> and visual part and others.
>
>
> Very true.. Our problem is that the appcelerator
> platform uses
> javascript code to render widgets.. it's sounding more
> and more like
> it would be better to try and approach this using
> Rhino. I'd still
> like to fiddle with the design mode to see what I can
> accomplish
> though, any pointers to source code?
>
> I think it's better to use in test purposes preview tab
> for testing js,
> in such way it's takes minimal changes.
>
>
>
>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.jboss.org/pipermail/jbosstools-dev/attachments/20080820/38fb7d38/attachment.html
More information about the jbosstools-dev
mailing list