You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
219 lines
7.6 KiB
219 lines
7.6 KiB
/* Copyright (c) Business Objects 2006. All rights reserved. */
|
|
|
|
if (typeof(bobj.html) == 'undefined') {
|
|
bobj.html = {};
|
|
}
|
|
|
|
bobj.html.openTag = function(tag, atts) {
|
|
var html = '<' + tag;
|
|
|
|
for (var i in atts) {
|
|
|
|
html += ' ' + i + '="';
|
|
|
|
var value = atts[i];
|
|
|
|
if (bobj.isArray(value)) {
|
|
value = value.join(' ');
|
|
}
|
|
else if (bobj.isObject(value)) {
|
|
// create a string of the form "foo:bar;baz:garply"
|
|
var stringValue = ""
|
|
for (var k in value) {
|
|
stringValue += k + ':' + value[k] + ';';
|
|
}
|
|
value = stringValue;
|
|
}
|
|
|
|
html += value + '"';
|
|
}
|
|
|
|
return html + '>'
|
|
};
|
|
|
|
bobj.html.closeTag = function(tag) {
|
|
return '</' + tag + '>';
|
|
};
|
|
|
|
bobj.html.createHtml = function(tag, atts, innerHtml /*, innerHtml...*/) {
|
|
var html = bobj.html.openTag(tag, atts);
|
|
|
|
for (var i = 2; i < arguments.length; ++i) {
|
|
html += arguments[i];
|
|
}
|
|
|
|
html += bobj.html.closeTag(tag);
|
|
return html;
|
|
};
|
|
|
|
bobj.html.TABLE = MochiKit.Base.partial(bobj.html.createHtml, 'table');
|
|
bobj.html.UL = MochiKit.Base.partial(bobj.html.createHtml, "ul");
|
|
bobj.html.OL = MochiKit.Base.partial(bobj.html.createHtml, "ol");
|
|
bobj.html.LI = MochiKit.Base.partial(bobj.html.createHtml, "li");
|
|
bobj.html.TD = MochiKit.Base.partial(bobj.html.createHtml, "td");
|
|
bobj.html.TR = MochiKit.Base.partial(bobj.html.createHtml, "tr");
|
|
bobj.html.TBODY = MochiKit.Base.partial(bobj.html.createHtml, "tbody");
|
|
bobj.html.THEAD = MochiKit.Base.partial(bobj.html.createHtml, "thead");
|
|
bobj.html.TFOOT = MochiKit.Base.partial(bobj.html.createHtml, "tfoot");
|
|
bobj.html.TABLE = MochiKit.Base.partial(bobj.html.createHtml, "table");
|
|
bobj.html.TH = MochiKit.Base.partial(bobj.html.createHtml, "th");
|
|
bobj.html.INPUT = MochiKit.Base.partial(bobj.html.createHtml, "input");
|
|
bobj.html.SPAN = MochiKit.Base.partial(bobj.html.createHtml, "span");
|
|
bobj.html.A = MochiKit.Base.partial(bobj.html.createHtml, "a");
|
|
bobj.html.DIV = MochiKit.Base.partial(bobj.html.createHtml, "div");
|
|
bobj.html.IMG = MochiKit.Base.partial(bobj.html.createHtml, "img");
|
|
bobj.html.BUTTON = MochiKit.Base.partial(bobj.html.createHtml, "button");
|
|
bobj.html.TT = MochiKit.Base.partial(bobj.html.createHtml, "tt");
|
|
bobj.html.PRE = MochiKit.Base.partial(bobj.html.createHtml, "pre");
|
|
bobj.html.H1 = MochiKit.Base.partial(bobj.html.createHtml, "h1");
|
|
bobj.html.H2 = MochiKit.Base.partial(bobj.html.createHtml, "h2");
|
|
bobj.html.H3 = MochiKit.Base.partial(bobj.html.createHtml, "h3");
|
|
bobj.html.BR = MochiKit.Base.partial(bobj.html.createHtml, "br");
|
|
bobj.html.HR = MochiKit.Base.partial(bobj.html.createHtml, "hr");
|
|
bobj.html.LABEL = MochiKit.Base.partial(bobj.html.createHtml, "label");
|
|
bobj.html.TEXTAREA = MochiKit.Base.partial(bobj.html.createHtml, "textarea");
|
|
bobj.html.FORM = MochiKit.Base.partial(bobj.html.createHtml, "form");
|
|
bobj.html.P = MochiKit.Base.partial(bobj.html.createHtml, "p");
|
|
bobj.html.SELECT = MochiKit.Base.partial(bobj.html.createHtml, "select");
|
|
bobj.html.OPTION = MochiKit.Base.partial(bobj.html.createHtml, "option");
|
|
bobj.html.OPTGROUP = MochiKit.Base.partial(bobj.html.createHtml, "optgroup");
|
|
bobj.html.LEGEND = MochiKit.Base.partial(bobj.html.createHtml, "legend");
|
|
bobj.html.FIELDSET = MochiKit.Base.partial(bobj.html.createHtml, "fieldset");
|
|
bobj.html.STRONG = MochiKit.Base.partial(bobj.html.createHtml, "strong");
|
|
bobj.html.CANVAS = MochiKit.Base.partial(bobj.html.createHtml, "canvas");
|
|
bobj.html.IFRAME = MochiKit.Base.partial(bobj.html.createHtml, "iframe");
|
|
bobj.html.SCRIPT = MochiKit.Base.partial(bobj.html.createHtml, "script");
|
|
|
|
|
|
/**
|
|
* Extract scripts from an html fragment.
|
|
*
|
|
* @param html [String] html fragment
|
|
*
|
|
* @return [Object] Returns an object with a list of scripts and html without
|
|
* scripts
|
|
* i.e. {scripts: [{src:[String], text:[String]},...], html:[String]}
|
|
*/
|
|
bobj.html.extractScripts = function(html) {
|
|
// Match script tags with or without closing tags
|
|
// 1 - Attributes of tag that doesn't have closing tag (e.g. <script/>)
|
|
// 2 - Attributes of tag that has closing tag
|
|
// 3 - Script text
|
|
// 1 2 3
|
|
var regexpScript = /(?:<script([^>]*)\/>|<script([^>]*)>([\s\S]*?)<\/script>)/i;
|
|
|
|
// Match src attributes
|
|
// 1 - URI
|
|
// 1
|
|
var regexpSrc = /src=\"([^\"]*)\"/i;
|
|
|
|
var scripts = [];
|
|
var match = null;
|
|
|
|
while(match = regexpScript.exec(html)) {
|
|
var script = {src: null, text: null};
|
|
|
|
var attributes = match[1] || match[2];
|
|
if (attributes = regexpSrc.exec(attributes)) {
|
|
script.src = attributes[1];
|
|
}
|
|
|
|
if (match[3]) {
|
|
script.text = match[3];
|
|
}
|
|
|
|
scripts.push(script);
|
|
html = bobj.extractRange(html, match.index, match.index + match[0].length);
|
|
}
|
|
|
|
return {scripts: scripts, html: html};
|
|
}
|
|
|
|
/**
|
|
* Extract scripts and css links from a html fragment.
|
|
*
|
|
* @param html [String] html fragment
|
|
*
|
|
* @return [Object] Returns an object with a list of scripts, css links and html
|
|
* i.e. {scripts: [{src:[String], text:[String]},...], html:[String], links: [String,...]}
|
|
*/
|
|
bobj.html.extractHtml = function(html) {
|
|
var extScripts = bobj.html.extractScripts(html);
|
|
var extLinks = bobj.html.extractLinks(extScripts.html);
|
|
var extStyles = bobj.html.extractStyles(extLinks.html);
|
|
|
|
return {scripts: extScripts.scripts, html : extStyles.html, links : extLinks.links, styles: extStyles.styles};
|
|
}
|
|
|
|
/**
|
|
* Extract css links from a html fragment.
|
|
*
|
|
* @param html [String] html fragment
|
|
*
|
|
* @return [Object] Returns an object with a list of links and html without
|
|
* links
|
|
* i.e. {links: [String,...], html:[String]}
|
|
*/
|
|
bobj.html.extractLinks = function(html) {
|
|
var regexpLink = /<link([^>]*)>/i;
|
|
var regexpHref = /href=\"([^\"]*)\"/i;
|
|
|
|
var links = [];
|
|
var match = null;
|
|
|
|
while(match = regexpLink.exec(html)) {
|
|
// match = "<link href='' \>
|
|
|
|
var href = regexpHref.exec(match);
|
|
|
|
if(href && href.length > 0) {
|
|
links.push(href[1]);
|
|
}
|
|
html = bobj.extractRange(html, match.index, match.index + match[0].length);
|
|
}
|
|
|
|
return {links: links, html: html};
|
|
}
|
|
|
|
/**
|
|
* Extract <style> tags from an html fragment.
|
|
* Note - links to external style sheets are not currently extracted
|
|
*
|
|
* @param html [String] html fragment
|
|
*
|
|
* @return [Object] Returns an object with a list of styles and html without
|
|
* styles
|
|
* i.e. {styles: [{text:[String], type:[String], media:[String]},...], html:[String]}
|
|
*/
|
|
bobj.html.extractStyles = function(html) {
|
|
// Match style tags
|
|
// 1 - Attributes
|
|
// 2 - CSS text
|
|
// 1 2
|
|
var regexpStyle = /<style([^>]*)>([\s\S]*?)<\/style>/i;
|
|
|
|
var regexpType = /type=\"([^\"]*)\"/i;
|
|
var regexpMedia = /media=\"([^\"]*)\"/i;
|
|
|
|
var styles = [];
|
|
var match = null;
|
|
|
|
while(match = regexpStyle.exec(html)) {
|
|
var style = {media: null, type: null, text: match[2]};
|
|
|
|
var matchType = regexpType.exec(match[1]);
|
|
if (matchType) {
|
|
style.type = matchType[1];
|
|
}
|
|
|
|
var matchMedia = regexpMedia.exec(match[1]);
|
|
if (matchMedia) {
|
|
style.media = matchMedia[1];
|
|
}
|
|
|
|
styles.push(style);
|
|
html = bobj.extractRange(html, match.index, match.index + match[0].length);
|
|
}
|
|
|
|
return {styles: styles, html: html};
|
|
} |