HTML创建变量URL

时间:2013-07-11 20:39:15

标签: html django api variables object

所以我现在就在这个问题上一直撞到墙上一段时间了。这就是我正在做的事情:创建一个Django网站,用Twitch livestream填充不同的页面。这是一个在Web应用程序中使用api的学习项目

我已经建立了一个模型类流。

...
class Stream(models.Model):
    name = models.CharField(max_length=100)
    pub_date = models.DateTimeField('date published')
    channel = models.CharField(max_length=300)
    ...

现在我将该信息传递给我的views.py

...
def media(request, media_id):
    specificMedia = get_object_or_404(Stream, pk=media_id)
    channel = str(specificMedia.channel)
    return render(request, 'livestream/media.html', {'specificMedia': specificMedia, 'channel': channel})

最后这会到达我的模板,如下所示:

<!DOCTYPE html>
<html>
<head>

</head>

<body bgcolor="#B0B0B0">

<p>Media Title: {{ specificMedia.name }}</p>
<p>Date: {{specificMedia.pub_date}}</p>
<p>Channel: {{channel}}</p>

<p><div id="urldata">content</div></p>


<object type="application/x-shockwave-flash" 
    height="378" 
    width="620" 
    id="live_embed_player_flash" 
    data= <div id="urldata">content</div>
    bgcolor="#000000">
  <param  name="allowFullScreen" 
      value="true" />
  <param  name="allowScriptAccess" 
      value="always" />
  <param  name="allowNetworking" 
      value="all" />
  <param  name="movie" 
      value="http://www.twitch.tv/widgets/live_embed_player.swf" />
  <param  name="flashvars" 
      value= <div id="urlvalue">content</div>
</object>

<script>
    var data = "http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + {{channel}};    
    document.getElementById('urldata').innerHTML = urldata;
</script>

</body>
</html>

现在这是我的难点。我可以让{{channel}}显示正确的抽搐通道,但是当我尝试在对象中为uritch API创建url字符串时,一切都会崩溃。如果有人能提供帮助,那将非常感激。

由于

1 个答案:

答案 0 :(得分:1)

更改

<script>
    var data = "http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + {{channel}};    
    document.getElementById('urldata').innerHTML = urldata;
</script>

<script>
    var data = "http://www.twitch.tv/widgets/live_embed_player.swf?channel={{channel}}";    
    document.getElementById('urldata').innerHTML = urldata;
</script>