在Javascript函数中更改HTML嵌入代码

时间:2014-10-19 07:22:52

标签: javascript html embedding

我尝试做的是拥有一个文本字段和一个按钮,并创建用户名,因此当用户打开第一个视图时,系统会要求他输入用户名。我通过在线免费服务创建了多个聊天室,并保存了可嵌入的代码。

可嵌入聊天室的代码:

      <div id="tlkio" data-channel="lobby" style="width:100%;height:400px;"></div>
      <script async src="http://tlk.io/embed.js" type="text/javascript"></script>

基本上我想要改变的是日期频道,我想让它改变,例如来自&#34; lobby&#34;到&#34;导师&#34;

我试过这个:

 <head>
   <script type="text/javascript" >
       var x;
       function func() {
       var r = document.getElementById("tlkio");
       var a = document.getElementById("entr");
       switch(a)
       {
          case "username1":
          r.data-channel="lobby";
          break;
          case "username2":
          r.data-channel="mentors";
          break;
          default:
          void(0);
       }
          }
    </script>
 </head>
 <body>
    <form>
       <input type="text" id="entr">
       <input type="button" onclick="func()" value="go">
       <div id="tlkio" data-channel="lobby" style="width:100%;height:400px;"></div>
      <script async src="http://tlk.io/embed.js" type="text/javascript"></script>
   </form>
 </body>

没有运气,我尝试创建一个空div,然后将所有嵌入式聊天代码嵌入到javascript代码中,但它也没有用。我搜索了解决方案但也没有运气:( 我非常感谢能解决这个问题的任何帮助。

0 个答案:

没有答案