我使用dotnetless(http://www.dotlesscss.org/)进行asp.netWeb表单应用程序,它运行良好.我喜欢使用颜色,字体大小等变量.但我可以看到变量值是静态的.
有没有办法使用dotnetless根据用户ID从数据库初始化这些变量值?
基本上我想将这个Web应用程序转换为基于主题的网站,因此每个用户都可以选择自己的颜色,字体,字体大小等.
任何方向将不胜感激.
我在将表格转换为响应速度更快的设计时遇到了麻烦,我在Google上尝试了很多资源,但它们都是有限的,并且不能按预期工作.我遇到的根本问题是我的表格是动态生成的,我不想编辑我在Google上找到的资源,因此我可以轻松更新它们并且不会过多地破坏代码.
无论如何,我的桌子设计非常简单.有5列X行(取决于从数据库生成的内容).每当用户改变他们的浏览器(或当他们使用的是移动电话)我想改变我的表,所以它是在较小的屏幕配件为好.一个例子是:
桌面
Header 1 | Header 2 | Header 3
------------------------------
Content | Content | Content
Run Code Online (Sandbox Code Playgroud)
电话
Header 1 | Content
------------------
Header 2 | Content
------------------
Header 3 | Content
Run Code Online (Sandbox Code Playgroud)
我试图通过display: table-row在屏幕达到一定宽度时使用CSS 来实现这一点,我创建了这个jsfiddle来显示我当前的代码.然而目前的th和td显示的垂直上方/下彼此,和类似我打算做不彼此相邻.我试着用float: left和float: right,但不工作(见的jsfiddle).任何人都可以帮我用CSS完成我想要的东西吗?如果这是不可能的,我将如何使用Javascript进行此操作,请记住,在加载页面时(有些动态添加到页面),我的表格不会全部生成?
我试图使用Express.js 4.0 Passport.js但没有发生任何事情.我按照下面的教程,并尝试调整它以适应Express.js 4.0新的路由功能.
http://scotch.io/tutorials/javascript/easy-node-authentication-setup-and-local
到目前为止,我只想尝试登录并使用正确的消息获取失败重定向视图,如LocalStrategy中所述.
这就是我在app.js中所做的事情:
1.-拉出所需的模块并创建app变量
...
var session = require('express-session');
var mongoose = require('mongoose');
var passport = require('passport');
var LocalStrategy = require('passport-local').Strategy;
var flash = require('connect-flash');
var bcrypt = require('bcrypt-nodejs');
var app = express();
Run Code Online (Sandbox Code Playgroud)
2.-连接到MongoDB数据库并确保用户模型存储用户
require('./models/db')(mongoose, 'mongodb://localhost/cms');
var User = require('./models/user')(mongoose);
Run Code Online (Sandbox Code Playgroud)
4.-配置Passport
require('./config/passport')(passport, User, LocalStrategy);
Run Code Online (Sandbox Code Playgroud)
5.-确保包含所有必需的中间件
app.engine('.html', require('ejs').__express);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');
app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(session({
secret: 'keyboardcat'
}));
app.use(passport.initialize());
app.use(passport.session());
app.use(flash());
app.use(express.static(path.join(__dirname, 'public')));
Run Code Online (Sandbox Code Playgroud)
6.-路线处理
var router = express.Router();
router.use(function (req, res, next) …Run Code Online (Sandbox Code Playgroud) 我正努力postMessage()在iframe和我的主网站之间进行沟通.但是,使用MDN上的示例代码中给出的确切语法,我遇到了一个很好的错误.我尝试了几件事,比如在Javascript中初始化iframe并将其附加到我的页面,但这给我留下了同样的错误.同样有单独的选择器来选择我的iframe.Undefined is not a function
我有以下Javascript代码:
<script type="text/javascript">
$(document).ready(function() {
$('.editor').postMessage("A", "domain here");
});
function receiveMessage(event)
{
if (event.origin !== "domain here")
return;
// Do something
}
window.addEventListener("message", receiveMessage, false);
</script>
Run Code Online (Sandbox Code Playgroud)
上面的脚本尝试向页面上的iframe发送消息,如下所示:
<iframe src="domain here/frameListener.html" class="editor"></iframe>
Run Code Online (Sandbox Code Playgroud)
然后它具有receiveMessage捕获作为对主网页的响应而发送的任何消息的功能.最后但并非最不重要的是,我已经尝试了这个问题中给出的答案:但这并没有解决我的问题.因此,它不是重复的.
如何摆脱此错误消息?
我有一个HTML页面,用户可以在其中创建newsitem.每个新闻项目都显示在一个新的div中,里面有多个div,可以将内容分成多个列,隐藏一些内容等.以下代码是1 newsitem的精简版本:
<div class="news-item clearfix" id="c-b504b780-06a8-49bc-ba04-84d1fbba1a94">
<h2>This is a title</h2>
<div class="news-image div-right">
<a class="img-gallery" href="Images/Dynamic/700x700/NewsItem/44951/example.png" rel="lightbox-This is a title"><img class="img-responsive clear" src="Images/Dynamic/200x200c/NewsItem/44951/example.png" /></a><br />
</div>
<div class="preview one-image">
<p>Text here</p>
</div>
<div class="full div-hide">
<p>Text here</p> <img src="Images/Dynamic/full/NewsItem/44951/example.png" class="img-responsive" />
</div>
Run Code Online (Sandbox Code Playgroud)
正如你所看到的,每个newsitem连接到它生成的代码是用来识别独特newsitems,代码也是在我的JavaScript中使用:
<script type="text/javascript">
(function () {
var newsdiv = $('#c-b504b780-06a8-49bc-ba04-84d1fbba1a94');
$('#c-b504b780-06a8-49bc-ba04-84d1fbba1a94 > .full').find('img').wrap(function () { return "<a href='" + $(this).attr('src') + "'></a>"; });
})();
</script>
Run Code Online (Sandbox Code Playgroud)
这个脚本应该在我的完整div-hide类中找到的图像周围放置一个锚标记,但这不能正常工作.我假设我的jquery选择器没有选择正确的div,但我不知道它应该是什么.你知道如何在class ="full"div中的图像周围包裹我的锚标签吗?
我的网站上有一笔金额的输入字段,但此输入字段不接受逗号.问题是现在我不能输入像$ 5,21那样的美元.请帮忙......一个例子就足够了
Bedrag: <input type="number" name="goed_doel_bedrag" id="goed_doel_bedrag" step="any"min="0" placeholder="Vul hier het bedrag in">
Run Code Online (Sandbox Code Playgroud) html ×3
css ×2
javascript ×2
jquery ×2
c# ×1
css-tables ×1
express ×1
html-table ×1
html5 ×1
iframe ×1
less ×1
passport.js ×1
postmessage ×1