小编Juh*_*nen的帖子

如何在对话框中关闭jQuery Dialog?

如何在不使用关闭按钮的情况下关闭对话框中的jQuery Dialog?

在ui对话框内部是一个简单的表单请求,如果发生成功提交,则ui对话框会自动关闭并刷新父页面.

    <script type="text/javascript">
        $(document).ready(function () {
            $("#form-dialog").dialog({
                autoOpen: true,
                modal: true,
                width: 200,
                draggable: true,
                resizable: true
            });
        });
    </script>


    <div id="form-dialog" title="Form Submit">
    <form action="default.aspx" method="post">
    <input type="text" name="name" value=" " />    
    <input type="submit" value="submit" />

    <a href="#" id="btnDone">CLOSE</a>

    <script type="text/javascript">
    $(document).ready(function () {
        $("#btnDone").click(function () {
            $(this).dialog('close');
        });
    });
    </script>

    </form>
    </div>
Run Code Online (Sandbox Code Playgroud)

-imperialx

jquery jquery-ui jquery-ui-dialog

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

如何保存HTML5画布?

目前我使用Canvas2Image来保存HTML5画布的内容.但是,它似乎无法在Google Chrome中使用.关于如何解决这个问题的任何想法都是受欢迎的.:)

html5 save html5-canvas

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

在PHP中路由URL

我正在开发一个网页项目.为此,我决定使用Apache,PHP(5.1.7,我的服务提供商强加的版本)和Dwoo(模板).

我想将URL路由到我的模板.我知道有很多框架在做这种事情.我只是想知道是否有一个很好的方法来实现它.

我按如下方式设置了我的项目:

  • src/dwoo - Dwoo文件
  • index.php - 这应该处理路由.目前,它只是使用模板呈现网站的首页.
  • templates - 表示实际页面的模板.

业务逻辑很少(没有真正的模型).它只是非常静态的页面.使用模板可以使维护工作更轻松(即继承).

知道如何在这种情况下设置路由吗?我想理想情况下每个给定的URL应该通过index.php路由,然后以某种方式决定要呈现哪个模板(即./ category/pagename将映射到templates/category/pagename.tpl).

php apache url-rewriting url-routing dwoo

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

如何整齐地限制Webpack`require.context`?

我正在Webpack和React上开发一个小的静态站点生成器.目前我正在变得更有活力.其中一部分是使其更具可配置性.

鉴于这样的网站结构

.
??? _book
??? assets
??? build
??? drafts
??? manuscript
??? node_modules
??? pages
??? project_source
??? styles
Run Code Online (Sandbox Code Playgroud)

我想要只从某些目录或目录中获取文件.在这种情况下,要求Markdown文件就足够了manuscript.天真var req = require.context('manuscript', true, /^\.\/.*\.md$/)会工作.

问题是,当我通过站点生成器配置传递目录时,这需要变为动态.由于require.context依赖于固定值,我认为我需要使用类似的东西将上下文更改为站点根目录var req = require.context('.', true, /^.*\.md$/),然后检查req.keys()以匹配我的配置.

在实践中,这将非常缓慢,因为它将遍历整棵树!特别是node_modules可以包含很多文件,这是应该不惜一切代价避免的.

有没有排除一个整洁的方式node_modules进行的require.context?虽然我对其他想法持开放态度,但我认为某种形式的正则表达式可能有效.

javascript webpack

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

如何将参数传递给jQuery UI对话框事件处理程序?

我目前正在尝试连接jQuery UI对话框,以便我可以使用它来为我的页面创建新项目并修改页面上已有的项目.我在前者管理过.不过,我现在正在努力解决后一个问题.我只是找不到一个很好的方法来传递项目来修改对话框.

这里有一些代码可以更好地说明问题.请特别注意标有XXX的部分.{{}}部分源自Django模板语法:

$(".exercise").click(function() {
    $.post("{{ request.path }}", {
            action: "create_dialog",
            exercise_name: $(this).text()
        },
        function(data) {
            $("#modify_exercise").html(data.content);
        },
        "json"
    );

    $("#modify_exercise").dialog('open');
});

