[jQuery] New plugin: jQuick Tag Creator
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-15"
http-equiv="Content-Type">
<title></title>
</head>
<body bgcolor="#ffffff" text="#333300">
Hi all,
I want to announce a new plugin for jQuery. I hope you like it.
Cheers,
Francesco
***
<big>jQuick Tag Creator for jQuery
</big><a class="moz-txt-link-freetext" href="http://jquick.sullof.com">http://jquick.sullof.com</a>
<b>How it works </b>
Suppose you want to obtain the following html code:
<blockquote><div class="big">
<span id="one" class="ps">Hello
Joe<i>!</i></span>
</div>
</blockquote>
Using jQuick you could create the corresponding DOM elements with the
following code:
<blockquote>$.DIV({'class':'big'},
$.SPAN({id:'one','class':'ps'},'Hello Joe',$.I({},'!'))
);
</blockquote>
Now suppose that you want to animate the SPAN element. You could write:
<blockquote>$("#cico").append(
$.DIV({'class':'big'},
$.SPAN({id:'one','class':'ps'},
'Hello Joe',$.I({},'!')
).animate({left: 50, opacity: 'show'}, 1000)
)
);
</blockquote>
<b>
Note
</b>
With jQuery 1.1.1, if you want to preserve spaces, you could apply a
little fix to the jQuery clean method changing the line 449 from:
<blockquote>var s = jQuery.trim(arg), ...
</blockquote>
to:
<blockquote>var s = /^\s+</.test(arg) ? jQuery.trim(arg) : arg, ...
</blockquote>
so that only the tags are trimmed.
jQuick supports all XHTML Strict and Frameset DTD tags but you can add
what you want.
jQuick was inspired by DOM Creation by Michael Geary (<a
class="moz-txt-link-freetext" href="http://mg.to">http://mg.to</a>).
Enjoy it!
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/