exchange elements with ID

[joachim]

Hi,

 

is there a way to preserve all an elements attributes and just exchange the Ids ?

 

I translate and rotate both g collections and at some point I want to exchange ONLY the elements Ids,

 

0g becomes 1g and 1g becomes 0g, how can I do this ?

 

This does not work:

 

exchangeElms(gArray[0].id, gArray[1].id);

 

function exchangeElms(param1, param2){
      var temp = param1;
      param1 = param2;
      param2 = temp;
    };

 

<svg .......

<g id= "0g">

     <rect class="base bring2" x=  "0" y=  "0" /> 

     <rect class="dring2" x= "25" y= "25" width= "75" height= "75" />

</g>

<g id= "1g">

     <rect class="base bring2" x="100" y=  "0" /> 

     <rect class="dring2" x="100" y= "25" width="100" height= "75" />

</g>

</svg>

[OSUblake]

Your function isn't doing anything because you're passing it strings. When you pass a primitive like a number or string to a function, it copies it, so changes made inside the function will have no effect outside the function. That's the same reason you can't tween a number or a string.

var word = "foo";
var num  = 7;
TweenLite.to(word, 1, { ??? });
TweenLite.to(num,  1, { ??? });

Here's an easy read that explains the differences between references and values.

https://snook.ca/archives/javascript/javascript_pass/

 

So what's the fix to your problem? Just pass in the elements.

function exchangeElms(element1, element2){
  var temp = element1.id;
  element1.id = element2.id;
  element2.id = temp;
}