Tag: html
如何通过从用户的input生成自定义生成的HTML / CSS模板
我想启动一个html / css / wordpress模板分发网站。 我已经编写了几个主题。 networking主题这些天来与太多的定制function和选项。 但是，我不想把所有内容都放在主题上。 我希望我的主题变得简洁而干净。 同时，我想让访问者对最终主题的function有一个很好的控制。 例如， initializr或html5boilerplate 。 我很好，javascript和node.js。 是否有任何JS解决scheme，以便我可以阅读他们的代码。 什么是最好的办法呢？
如何使用一个包含不同内容的模板来创build独立的文件，使用grunt baker？
我有一个以某种方式devise的模板。 我有多个内容，我想在该模板中显示每个。 烘烤可以做到吗？ https://github.com/MathiasPaumgarten/grunt-bake 例如：我的模板看起来像这样： <div style="background-color:red"> </div> 内容1： <p>Content 1</p> 内容2： <p>Content 2</p> 内容3： <p>Content 3</p> 它应该像这样显示：文件1： <div style="background-color:red"> <p>Content 1</p> </div> 文件2： <div style="background-color:red"> <p>Content 2</p> </div> 文件3： <div style="background-color:red"> <p>Content 3</p> </div> 最后我得到3个sperate文件。 模板总是一样的。 内容唯一不同。
为什么在jquery触发器dynamic更新后socket.emit重复？
我试图更新（或更改）在客户端代码中显示的div（“显示器持有人”）的内容，这个div包含html和jQuery，它调用使用socket.emit的div之外的函数，但是一次我replace这个div的内容，函数与socket.emit多次触发，我也使用off（）和unbind（）函数，但他们似乎并没有工作。 有什么办法dynamic地取代div（显示器持有人）的内容，并让socket.emit只触发一次？ 客户端 <!DOCTYPE html> <html> <head> <title>Help!</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="/socket.io/socket.io.js"></script> <script> //Globals var displayCounter = 1; //Socket.io client side var socket = io('http://localhost'); socket.on('news', function (data) { console.log(data); $('#message-displayer').append("<b> Server says: </b>"+data.msg+"<br>"); }); socket.on('client-answer', function (data) { console.log(data); $('#message-displayer').append("<b> Server says: </b>"+data.msg+"<br>"); socket.emit('message', { msg: 'my data from client' }); }); //emitter function […]
电子应用程序与多个选项卡式浏览器窗口连接到https网站
我正尝试使用Electron创build我自己的http://meetfranz.com/版本。 该应用程序应允许多个URL，如https://messenger.com/和https://gmail.com/可见，并有一个选项卡式界面。 我已经尝试生成Webview和BrowserWindow。 WebView似乎无法完全加载Messenger（不加载login） BrowserWindowpopup主窗口… 我之前也尝试过使用iFrames，这是一个不好的方法。 任何想法最好的方式来实现一个允许cookie / HTTPS的最小浏览器界面？ 的index.html <html> <head> <style> webview { display: inline-flex; width: 800px; height: 600px; } </style> </head> <body> <form name="form"> <input name="input" placeholder="https://messenger.com/" value="https://messenger.com"> <button type="submit">submit</button> </form> <div class="tabs"> </div> <div class="webviews"> </div> <!–<webview src="https://messenger.com/" autosize="on" nodeintegration="on" disablewebsecurity="on" webpreferences="allowRunningInsecureContent"></webview>–> <script type="text/javascript"> require('./app.js') </script> </body> </html> main.js const {app, […]
从另一个页面dynamic加载HTML和CSS数据
我正在尝试从我的网站项目中的另一个页面dynamic加载HTML和CSS数据。 假设我有2页。 第一个是onepage.html，第二个是twopage.html。 现在我在twopage.html中有一些HTML和CSS（CSS是在外部工作表中）数据，我想将其提供到onepage.html中。 假设我有一个twopage.html的结构，如下面的代码片段所示： @import url('http://getbootstrap.com/dist/css/bootstrap.css'); .col-sm-3{ background-color: green; height: 100px; color: white; } <div class="container"> <div class="row"> <div class="col-sm-3"> <p>Hello</p> </div> <div class="col-sm-3"> <p>Hello</p> </div> <div class="col-sm-3"> <p>Hello</p> </div> <div class="col-sm-3"> <p>Hello</p> </div> </div> </div> 现在twopage.html中的数据是dynamic的，这意味着我添加了一组新的div （在这个例子中是.col-sm-3 ），它replace了row类中的旧数据。 这种效果类似于追加。 我想加载row类内的所有内容到onepage.html（附带CSS）。 我怎么能这样做？ 这可能是一个JavaScript的任务，但我不知道这里甚至是什么起点。 有什么方法可以使用？ 我使用Node.js和Express.js编写我的后端（如果这可以方便地找出解决scheme）。
上传目录不会发送带有文件的文件夹名称
我尝试了目录上传的新functionhttps://stackoverflow.com/a/8218074/2004910，但我没有收到确切的文件夹结构的服务器请求。 HTML <form action="http://localhost:3000/" method="post" enctype="multipart/form-data"> <input id="files" class="file" type="file" name="file[]" webkitdirectory directory> <input type="submit" /> 请求负载（networking面板） ExpressJS： const express = require('express') const app = express() var busboy = require('connect-busboy'); var fs = require('fs'); //… app.use(busboy()); app.post('/', function (req, res) { var fstream; req.pipe(req.busboy); req.busboy.on('file', function (fieldname, file, filename) { console.log("Uploading: " + filename); fstream […]
404文件找不到我的节点服务器
我正在学习MEAN栈，并且正在构build一个简单的聊天应用程序。 当我尝试启动我的节点服务器，我得到这个错误，因为我的angular部分不加载 > start@0.0.0 start C:\Users\Alex\Desktop\chirpse\start > node ./bin/www GET / 304 27.899 ms – – GET /public/javascripts/chirpApp.js 404 43.724 ms – 1714 GET /public/stylesheets/style.css 404 45.081 ms – 1714 GET /public/javascripts/chirpApp.js 404 4.613 ms – 1714 GET /public/stylesheets/style.css 404 4.450 ms – 1714 我相信我的path在我的index.ejs中一定是错的，但我似乎无法弄清楚如何纠正它们。 如果有人可以看一下，我将不胜感激。 Index.ejs 文件结构
在html nodejs中显示mongodb数据
我们在MongoDB中保存了工作人员的详细信息。 同时，我们如何在HTML主页上获得工作人员的详细信息？ 这是我保存的代码： //routes.js var User = require('../app/models/user'); app.post("/addname", (req, res) => { var myData = new User(req.body); myData.save() .then(item => { res.send("You are registered"); }) .catch(err => { res.status(400).send("Unable to save to database"); }); });
如何在html文件中通过节点js传递variables来发送邮件
我是新的node.js.By使用此代码，我能够收到电子邮件。 我不知道如何将该“名称”variables传递给html，并在电子邮件中获取该variables的值。 错误是：发送后无法设置标题。 app.js文件 mailer.extend(app, { from: 'mail@mail.com', host: 'smtp.gmail.com', // hostname secureConnection: true, // use SSL port: 465, // port for secure SMTP transportMethod: 'SMTP', // default is SMTP. Accepts anything that nodemailer accepts auth: { user: 'xxxxxxx', pass: 'xxxxxxx' } }); app.engine('html', cons.swig) app.set('views', __dirname + '/views'); app.set('view engine', 'html'); Rout.js文件 app.post("/registration", function(req, […]
NodeJS，Express显示来自AJAX POST的HTML页面响应
将NodeJS与Express服务器一起使用时，当您转到http：// localhost：（Serverport）时 ， NodeJS服务器会使用以下代码发送HTML文件进行响应： app.get('/', function(req, res){ res.sendFile(__dirname + '/login.html'); }); 现在我正在使用JQuery AJAX POST向服务器发送信息，并根据服务器响应将用户发送到HTML页面“/ index”，或者如果用户凭据不好，HTML页面“/ loginno”。 问题是AJAX不像在服务器获取函数响应中一样玩sendfile的服务器响应。 我从服务器获取文件，并在控制台中输出完整的HTML，但我不知道如何使浏览器以与服务器GET响应相同的方式进入页面。 这是我的Ajax函数，它可以从服务器获取HTML页面对象，但浏览器不会导航到页面。 $.ajax({ type: "POST", url: '/index', //A string containing the URL to which the request is sent. timeout: 2000, //A plain object or string that is sent to the server with the request. data: userdata, //The type […]
