Tag: html

CSS文件和Javascript文件不加载在我的HTML文件的根文件夹 – Openshift: 我正在免费使用OpenShift来制作我的学期论文。我的问题是，在我的根文件夹中，我有文件：rankAplus.html，todo.js和dashboard.css。当我在我的文件rankAplus HTML中调用todo.js和dashboard.css时，出现此错误（未find404 – 浏览器错误）。当我在浏览器的元素仪表板里面查看时，文件types被改变了，从text / css到text / html。同样的事情发生在我的JavaScript文件。这些文件是相同的文件夹。我需要做什么？有人知道如何解决这个问题吗？我正在使用Node JS在openshift创build服务器。即时通讯使用像AngularJS和Bootstrap的引用。我的文件夹结构在服务器openshift： ../repo/ 。。。 rankAplus.html 。。。 todo.js 。。。 dashboard.css 。 Server.js路由在callback上的rankAplus： function showRank(req,res) { res.sendfile('rankAplus.html'); } app.get('/showRank',showRank); 在rankAplus.html标题上，我以这种方式调用了todo.js和dashboard.css <script type="text/javascript" src="todo.js"/> <link href="dashboard.css" type="text/css" rel="stylesheet"> 我已经尝试过了： <script type="text/javascript" src="../todo.js"/> <link href="../dashboard.css" type="text/css" […]

