Javascript XSLT:提供不同的数据视图

Javascript XSLT:提供不同的数据视图,javascript,html,css,xml,xslt,Javascript,Html,Css,Xml,Xslt,这是一个“最佳设计方法”问题,而不是编码问题。我正在寻找在XSLT中过滤数据的最佳方法。我有一个博客,它是由XML、XSL和CSS生成的。每一篇博客文章都属于一个类别——第一周、第二周或第三周 目前,我正在侧边显示所有类别。当我点击WEEK1时,我只想显示第一周的帖子。这是否可以在每周都没有XML文件的情况下做到这一点 作为副业。。。这是XSLT的演示。类似php的东西更适合这项工作,但这需要使用XSLT/HTML/JavaScript/CSS来完成 如果问题不清楚,请提问,我会尽力重新表述。

这是一个“最佳设计方法”问题,而不是编码问题。我正在寻找在XSLT中过滤数据的最佳方法。我有一个博客,它是由XML、XSL和CSS生成的。每一篇博客文章都属于一个类别——第一周、第二周或第三周

目前,我正在侧边显示所有类别。当我点击WEEK1时,我只想显示第一周的帖子。这是否可以在每周都没有XML文件的情况下做到这一点

作为副业。。。这是XSLT的演示。类似php的东西更适合这项工作,但这需要使用XSLT/HTML/JavaScript/CSS来完成


如果问题不清楚,请提问,我会尽力重新表述。

可能有很多方法

最快的应该是:给每个帖子一个与本周相关的类名(例如
post week1
post week2
,等等)

当你点击侧边的链接时,给所有帖子的公共链接也加上一个类,与点击的一周相关,例如
posts week1

您现在只需要一点css:

.posts .post{
  display:none;
}
.posts.week1 .post.week1,
.posts.week2 .post.week2,
.posts.week3 .post.week3{
  display:block;
}

如果您想演示xslt可以做什么,也许一个简单的xpath查询(例如//WEEKS[.=“WEEK1”]就足够了这就是XLink可以派上用场的地方,不幸的是浏览器支持仍然很差

我将尝试使用JS和XPath预处理XML,因此它只包含您想要的星期。然后只将该XML发送到
XSLTProcessor()
,这样它只会输出这些XML。不过,您可能需要在XSL之外组装整个HTML文档—不确定

您还可以在您的转换中使用它们

但最终,如果只显示其中的一小部分,那么通过网络发送整个XML仍然是低效的。因此,只生成实际需要的XML的服务器端解决方案会更好


最后但并非最不重要的一点是,也许可以看看。

谁跑得最快?XML增长越大,页面加载和处理的速度就越慢。我想他指的是最快的开发时间。无论如何,谢谢!我没有想到这种方法。我最初不是指开发时间。如果不选择使用多个xml文件,那么页面的加载过程当然会增加,但这不会对我的建议产生任何影响,因为它总是只设置1个节点的类名,不管博客的条目有多大。任何其他方法都需要一种循环,这会受到xml文件大小的影响。我的观点是,您需要将所有帖子放到页面中,即使您可能永远不会在页面的生命周期内全部显示它们。事实上,这还不足以解决您的问题,我认为您只需要“Week1”:)另一种方法是在您单击时运行javascript的类别上编写链接。我看到或与这个问题