이 자바 스크립트에 어떤 문제가 있습니까?

Question

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
    var usr = 'charliesheen'; 

    function changeusr() 
    { 
     usr = document.getElementById("usrText").value; 
     updatetwitter(); 
    } 

    var twitter; 
    newtwitter(); 

    function updatetwitter() 
    { 
     twitter.render().setUser(usr).start(); 
    } 

    function newtwitter() 
    { 
    twitter = 
    new TWTR.Widget({ 
     version: 2, 
     type: 'profile', 
     rpp: 4, 
     interval: 6000, 
     width: 200, 
     height: 300, 
     theme: { 
     shell: { 
     background: '#ffffff', 
     color: '#367542' 
     }, 
     tweets: { 
      background: '#e3dfe3', 
      color: '#000000', 
      links: '#110af5' 
     } 
    }, 
    features: { 
     scrollbar: false, 
     loop: false, 
     live: false, 
     hashtags: true, 
     timestamp: true, 
     avatars: false, 
     behavior: 'all' 
     } 
    }).render().setUser(usr).start(); 
} 
</script> 
<br/> 
Change user: 
<input name="usrText"/> 
<button onclick="changeusr()">Go</button> 

결과는 다음과 같습니다.로드가 잘됩니다. 새로운 사용자 이름을 입력하고 "go"를 클릭하면 트위터 위젯을 다시로드하거나로드하지 않을 수 있으며, "join the conversation"링크는 올바른 URL을 가리 킵니다. 입력 한 새 사용자로 URL을 다시로드하고 싶습니다. 나는 완전한 자바 스크립트 멍청 아. 미리 감사드립니다.

Answer 1

귀하의 입력은 ID 필요 :

<input id='usrText' name="usrText"/> 

인터넷 익스플로러에서 이름에 의해 요소를 반환합니다 "에서 getElementById()"를, 그러나 그것은 단순히 기존의 깨진 행동이며 다른 브라우저 모방 아니에요.

편집 — 업데이 트 :

이

그 위젯 일이 훨씬 문서로가 표시되지 않습니다. "라이브"기능을 true으로 설정하면 상황이 다소 좋아집니다. 당신이 사용자를 업데이트 할 때 또한, 당신은 위젯에 내부 변수를 보내 겠해야 : 당신이 그것을 볼하려는 경우

function updatetwitter() 
{ 
    twitter._profileImage = null; 
    twitter.setUser(usr).render().start(); 
} 

Here가 jsfiddle입니다.