"a dynamic list" implies something more semantic than a row of divs,
say a UL or DL...but if you want divs, here's a quick example:
<div id="template" style="display:none;"><!-- everything inside this
div will be cloned -->
<div><input type="text" id="tmp_input" /><button></button></div>
</div>
$(document).ready(function(){
$('#template div').clone().find('input').attr
('tmp_input','your_new_id').end().find('button').text('Hello').end
().appendTo('body');
});
What attributes to change and where you inject the cloned html into
the DOM is up to you (as is chaining or not). You'll probably want to
wrap the code above in a function and pass the IDs and HTML into it;
just replace the hard-coded values with those arguments.
Since you're working with DOM elements, you can use jQuery's methods
for modifying attributes and html/text (check out the docs for the
many ways to do that).
On Mar 26, 9:11 am, "nmiddlew...@gmail.com"
<nmiddlew...@googlemail.com> wrote:
> Hi, thanks for your reply...
>
> I was thinking of storing the template in the DOM so it's visible by
> our web designer to tweat. How would I read that template (DIV block)
> into a javascript variable?
>
> Thanks for your help!
>
> On Mar 26, 3:44 pm, MorningZ <morni...@gmail.com> wrote:
>
> > of course it's possible.....
>
> > you'd use:
> > - a variable that contains the string that is the template
> > - JavaScript's ".replace" method to fill in the ID and HTML
>
> > also, there's plenty of template plugins out there (chain.js,
> > jTemplate)
>
> > On Mar 26, 11:34 am, nmiddleweek <nmiddlew...@googlemail.com> wrote:
>
> > > Hello,
>
> > > I'm trying to create a dynamic list of data using jQuery... Each row
> > > will have an INPUT and a BUTTON element.
>
> > > I'm thinking of holding a hidden 'template' for each row and then
> > > duplicating the 'template' row for each row needed and then edit the
> > > ID and innerHTML of the DOM elements for that row...
>
> > > Is this possible?
>
> > > Thanks,
> > > Nick
