Examples of JsScript

org.apache.click.element.JsScript
se lazy loading to ensure the JS is only added the // first time this method is called. if (headElements == null) { // Get the head elements from the super implementation headElements = super.getHeadElements(); JsScript jsScript = new JsScript("alert('Hello World!);"); headElements.add(jsScript); } return headElements; } } The jsScript instance will be rendered as follows:
```
 <script type="text/javascript"> alert('Hello World'); </script> 
```
Below is an example showing how to render inline Javascript from a Velocity template.
First we create a Velocity template (/js/mycorp-template.js) which contains the variable $divId that must be replaced at runtime with the real Div ID attribute:
```
 hide = function() { var div = document.getElementById('$divId'); div.style.display = "none"; } 
```
Next is the Page implementation:
```
 public class MyPage extends Page { public List getHeadElements() { // We use lazy loading to ensure the JS is only added the // first time this method is called. if (headElements == null) { // Get the head elements from the super implementation headElements = super.getHeadElements(); // Create a default template model to pass to the template Map model = ClickUtils.createTemplateModel(this, getContext()); // Add the id of the div to hide model.put("divId", "myDiv"); // Specify the path to the JavaScript template String templatePath = "/js/mycorp-template.js"; // Create the inline JavaScript for the given template path and model JsScript jsScript = new JsScript(templatePath, model); headElements.add(jsScript); } return headElements; } } 
```
The jsScript instance will render as follows (assuming the context path is myApp):
```
 <script type="text/javascript"> hide = function() { var div = document.getElementById('myDiv'); div.style.display = "none"; } </style> 
```
Character data (CDATA) support
Sometimes it is necessary to wrap inline {@link JsScript JavaScript}in CDATA tags. Two use cases are common for doing this:
- For XML parsing: When using Ajax one often send back partial XML snippets to the browser, which is parsed as valid XML. However the XML parser will throw an error if the content contains reserved XML characters such as '&', '<' and '>'. For these situations it is recommended to wrap the script content inside CDATA tags.
- XHTML validation: if you want to validate your site using an XHTML validator e.g: http://validator.w3.org/.
To wrap the JavaScript content in CDATA tags, set {@link #setCharacterData(boolean)} to true. Below is shown how the JavaScriptcontent would be rendered:
```
 <script type="text/javascript"> /∗<![CDATA[∗/ if(x < y) alert('Hello'); /∗]]>∗/ </script> 
```
Notice the CDATA tags are commented out which ensures older browsers that don't understand the CDATA tag, will ignore it and only process the actual content.
For an overview of XHTML validation and CDATA tags please see http://javascript.about.com/library/blxhtml.htm.
org.wicketstuff.jwicket.JsScript

Examples of org.apache.click.element.JsScript

     */
    protected void addCalendarOptions(List headElements) {
        String fieldId = getId();
        String imgId = fieldId + "-button";


        JsScript script = new JsScript();
        script.setId(fieldId + "_calendar_date_select");


        // Note the Calendar options script is recreated and checked if it
        // is contained in the headElement. This caters for when the field is
        // used in a fly-weight pattern such as FormTable.
        if (!headElements.contains(script)) {


            // Script must be executed as soon as browser dom is ready
            script.setExecuteOnDomReady(true);


            HtmlStringBuffer buffer = new HtmlStringBuffer(150);


            buffer.append("Event.observe('").append(imgId).append("', 'click', function(){");
            buffer.append(" Date.first_day_of_week=").append(getFirstDayOfWeek() - 1).append(";");
            buffer.append(" calendar = new CalendarDateSelect($('").append(fieldId).append("'), {");
            buffer.append("  minute_interval: 1, popup_by: '").append(imgId).append("',");
            buffer.append("  embedded: false,");
            buffer.append("  footer: false,");
            buffer.append("  buttons: ").append(isShowTime()).append(",");
            buffer.append("  time: ").append(isShowTime() ? "'mixed'," : "false,");
            buffer.append("  formatValue: '").append(getCalendarPattern()).append("',");
            buffer.append("  year_range: [").append(getMinimumYear()).append(",").append(getMaximumYear()).append("]");
            buffer.append(" });");
            buffer.append("});");


            script.setContent(buffer.toString());
            headElements.add(script);
        }
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

        }


        // Note the addLoadEvent script is recreated and checked if it
        // is contained in the headElement.
        String fieldId = getId();
        JsScript script = new JsScript();
        script.setId(fieldId + "_autocomplete");
        if (!headElements.contains(script)) {
            // Script must be executed as soon as browser dom is ready
            script.setExecuteOnDomReady(true);


            String contextPath = context.getRequest().getContextPath();
            HtmlStringBuffer buffer = new HtmlStringBuffer(150);
            buffer.append("new Ajax.Autocompleter(");
            buffer.append("'").append(fieldId).append("'");
            buffer.append(",'").append(fieldId).append("_auto_complete_div'");
            buffer.append(",'").append(contextPath).append(page.getPath()).append(
                "'");
            buffer.append(",").append(getAutoCompleteOptions()).append(");");
            script.setContent(buffer.toString());
            headElements.add(script);
        }
        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

            headElements.add(jsImport);
            headElements.add(new CssImport("/click/keyboard.css", versionIndicator));
        }


        String fieldId = getId();
        JsScript script = new JsScript();
        script.setId(fieldId + "_js_setup");


        if (!headElements.contains(script)) {
            HtmlStringBuffer buffer = new HtmlStringBuffer(150);
            buffer.append("var keyboard_png_path=\"");
            buffer.append(context.getRequest().getContextPath());
            buffer.append("/click/keyboard");
            buffer.append(versionIndicator);
            buffer.append(".png\"");
            script.setContent(buffer.toString());
            headElements.add(script);
        }
        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

     */
    protected void addCalendarOptions(List<Element> headElements) {
        String fieldId = getId();
        String imgId = fieldId + "-button";


        JsScript script = new JsScript();
        script.setId(fieldId + "_js_setup");


        // Note the Calendar options script is recreated and checked if it
        // is contained in the headElement. This caters for when the field is
        // used in a fly-weight pattern such as FormTable.
        if (!headElements.contains(script)) {


            // Script must be executed as soon as browser dom is ready
            script.setExecuteOnDomReady(true);


            HtmlStringBuffer buffer = new HtmlStringBuffer(150);


            buffer.append("Event.observe('").append(imgId).append("', 'click', function(){");
            buffer.append(" Date.first_day_of_week=").append(getFirstDayOfWeek() - 1).append(";");
            buffer.append(" calendar = new CalendarDateSelect($('").append(fieldId).append("'), {");
            buffer.append("  minute_interval: 1, popup_by: '").append(imgId).append("',");
            buffer.append("  embedded: false,");
            buffer.append("  footer: false,");
            buffer.append("  buttons: ").append(isShowTime()).append(",");
            buffer.append("  time: ").append(isShowTime() ? "'mixed'," : "false,");
            buffer.append("  formatValue: '").append(getCalendarPattern()).append("',");
            buffer.append("  year_range: [").append(getMinimumYear()).append(",").append(getMaximumYear()).append("]");
            buffer.append(" });");
            buffer.append("});");


            script.setContent(buffer.toString());
            headElements.add(script);
        }
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

    @Override
    public List<Element> getHeadElements() {
        if (headElements == null) {
            headElements = super.getHeadElements();
            headElements.add(new JsImport("/assets/js/jquery-1.4.2.js"));
            headElements.add(new JsScript("/ajax/form/advanced-form-ajax.js", new HashMap()));
        }
        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

            // Add the ID of a target element in the Page template to replace
            // with new data, in this example the target is 'customerDetails'
            jsModel.put("target", "customerDetails");


            // Include the ajax-select.js template
            headElements.add(new JsScript("/ajax/select/ajax-select.js", jsModel));
        }


        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

            // Add the ID of a target element in the Page template to replace
            // with new data, in this example the target is 'customerDetails'
            model.put("target", "customerDetails");


            // Include the Page associated JavaScript template
            headElements.add(new JsScript("/ajax/select/ajax-select.js", model));
        }


        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

            model.put("cityId", city.getId());
            model.put("suburbId", suburb.getId());


            // populate-on-select.js is a Velocity template which is rendered directly
            // from this Page
            JsScript script = new JsScript("/form/dynamic/populate-on-select.js", model);
            headElements.add(script);
        }
        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

        }


        // Note, the addLoadEvent script is recreated and checked if it
        // is contained in the headElement.
        String menuId = getId();
        JsScript script = new JsScript();
        script.setId(menuId + "_js_setup");
        if (!headElements.contains(script)) {
            // Script must be executed as soon as browser dom is ready
            script.setExecuteOnDomReady(true);


            HtmlStringBuffer buffer = new HtmlStringBuffer();
            buffer.append(" if(typeof Click != 'undefined' && typeof Click.menu != 'undefined') {\n");
            buffer.append("   if(typeof Click.menu.fixHiddenMenu != 'undefined') {\n");
            buffer.append("     Click.menu.fixHiddenMenu(\"").append(id).append("\");\n");
            buffer.append("     Click.menu.fixHover(\"").append(id).append("\");\n");
            buffer.append("   }\n");
            buffer.append(" }\n");
            script.setContent(buffer.toString());
            headElements.add(script);
        }


        return headElements;
    }

View Full Code Here

Examples of org.apache.click.element.JsScript

        }


        // Note the addLoadEvent script is recreated and checked if it
        // is contained in the headElement.
        String fieldId = getId();
        JsScript script = new JsScript();
        script.setId(fieldId + "_autocomplete");
        if (!headElements.contains(script)) {
            // Script must be executed as soon as browser dom is ready
            script.setExecuteOnDomReady(true);


            String contextPath = context.getRequest().getContextPath();
            HtmlStringBuffer buffer = new HtmlStringBuffer(150);
            buffer.append("new Ajax.Autocompleter(");
            buffer.append("'").append(fieldId).append("'");
            buffer.append(",'").append(fieldId).append("_auto_complete_div'");
            buffer.append(",'").append(contextPath).append(page.getPath()).append(
                "'");
            buffer.append(",").append(getAutoCompleteOptions()).append(");");
            script.setContent(buffer.toString());
            headElements.add(script);
        }
        return headElements;
    }

View Full Code Here

0 1 2 3 4 5

TOP

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of JsScript

Character data (CDATA) support

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript

Examples of org.apache.click.element.JsScript