小编Kev*_*orn的帖子

从数据库初始化的less.css变量

我使用dotnetless(http://www.dotlesscss.org/)进行asp.netWeb表单应用程序,它运行良好.我喜欢使用颜色,字体大小等变量.但我可以看到变量值是静态的.

有没有办法使用dotnetless根据用户ID从数据库初始化这些变量值?

基本上我想将这个Web应用程序转换为基于主题的网站,因此每个用户都可以选择自己的颜色,字体,字体大小等.

任何方向将不胜感激.

css c# less

13
推荐指数
3
解决办法
4577
查看次数

使用CSS显示的响应表:table-row

我在将表格转换为响应速度更快的设计时遇到了麻烦,我在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来显示我当前的代码.然而目前的thtd显示的垂直上方/下彼此,和类似我打算做不彼此相邻.我试着用float: leftfloat: right,但不工作(见的jsfiddle).任何人都可以帮我用CSS完成我想要的东西吗?如果这是不可能的,我将如何使用Javascript进行此操作,请记住,在加载页面时(有些动态添加到页面),我的表格不会全部生成?

html css html-table css-tables

6
推荐指数
2
解决办法
2万
查看次数

使用Express.js进行Passport.js本地身份验证4

我试图使用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)

express passport.js

5
推荐指数
1
解决办法
8490
查看次数

postMessage()生成错误"undefined is not a function"

我正努力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捕获作为对主网页的响应而发送的任何消息的功能.最后但并非最不重要的是,我已经尝试了这个问题中给出的答案:但这并没有解决我的问题.因此,它不是重复的.

如何摆脱此错误消息?

javascript iframe jquery html5 postmessage

5
推荐指数
1
解决办法
8058
查看次数

如何在使用多个div时正确使用JQuery .find()

我有一个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中的图像周围包裹我的锚标签吗?

html javascript jquery

2
推荐指数
1
解决办法
95
查看次数

为什么这个数字输入字段不接受逗号

我的网站上有一笔金额的输入字段,但此输入字段不接受逗号.问题是现在我不能输入像$ 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

1
推荐指数
1
解决办法
3130
查看次数