sweet the :first did the trick. constantly reformatting the code drove
me bonkers
On May 27, 7:42 pm, Wizzud <[EMAIL PROTECTED]> wrote:
> Not entirely clear what is required to be cloned - the code you have
> shouldn't really be cloned 'as is' because it has ids in it, which
> would require a fair amount of manipulation to make it valid.
> If you simply want to format it into a more readable/maintainable form
> then, as an example...
>
> var code = [
> '<div id="block">'
> , '<h1>BITE ME! </h1>'
> , '<div class="eplist">'
> , '<table>'
> , '<th>' // should this be a <tr>?
> , '<td>Title</td>'
> , '<td>Episodenumber</td>'
>
> // ... etc, etc ...
>
> , '<h2>Remove ep from list</h2>'
> , '</a>'
> , '</div>'
> ].join('');
>
> But, yes you can clone just one instance of a class, eg ...
> $('.class:first').clone()
>
> On May 27, 10:06 pm, tripdragon <[EMAIL PROTECTED]> wrote:
>
> > have this code that works! But looks like butt. As well as that this
> > is a recipe for hell every-time I need to update it.
> > I had clone working on the generated html code from the Rails server
> > code. But in my simple tests the clone was cloning the class or id and
> > it then more just make clones of the clones. Woot. So it became a
> > power of 2 which as you know. ...
>
> > From my short reading I cannot find any tools to fix jquery to paste
> > code cleaner due to javascript restriction spacing..
>
> > <script type="text/javascript">
> > $(document).ready(function(){
>
> > $('#addmore').click(function() {
> > $('#block').append('<div id="block"><h1>BITE ME! </h1> <div
> > class="eplist"><table> <th> <td>Title</td> <td>Episodenumber</td>
> > <td>Status</td> <td>Watched</td> <td>Have</td> <td>Next</td>
> > <td>Published</td> </th><tr> <td> <input
> > id="episode_episode_attributes__title"
> > name="episode[episode_attributes][][title]" size="30" type="text" /> </
> > td> <td> <input id="episode_episode_attributes__episodenumber"
> > name="episode[episode_attributes][][episodenumber]" size="30"
> > type="text" /> </td> <td> <select
> > id="episode_episode_attributes__status"
> > name="episode[episode_attributes][][status]"><option
> > value="1">Watching it</option> <option value="2">Saw it</option></
> > select> </td> <td> <input id="episode_episode_attributes__watched"
> > name="episode[episode_attributes][][watched]" type="checkbox"
> > value="1" /><input name="episode[episode_attributes][][watched]"
> > type="hidden" value="0" /> </td> <td> <input
> > id="episode_episode_attributes__have" name="episode[episode_attributes]
> > [][have]" type="checkbox" value="1" /><input
> > name="episode[episode_attributes][][have]" type="hidden" value="0" />
> > </td> <td> <input id="episode_episode_attributes__next"
> > name="episode[episode_attributes][][next]" type="checkbox" value="1"
> > /><input name="episode[episode_attributes][][next]" type="hidden"
>
> > value="0" /> </td> <td> <input
> > id="episode_episode_attributes__published"
> > name="episode[episode_attributes][][published]" type="checkbox"
> > value="1" /><input name="episode[episode_attributes][][published]"
> > type="hidden" value="0" /> </td></tr></table> <h2>Notes</h2> <p>
> > <textarea cols="100" id="episode_episode_attributes__notes"
> > name="episode[episode_attributes][][notes]" rows="2"></textarea> </
> > p><a href="#" class="puk"><h2>Remove ep from list</h2></a></div>');
> > });
>
> > $('.puk h2')
> > .livequery('click', function(event) {
> > $(this).parents('.eplist').remove();
> > return false;
> > });
>
> > });
>
> > </script>
