小编Den*_*ian的帖子

使用jQuery ajax通过使用json或html文件自动刷新/更新表

所以@SOF,

我一直试图让我的学习成绩,结果的网页中,预计成绩......等有自动更新功能,以使页上的数据刷新时新的数据通过使用来通过jqueryajax藏汉作为有"单查看"为课程.

我的主要问题是我无法获得任何形式的ajax刷新/加载正常工作,我可以在json或单个html文件中生成我的输出,为了我的目的,我认为json会更好,但我不确定.

我的网页左上角有一个导航助手,这是一个下拉菜单,通过"搜索"找到的列表填充<a id="CLASS1" optionname="CLASS 1"></a>,可以在表格中找到,但是如果需要,我可以在表格外填充这个需要.

我非常希望能够如此,我们必须修改下拉在这个例子中一共有8种选择,包括- Select Class -,Class 1,Class 2,Class 3,Class 4,Class 5,All Updating,All Non-Updating

全部更新

  • 此选项将所有类加载到一个html可查看页面中,并每30秒更新一个类(我说每个类可能会在一小时内更新,其他一些类可能会在不同的时间更新),因此需要进行比较和如果不同然后更新?

所有非更新

  • 此选项将所有类加载到一个html可查看页面中,但除非用户单击其他类(使用下拉列表)然后单击返回,否则不会更新...

1级,2级,3级......等(单个装载/单个视图)

  • 此选项会将单个类的数据加载到html可查看页面中,并且每30秒更新一次该特定类,在上一篇帖子中,一个名为的用户Gaby aka G. Petrioli提供了一个非常接近我需要的示例,但该成员从未回复过我:http://jsfiddle.net/u7UkS/4/

链接到所有数据

HTML - http://pastebin.com/raw.php?i=0PNQGMmn

CSS - http://pastebin.com/raw.php?i=4H5GHv15

JSON - http://pastebin.com/raw.php?i=xk860dBN

单一类页面 - http://pastebin.com/raw.php?i=HvpaVhG6

JSFiddle - http://jsfiddle.net/kHtuQ | http://jsfiddle.net/kHtuQ/show

某些成员的一些ajax示例的上一篇文章:Anchor Cycler/Dropdown定期导入学校班级数据


下面是一个示例,大致显示每个"班级" Note …

html javascript ajax jquery json

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

对于wordpress插件,修改函数以正确返回用户名

我有两个Wordpress插件,这两个插件的作者拒绝承认冲突/问题是他们的网站,但很明显,双方都可以很容易地解决问题.

我提供了一个插件作者的修复程序,它对插件没有任何负面影响,如果该人安装了第二个插件,它不会导致任何问题,但他们不会将修复程序添加到他们的插件中,即使它增加了与不同插件的兼容性.

我无法弄清楚如何修复第二个插件,但我知道需要做什么......

插件1的片段(我提供了一个解决方案)

