[jbosstools-dev] Embedded javascript in the VPE visual document?

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