使用SSI或grunt将所有的shtml文件编译成一个html文件: 我正在尝试为现有项目build立一个现场风格指南。作为这个的一部分，我想包括我在一个文件夹中的所有shtml小部件到一个单一的html文件。我正在寻找的解决schemetypes将遵循这种行为： search小部件文件夹中的所有文件编译所有的文件到一个单一的HTML页面使用文件的名称作为每个包含的小部件上方的标题该项目通过一个快速服务器同时运行grunt和SSI，所以我猜想有几个选项。我发现这个软件包中包含了很多咕噜咕噜声，但是其中的大部分都超出了我的知识水平，所以我没有得到任何工作。这是我到目前为止我的咕噜文件的代码： includes: { files: { src: ['widgets/.shtml'], // Source files dest: 'kitchen-sink', // Destination directory flatten: true, cwd: '.', options: { silent: true, banner: '<!– I am a banner <% includes.files.dest %> –>' } } } 我可以看到这可能与一个单一的命名文件，但循环通过一个文件夹似乎是一个更难的任务。任何可能的解决scheme的build议，很高兴受到欢迎。

expressJS路由器规划 – 如何设置一个有效的路由器: 我意识到这可能是一个相当简单的问题，但忍受着我。我对node / express真的很陌生。我的目录结构如下所示： auth index.html pub index.html login.html 这里的想法是， pub中的资源是公开可用的，但auth中的资源只有在用户被authentication之后才可用。但是，在这一点上，我只是试图让这些页面从服务器正确地回来。理想情况下，我的路由引擎将能够基于某些参数提供这些页面。所以： site.com -> pub/index.html site.com/login/ -> pub/login.html site.com/dashboard/ -> auth/index.html 我尝试了这样的事情： router.get('/dashboard/', function(req, res, next) { res.sendFile(__dirname + "/src/auth/index.html"); }); router.get('/login/', function(req, res, next) { res.sendFile(__dirname + "/src/pub/login.html"); }); router.get('*', function(req, res, next) { res.sendFile(__dirname + "/src/pub/index.html"); }); 然而，我很快发现的问题是这些页面正在请求相对于它们在目录结构中的位置的资源，并且所有请求都被返回了默认的index.html。所以，例如，如果我在浏览器index.html加载中键入site.com。这是index.html的一部分： […]

部分与Hogan.js: 我想首先说我是Node.js的新手。我的问题是这个。有没有一种方法可以使用单个布局的HTML？类似于MCV和ASP中的共享视图和主布局。例如： //。 hello_world.hjs <!DOCTYPE html> <html> <head> <title>{{ title }}</title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body> <h1>{{ title }}</h1> <div id="content"> <!– Place changing page content here –> {{> part }} </div> <footer> {{date}} </footer> </body> </html> //。 hello_world.js var express = require('express'); var router = express.Router(); /* GET home […]

node.js：从服务器发送数据到html浏览器: 我知道如何使用POST方法将数据从浏览器发送到服务器。但我不知道如何将数据从服务器发送到HTML页面。如何通过从Node.js服务器发送新值来修改html页面上的java脚本variables。

SyntaxError：缺lessvariables名？: 我有一个ejs代码来创build一个临时向量。 <% var temp=[]; for (i = 0; i < his.length; i++) { temp[i]= his[i].temp; };%> variables“他”来自服务器，然后在一个脚本标签我有这个。 var tempe = <%= temp; %> console.log(tempe); 我得到了SyntaxError: missing variable name 我能做什么？注意：Mozilladebugging器显示tempe为 tempe= 76,74,24,29,69,59,44`

如何使用Uglify.js为Express.js中的每个视图连接JavaScript: 所以，我有一个build立在express.js上的网站，我希望在我的构build过程中使用uglify.js来pipe理一些javascript。我的典型视图如下所示： extend layout block head script(src="/js/polyfills/html5shiv.js") block body header nav… main section form… footer nav… script(src="/js/polyfills/arrayGenerics.js") script(src="/js/polyfills/placeholder.js") script(src="/js/formSubmitter.js") 理想情况下，顶部的JavaScript文件将被缩小，底部的JavaScript文件将被连接成一个并缩小。我知道如何在命令行上做到这一点，我可以使用npm脚本来“自动化”一点，但我该如何处理编辑这个视图文件？还有我所有的视图文件？那么，如何让事情恢复到原来的状态，才能继续发展呢？我习惯了手写笔和它处理与CSS类似的问题，最终生成一个漂亮的.css文件，并在飞行中很好地工作，但JavaScript似乎有点不同，我不太清楚如何处理它。

你如何在JS / HTML中做一个dynamic的循环，就像你在Jade中一样？: 我去了所有我的显示代码在HTML中，具有真正的具体属性和东西放在里面，不幸的是，所有的教程，我显示模板只显示它为翡翠。我想用HTML和Javascript来做。我将如何去做 ul each val in [1, 2, 3, 4, 5] li= val 在HTML / JS？它是否比任何更复杂的比只是有一个for循环推动标签周围的string，当它低于xvariables我从我的数据库拉，或者我错过了什么？在学习的时候，我想保持我的抽象不高于Javascript，HTML，CSS，Node.js和Mongodb。

当使用玉的“漂亮”选项时，如何防止单个区块中的元素之间的空格？: 一般来说，我喜欢漂亮的select。我喜欢我的HTML是可读的， pretty帮助。但是有时候会阻碍。例如。 x.do-not-care-about-spaces It can go either way here. y.please-no-spaces These y.please-no-spaces Should y.please-no-spaces Touch 我想看到的是： <x class="do-not-care-about-spaces">It can go either way here.</x> <y class="please-no-spaces">These</y><y class="please-no-spaces">Should</y><y class="please-no-spaces">Touch</y> 但是我所看到的是 <x class="do-not-care-about-spaces">It can go either way here.</x> <y class="please-no-spaces">These</y> <y class="please-no-spaces">Should</y> <y class="please-no-spaces">Touch</y> 我知道有几种方法可以解决这个问题（用css，把html放在jade文件中），但是我希望的是用jade的方式来做到这一点。编辑：更新示例标签，而不是divs的例子。我特别要问的是如何控制jade HTML输出中的DOM节点之间的空间，而不是渲染的网页上的元素之间的视觉空间。

node.js，socket.io – 网站架构: 我有一个网站，我想有一个用户系统，无论用户在哪个网站login，都可以login 。使用socket.io，我发现每个HTML页面都需要自己的socket.io连接。所以每次用户离开一个HTML页面时，他都会断开第一个socket的连接。保持这种联系的最好方法是什么？我不希望用户手动login每个HTML页面。我假设将login数据作为HTMLparameter passing，并自动使用这些参数login到服务器是非常愚蠢的，但目前它是我能想到的唯一的解决scheme。理想情况下，socket.io将在整个站点上使用相同的套接字。我认为我错过了一些东西，考虑到所有具有用户系统的网站都具有所需的function。