title: Three.js changing camera lookat with click of button
body: <p>I'd like to change the camera <code>lookat</code> position when clicking a button or link. Here's my code:</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;a href="#" id="testButton"&gt;TEST&lt;/a&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>render();
  function render() {
      trackballControls.update(60);
      requestAnimationFrame(render);
      webGLRenderer.render(scene, camera);
  }
  
  // test button function
  // this does not work
  var testButton = document.getElementById('testButton');
  testButton.onclick = function ()
  {
       camera.lookAt(new THREE.Vector3(50,60,70));
  }; 
  
  // another test button function
  // this does work but then the camera bounces back to what it was looking at before
  var testButton2 = document.getElementById('testButton');
  testButton2.onclick = function ()
  {
       camera.lookAt(new THREE.Vector3(50,60,70));
       webGLRenderer.render(scene, camera);
  }; 
  </code></pre>
  
  <p>What am I doing wrong? <a href="http://jay2.ligda.net/3Dtest/stackoverflow3.html" rel="nofollow">Here is the test page</a> (wait for Eiffel Tower to load).</p>