$("#modify_exercise").dialog({
    autoOpen: false,
    resizable: false,
    modal: true,
    buttons: {
        '{% trans 'Modify' %}': function() {
            var $inputs = $('#modify_exercise :input');

            var post_values = {};
            $inputs.each(function() {
                post_values[this.name] = $(this).val();
            });

            post_values.action = 'validate_form';

            //XXX: how to get the exercise name here?
            post_values.exercise_name = 'foobar';

            $.post('{{ request.path }}', post_values,
                function(data) {
                    if( data.status == 'invalid' ) {
                        $('#modify_exercise').html(data.content);
                    } …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui

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

grappelli隐藏Inline sortable中的可排序字段(Django Admin)

从grappelli定制文档中,它建议:

    The sortable-field will not automatically be hidden
 (use a Hidden Input Widget if needed).
Run Code Online (Sandbox Code Playgroud)

但是,我已经搜索了这么久,并且不知道什么是"隐藏输入小部件"以及如何将其实现为Django模型.这是我的代码:

     # models.py
class video(models.Model):
    category = models.ForeignKey(subCategory)
    index = PositionField('index')
    video_title = models.CharField(max_length=255, blank=True, null=True)
    video_desc = models.TextField(blank=True, null=True)
    main_img = S3EnabledImageField(upload_to='video_img', blank=True, null=True)
    small_img = S3EnabledImageField(upload_to='video_img', blank=True, null=True)
    mid_img = S3EnabledImageField(upload_to='video_img', blank=True, null=True)
    large_img = S3EnabledImageField(upload_to='video_img', blank=True, null=True)
    last_updated = models.DateField(auto_now=True)
    date_added = models.DateField()
    date_modified = models.DateField()
    date_published = models.DateField(blank=True, null=True)
    date_closed = models.DateField(blank=True, null=True)
    status = models.CharField(max_length=7,choices=STATUS_CHOICE)

    class Meta:
        ordering = ('index',) …
Run Code Online (Sandbox Code Playgroud)

django django-models django-admin django-grappelli

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

请解释这个缩写的ES6 JSX声明

在React和Webpack一章的SurviveJS手册中的一个例子令我感到困惑.

Note.jsx:

import React from 'react';

export default () => <div>Learn Webpack</div>;
Run Code Online (Sandbox Code Playgroud)

这与使用JSX声明React组件的标准方式有很多不同之处:

import React from 'react';
class Note extends React.Component {
  render() {
    return <div>Learn Webpack</div>;
  }
}
Run Code Online (Sandbox Code Playgroud)

第一个例子是如何工作的?

  1. 它是如何知道组件被调用的,Note以便可以<Note/>在某些父组件中引用它?只需通过文件名匹配(删除.jsx部分?)
  2. render()功能在哪里?怎么可能省略它呢?
  3. 这种方法有哪些局限性?我猜它只适用于包装一个非常简单的渲染输出,只是将属性映射到一些HTML ...
  4. 这种风格记录在哪里?我似乎无法找到任何官方 文件

ecmascript-6 reactjs babeljs survivejs

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

降价表语法的正则表达式?

我目前正在开发一个小工具,可以将Github Wiki转换为Github页面。现在,我正在尝试为Markdown表添加适当的支持(我所使用的解析器不支持)。

现在,我连接到解析器的词法分析器,然后通过各种Github Wiki特定的调整(即链接)对其进行扩展,然后将修改后的令牌传递回解析器。表格也应符合此方案。我的调整使用各种正则表达式模式和正则表达式替换来执行我需要的修改。

不过,我对复杂的表语法有些困惑。您可以在这里这里找到一个示例。如您所见,这里有一些结构,但是有些部分是完全可选的。

我已经考虑了一下,我想我想用一个正则表达式将一个包含标题(第一行),列对齐数据(第二行)和实际内容的组作为单独的组输出给我。它至少应包含一个内容行才能匹配。标头和对齐数据还必须遵守某些规则,如示例所示。

您将如何构建这样的正则表达式?更好的是,有人可以为我提供一些起点吗?我的方法可能被误导了(也许可以避免使用正则表达式?)。如果是这样,将更容易获得导致相同结果的任何想法。

regex syntax markdown github

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

Javascript 的 Sphinx API 文档

我广泛使用 Sphinx 来编写文档,并且对它感觉很舒服。

然而,我发现自己更多地使用 Javascript(前端)而不是 Python。

是否有任何插件或方法可以使用 Sphinx 从 JavaScript 代码注释中执行类似的 API 文档,就像使用 Python 文档字符串一样?

javascript python-sphinx

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

如何让HTML元素**不能在iPad上旋转?

我目前正在开发一个针对iPad的基于HTML5 Canvas/JavaScript的绘图应用程序.它在Safari中运行.到目前为止,除了一件事以外,一切都很好.

如果我旋转设备,我的UI会重新定位.除了画布本身之外,这对于大多数UI来说都很酷.有没有办法迫使画布旋转?

html javascript ipad

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