Loading ...
Sorry, an error occurred while loading the content.

Re: [ydn-javascript] Re: cloneNode() alternative

Expand Messages
  • Adam Platti
    If you pass true into clone node, it will do a deep clone (ie. clones the children too) elem.cloneNode(true); Adam
    Message 1 of 6 , May 9 3:03 PM
    • 0 Attachment
      If you pass true into clone node, it will do a deep clone (ie. clones the children too)

      elem.cloneNode(true);

      Adam

      On 5/9/07, sjselvan < sjselvan@...> wrote:

      Hi ,
      Thanks for ur reply.
      I would have preferred your suggestion,if I try to clone only
      one element.But my requirement is different,I want to clone a block
      or a template which has components declared inside that.
      For Example,
      <div>
      <input type="text" name="txtOne">
      <input type="text" name="txtTwo">
      </div>
      I want to clone the <div>. As a temporary implementation I
      declared the complete div block in a string and feeding the string as
      innerHTML to the newly generated block.

      -Jay

      --- In ydn-javascript@yahoogroups.com, Jon Herron
      <leftturnsolutions@...> wrote:
      >
      > You could also use the static generateId method on YAHOO.util.Dom
      >
      > http://developer.yahoo.com/yui/docs/YAHOO.util.Dom.html#generateId
      >
      > Thanks,
      > Jon Herron
      >
      > Left Turn Solutions - Home of the Eddy Framework
      > http://www.leftturnsolutions.com
      >
      > Offical Left Turn Solutions Development Blog
      > http://360.yahoo.com/leftturnsolutions
      >
      > ----- Original Message ----
      > From: Adam Platti <aplatti@...>
      > To: ydn-javascript@yahoogroups.com
      > Sent: Tuesday, May 8, 2007 2:08:02 PM
      > Subject: Re: [ydn-javascript] cloneNode() alternative
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      > you could try not using ids on the original element or
      changing them once the clone is created.
      >
      > For example:
      >
      > var original = document.getElement ById("cloneMe");
      > var clone = original.cloneNode( true);
      >
      > clone.id = "newId";
      >
      >
      >
      > Adam
      >
      >
      > On 5/7/07,
      > sjselvan <sjselvan@yahoo. com> wrote:
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      > Hi Guys,
      >
      > I want to generate a block dynamically and I tried
      using
      >
      > cloneNode(). The problem with cloneNode() is it generates duplicate
      IDs.
      >
      > Can some one give me a good reference to find an
      >
      > alternative way for cloneNode().
      >
      > Thanks in advance.
      >
      >
      >
      > Jay
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      > <!--
      >
      > #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean,
      sans-serif;}
      > #ygrp-mlmsg table {font-size:inherit;font:100%;}
      > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica,
      clean, sans-serif;}
      > #ygrp-mlmsg pre, code {font:115% monospace;}
      > #ygrp-mlmsg * {line-height:1.22em;}
      > #ygrp-text{
      > font-family:Georgia;
      > }
      > #ygrp-text p{
      > margin:0 0 1em 0;}
      > #ygrp-tpmsgs{
      > font-family:Arial;
      > clear:both;}
      > #ygrp-vitnav{
      > padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
      > #ygrp-vitnav a{
      > padding:0 1px;}
      > #ygrp-actbar{
      > clear:both;margin:25px 0;white-space:nowrap;color:#666;text-
      align:right;}
      > #ygrp-actbar .left{
      > float:left;white-space:nowrap;}
      > .bld{font-weight:bold;}
      > #ygrp-grft{
      > font-family:Verdana;font-size:77%;padding:15px 0;}
      > #ygrp-ft{
      > font-family:verdana;font-size:77%;border-top:1px solid #666;
      > padding:5px 0;
      > }
      > #ygrp-mlmsg #logo{
      > padding-bottom:10px;}
      >
      > #ygrp-vital{
      > background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
      > #ygrp-vital #vithd{
      > font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-
      transform:uppercase;}
      > #ygrp-vital ul{
      > padding:0;margin:2px 0;}
      > #ygrp-vital ul li{
      > list-style-type:none;clear:both;border:1px solid #e0ecee;
      > }
      > #ygrp-vital ul li .ct{
      > font-weight:bold;color:#ff7900;float:right;width:2em;text-
      align:right;padding-right:.5em;}
      > #ygrp-vital ul li .cat{
      > font-weight:bold;}
      > #ygrp-vital a {
      > text-decoration:none;}
      >
      > #ygrp-vital a:hover{
      > text-decoration:underline;}
      >
      > #ygrp-sponsor #hd{
      > color:#999;font-size:77%;}
      > #ygrp-sponsor #ov{
      > padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
      > #ygrp-sponsor #ov ul{
      > padding:0 0 0 8px;margin:0;}
      > #ygrp-sponsor #ov li{
      > list-style-type:square;padding:6px 0;font-size:77%;}
      > #ygrp-sponsor #ov li a{
      > text-decoration:none;font-size:130%;}
      > #ygrp-sponsor #nc {
      > background-color:#eee;margin-bottom:20px;padding:0 8px;}
      > #ygrp-sponsor .ad{
      > padding:8px 0;}
      > #ygrp-sponsor .ad #hd1{
      > font-family:Arial;font-weight:bold;color:#628c2a;font-
      size:100%;line-height:122%;}
      > #ygrp-sponsor .ad a{
      > text-decoration:none;}
      > #ygrp-sponsor .ad a:hover{
      > text-decoration:underline;}
      > #ygrp-sponsor .ad p{
      > margin:0;}
      > o {font-size:0;}
      > .MsoNormal {
      > margin:0 0 0 0;}
      > #ygrp-text tt{
      > font-size:120%;}
      > blockquote{margin:0 0 0 4px;}
      > .replbq {margin:4;}
      > -->
      >
      >
      >
      >
      >
      >
      >
      >
      > __________________________________________________
      > Do You Yahoo!?
      > Tired of spam? Yahoo! Mail has the best spam protection around
      > http://mail.yahoo.com
      >


    Your message has been successfully submitted and would be delivered to recipients shortly.