/* check if the user is valid */
if ( true === wlm_admin_in_admin() || true === $special_bypass ) {
    $validuser = username_exists( $data['username'] );

    if ( ! $validuser ) {
        $validuser        = email_exists( $data['email'] );
        $user_info        = get_userdata( $validuser );
        $data['username'] = $user_info->user_login;
    }

    $data['password'] = __( 'Already assigned', 'wishlist-member' );
} else {
    $validuser = wp_login( $data['username'], $data['password'] );
}
if ( $validuser ) {
    $user      = $this->Get_UserData( 0, $data['username'] );
    /* check for blacklist …
Run Code Online (Sandbox Code Playgroud)

php wordpress wordpress-plugin

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

修改网页,使其更具移动/平板电脑兼容性

所以,

我正在寻找一些帮助,使一个相当简单的页面更具移动/平板电脑友好性,因为目前在某些移动设备上看起来非常难看:S

我已经尝试正确地定位东西并使用像素而不是百分比,因为我只是在每个角落(顶部和底部条形图)中真正做东西而且我试图合并一些缩放以及代码以使图像不显示在某些屏幕宽度

任何人都可以帮助纠正我的html/css,以便它完全兼容,因为当我进行更改时它永远不会正常工作.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta content="true" name="HandheldFriendly" />
    <meta content="width=device-width" name="viewport" />
    <meta content="width=device-width,initial-scale=0.75" name="viewport" />
    <title>Website.com</title>
    <link href="testing.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="header_container">
        <div id="header">
            <div class="headimage">
                <a href="http://website.com/" target="_blank">
                    <img alt="" class="headimager" src="http://placehold.it/350x95/" />
                </a>
            </div>
            <select class="class-selector">
                <option value="">- Testing Dropdown -</option>
            </select>
            <div class="classcycler"><a href="javascript: void(0);" id="NextPage"><font color="#EFEFEF">Next Page</font></a>  <font color="red">|</font>  <a href="javascript: void(0);" id="PreviousPage"><font color="#EFEFEF">Previous Page</font></a> …
Run Code Online (Sandbox Code Playgroud)

html css html5 css3

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

Anchor Cycler/Dropdown定期导入学校班级数据

所以,

我最近一直在研究一些html/javascript/css为我的学生创建一个在线表格,以查看详细信息,分数和各种信息,但我已经碰到了一堵砖墙,我不确定如何做我正在尝试的事情去做.

我在一个帖子中发布所有这些的原因是因为我认为其中一些可能会发生冲突并导致之前的编辑无法正常运行...

我意识到这里有很多问题,并且不要指望有人对整个事情进行编码,我只是在寻找一些帮助/狙击/想法,并且非常感谢那些有评论/描述的人,这样我才能继续学习和改进:)


更新13/11/2013 @ 02:43 GMT

最新消息:http://jsfiddle.net/pwv7u/

  • 我试图让Next Class | Previous Class循环按钮以与下拉列表相同的方式移入和移出类.
  • 曾经位于页面底部的滚动条已经消失,因为宽度已被更改...
  • 底部的页脚在移动设备上无法正确显示,并且"向左滚动"和"滚动"按钮在移动设备上根本不显示.
  • 无法单击向左滚动按钮
  • 刷新页面会将水平滚动位置重置为最左侧(我很确定这与滚动条有关)

  • 关于加载/刷新我想我将不得不再发一个帖子,因为当前选项几乎存在但不完全,我将在我理想的希望它工作的方式下面的示例.

    • main.html将不包含任何类详细信息:http://pastebin.com/raw.php?i = HXXM67up
    • "选项"(下拉列表)会以某种方式轮询json文件以收集可用类的列表
    • "选项"(下拉列表)将为每个学校班级提供选项以及"所有更新"和"所有非更新"
    • 选择单个学校班级将仅将该特定学校班级导入页面.
    • 选择不同的个别学校班级将破坏旧学校班级并导入新选择的学校班级.
    • 个别学校班级将定期轮询json文件以检查对该学校班级数据的更新/更改,以及更改/更新它将重新绘制/重新导入.
    • 选择"所有更新"将导入所有学校课程并定期轮询json文件以检查任何学校课程的更新/更改(如果可能,仅更新学校课程已更改/更新的内容),但页面上显示所有课程.
    • 选择"All Non-Updating"将执行与上面相同的操作,但不需要轮询json文件进行更新.
  • 我可以很容易地将数据分成如下块:http://pastebin.com/raw.php?i = RMpjvJp0(第一个块示例)并给它们正确的标题(将在Option下拉列表中使用的标题),不确定如何把它们放到json格式中

html javascript css jquery json

14
推荐指数
3
解决办法
636
查看次数

由于css不正确,网页在不同分辨率上显示不正确

我的网页存在一些问题,主要是在移动设备上,但它也会影响桌面设备,我愿意奖励一个赏金(当stackoverflow允许我的时候)可以帮助解决这些问题

HTML:http://pastebin.com/raw.php?i = bbFsMcwT

CSS:http://pastebin.com/raw.php?i = SGMwt3cs

JSFiddle:http://jsfiddle.net/D8SJD/

  • 问题1 - 左/右滚动图像按钮
    • 目前我的左右滚动图像按钮是使用html完成的onmouseover,onmouseout我希望能够将它们转换为基于CSS的"按钮"

  • 问题2 - 动态分辨率
    • 页眉和页脚不是动态的,具有不同的分辨率,例如,我创建了一个1680x1050显示器上设计的页面,它看起来像:桌面1680x1050然而使窗口变小看起来像:桌面小窗口
    • 在默认缩放的Nexus 4手机上,它看起来像:移动原始缩放
    • 在Nexus 4手机上,它尽可能地缩小,看起来像:移动最大距离
    • 在Nexus 4缩小并滚动到底部(以便浏览器URL栏消失)它看起来像:缩小没有URL栏 (实际网页的页脚消失)
    • 在Nexus 4上缩小并从底部滚动(以便浏览器URL栏可见),它看起来像:用URL栏缩小 (页脚返回) .
  • 占位符图像和箭头应该位于页脚和标题的中心,并应根据屏幕分辨率缩小.
  • 移动设备默认缩放(如果可能的话)需要减小,使他们可以看到更多的和越来越小(如果可能),如果它得到接近移动原稿倍率那么Up to Top,Down to Key,占位符标识应消失......
  • 请参阅本文底部的图片

对于移动设备,我尝试了下面的内容,仅用于测试,但没有一个工作......

@media (max-width: 640px) {
    #header > a img {
        display: none;
    }
}
Run Code Online (Sandbox Code Playgroud)

编辑14/11/2013 @ 01:58GMT …

html javascript css jquery css3

8
推荐指数
3
解决办法
1002
查看次数

用于删除括号中数据的正则表达式

我正在尝试删除下面这些字符串的括号区域,但我无法正常工作:(

数据:

x (LOC)
ds ds (32C)
d'ds ds (LeC)
ds-d da(LOQ)
12345 (deC)
Run Code Online (Sandbox Code Playgroud)

正则表达式尝试:

[ \(\w+\)]
Run Code Online (Sandbox Code Playgroud)

Regex101:

http://regex101.com/r/bD8fE2

示例代码

items = ["x (LOC)", "ds ds (32C)", "d'ds ds (LeC)", "ds-d da(LOQ)", "12345 (deC)"]
for item in items:
    item = re.sub(r"[ \(\w+\)]", "", item)
    print item
Run Code Online (Sandbox Code Playgroud)

python regex python-2.7

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

即使输出与原始输出相同,代码也会保存文档?

在我的下面的代码中,由于某种原因,即使我的输出数据与新生成的数据相同,它也会继续将输出数据写入文件...

我试图让这个只当它是不同的节省,为了重现我的问题运行该脚本至少三次,它不应该被打印again一次以上

代码示例

import csv

def get_html_table(data):
    s = """<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
</head>
    <body>
        <table id="gradient-style">
            <tbody>\n"""
    for row in data:
        s += '        <tr>'
        for counter, cell in enumerate(row):
            s += r'<td>{}</td>'.format(cell)
        s += '</tr>\n'
    s += """            </tbody>
        </table>
    </body>
</html>"""
    return s


with open('testoutput.html', 'rb') as old_html:
    old_html = old_html.read()

identifyer = ""
with open('random.csv') as ifile, open('testoutput.html', 'wb') as ofile: …
Run Code Online (Sandbox Code Playgroud)

python csv for-loop if-statement python-2.7

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

编辑pandas脚本忽略但不删除数据然后匹配和更新+比较以防止浪费的保存+切片数据匹配?

我的一个脚本有一些问题...我会把问题放在子弹中.

  • 问题/问题1 - 在保存之前将原始的testing.csv与修改过的test.csv进行比较,如果不同则应保存,如果相同则不应保存.
    • 在我下面的代码中,数据是相同的,但由于某种原因,它认为它是不同的,我不知道为什么...
  • 问题/问题2 - 在比赛期间忽略某些数据
    • 我想使用匹配MATCH2,但忽略例如在过去的类数据的括号数据MATCH2Mdata (D)需要的匹配MData
  • 问题/问题3 - 切片数据以匹配
    • 我想找到一种方法,所以如果我想使用MATCH1我可以设置,MATCH1以便它只使用MATCH1[-1:]哪个最终会给我这个例子中的数字.

Testing.py

import re
import pandas
from pandas.util.testing import assert_frame_equal

# each block in the text file will be one element of this list
matchers = [[]]
i = 0 
with open('testing.txt') as infile:
    for line in infile:
        line = line.strip()
        # Blocks are seperated by blank lines
        if len(line) == 0:
            i += …
Run Code Online (Sandbox Code Playgroud)

python regex assert python-2.7 pandas

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

调整页脚图像使其偏移10像素?

我的网页有一个静态的页眉和页脚,对于我的顶级徽标/图像,图像悬垂了10像素,这是我想要它做的,但我的底部图像悬在屏幕的末端,我希望它是一个负偏移所以图像的顶部比页脚高10个像素...

如果你检查图像 你可以看到它目前的样子(绿色=正确,红色=不正确)

如果你检查图像 您可以看到这是它应该是什么样子,图像悬在两个静态条上.

的jsfiddle

我一直在努力尝试它的工作的部分css是:

#footer_container {
    background: #262A2D url('gradhead.png') repeat-x;
    border: 0px solid #666;
    bottom: 0;
    height: 80px;
    left: 0;
    position: fixed;
    width: 100%;
}

#footer {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #ECECEC;
}

#footer .footimage {
}
Run Code Online (Sandbox Code Playgroud)

如果我在一个扔top: -10px;#footerCSS一切偏移这是不太我正在寻找它修复了主图像,但一切了移动...

html css css3

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

如何修复浮动html div的布局和大小?

以下是有问题的html

默认情况下,它显示为:
在此输入图像描述

这是完全错误的,它应该是两行,它也应该看起来"漂亮",但它看起来很丑陋.

这个盒子的目的是让它看起来像一个"加载"框,经过一段时间(已经包含在我的主要代码中),它一旦加载就会消失,所以此刻唯一的问题是它看起来很难看并且没有正确布局:(

我在主div中有两个div块的原因是因为它们将是不同的大小和颜色文本(我认为)

如果有人有一个完全不同的加载消息/栏/弹出,他们认为我想使用,请随时发布.

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <style type="text/css">
            .loading1 a {
            position: fixed;
            cursor: pointer;
            left: 50%;
            top: 10%;
            color: white;
            padding-left: 5px;
            }

            .loading2 a {
            position: fixed;
            cursor: pointer;
            left: 50%;
            top: 10%;
            color: white;
            padding-left: 5px;
            }

            .loading {
            z-index: 999;
            position: fixed;
            left: 50%;
            top: 10%;
            width: 150px;
            height: 80px;
            border: 1px solid white;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background: #D8B93F;
            }

            #circularG{
            position:relative;
            width:25px;
            height:25px}

            .circularG{
            position:absolute;
            background-color:#0E4216;
            width:6px;
            height:6px;
            -moz-border-radius:4px;
            -moz-animation-name:bounce_circularG;
            -moz-animation-duration:1.12s; …
Run Code Online (Sandbox Code Playgroud)

html css css3

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