小编Raj*_*ami的帖子

如何刷新DIV内容?

<div id='here'></div>
Run Code Online (Sandbox Code Playgroud)

我试图刷新一堆div中的某个div.除了在XMLHttpRequest的帮助下发送的许多变量之外,div内容基本上由PHP以及来自MySQL数据库的数据生成.

我的想法是重新加载/刷新div本身,而不是加载php文件或用.text或覆盖它.html.在这种情况下,我不能使用.load('file.php')

我尝试过的:

<script type='text/javascript'>
    function updateDiv()
    { 
        document.getElementById("here").innerHTML = document.getElementById("here").innerHTML ;
    } 
</script>
Run Code Online (Sandbox Code Playgroud)

和(每3秒刷新一次):

$(document).ready(function () {
    setInterval(function () {
        $('#here').load('#here'));
    }, 3000);
});
Run Code Online (Sandbox Code Playgroud)

理想情况下,我会要求:

function reloadDIV () {document.getElementById("here").innerHTML.reload}

function reloadDIV () {$('#here').load(self)} 
Run Code Online (Sandbox Code Playgroud)

这样我就可以在onClick中使用它:

<a onclick='reloadDIV ();'>reload div</a>
Run Code Online (Sandbox Code Playgroud)

html javascript php jquery

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

在窗口上调整对象标记上的事件javascript

我创建了Jquery选项卡并在父页面上嵌入了一个JSP页面.我已在两个页面上调用了窗口大小调整事件.但是内部页面函数不会被调用.

对于内部页面,我有一个SVG元素,每次调整窗口大小时都需要调整大小.

sLinkPageToJunction = '<%=base1%>' + "/InnerTabbedPage.jsp?IntersectionName=" + strIntersectionName + "&FrameName=" + strFrameName + "&ip=" + '<%=ServerIP %>' + "&port=" + '<%=ServerPORT %>' + "&InterCorridorName=" + svgfilename;
if (document.getElementById("JnLive" + strIntersectionName) == null) {
    //var nextTab = $('#tabs li').size()+1; 
    Tabcount = $('#tabs li').size();
    // create the tab
    $('<li><a href="#tab' + strIntersectionName + '" data-toggle="tab">' + strIntersectionName + '&nbsp;&nbsp; <button class="close closeTab" align="right" "type="button">x</button></a></li>').appendTo('#tabs');

    // create the tab content

    $('<div class="tab-pane" id="tab' + strIntersectionName + '"> <div id="JnLive' + strIntersectionName + …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

游戏无法检查条件并在后台启动

功能:

用户将从"指令"页面(第1页)导航到"游戏"页面(第2页)并播放设计的游戏."指令"页面包含用户指令列表和一个开始按钮,单击该按钮会将用户导航到"游戏"页面."Game"页面有一个淡入倒计时器,目的是通知用户游戏将在x秒后开始,之后游戏将开始.因此,淡入倒计时计数器仅在用户处于游戏开始之前的"游戏"页面时开始.

问题:

即使在用户导航到"游戏"页面之前,淡入计数器也会启动.因此,当用户仍然在第一页:"简介页面"时,第二页中的淡入计数器:"游戏"页面将开始运行.

应该是什么:

上述问题不应该发生,第二页中的淡入计数器只应在用户从第1页导航到第2页时才开始倒计时.

做了什么:

我已将每个页面设置为z-index,因此,第一页设置为z-index=1第二页设置为z-index=2,此外,我已将第二页设置为display:none,因此第二页仅在被调用时显示.

此外,我已经声明了一个全局布尔变量var booleanplay== true,在我的内部<script>,我已经设置了条件检查以调用game()功能.因此,理所当然,它应该在运行方法之前检查条件.

我附上了代码供您阅读.请帮忙.我完全在智慧结束.

码:

function Page2() {
    var BooleanPlay = true;

    $("#page1").hide();
    $("#page2").show();
    //To check if the game is being played, will call MainGame method, else wouldnt start MaiinGame and reset counter and speedto original value
    if (BooleanPlay == true) {
        console.log("Game Reset");
        rollingInterval = setInterval(updateTimer, 20000);
        clearInterval(rollingInterval);
    }

}


var count = 5;

//Fade-in Countdown counter function
function …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery countdown

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

如何以html5格式向提交按钮添加确认对话框?

我正在创建一个应用程序,django我有下一个问题:我有一个带有提交按钮的html表单,但我想显示一个确认对话框来选择YesNo在处理信息之前.我怎么能这样做?

这是我的表单代码:

<form id="id" method="post" action="/y/b/" enctype="multipart/form-data">

    {% csrf_token %} 

    {{ form.as_p }}

    <input class="btn btn-primary" type="submit" name="submit" value="A" />
</form>
Run Code Online (Sandbox Code Playgroud)

非常感谢!

javascript forms django jquery html5

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

使背景模糊并禁用背景

我正在尝试实现 Ajax Loader。加载时,它会使背景模糊,这很好,但背景内容仍然处于活动状态。我希望在加载程序出现时禁用背景。

CSS

.container{
        /* overflow: hidden; */
    -webkit-filter: blur(13px);
    -moz-filter: blur(13px);
    -o-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
}
#spinner
{
    /* display: none; */
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(../loading.gif) no-repeat center transparent;
    text-align:center;
    padding:10px;
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="spinner"></div>
<div class="container">
    <!-- Some buttons and links are here, I want these disabled(container gone blurred but links and buttons are still active)-->
</div>
Run Code Online (Sandbox Code Playgroud)

运气好的话?

html css jquery

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

在列中显示分组的行

如何根据分组条件将多个行分组到一组列中?

例如,

ID       Type            Total     
==============================
36197   Deduction         -9
36200   Deduction         -1
36337   Deduction          1
36363   Deduction          0
36364   Deduction          0
36200   Safety            -1
36342   Safety             0
36350   Safety            10
36363   Safety             0
36364   Safety             1   
Run Code Online (Sandbox Code Playgroud)

ID      Deduction       Safety
==========================================
36197    -9              0
36200    -1             -1
36337     1              0
36363     0              0
36364     0              1
36342     0              0
36350     0              10
Run Code Online (Sandbox Code Playgroud)

sql t-sql sql-server grouping

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

在使用.children for .modal工作后,为什么还需要另一个$()

我想知道为什么我必须这样做:

$($("body").children("div")[0]).modal('show');

代替

$("body").children("div")[0].modal('show');

该函数不会.children返回包含节点的列表吗?我是jquery的新手,而不是javascript经验,所以我只是想知道有什么区别.

.modal 是一个引导函数,万一有人想知道.

以下是完整性的上下文:

'click .edit': function (e, value, row, index) {
    $.ajax({
        url: "index.php?controller=" + controller + "&action=edit&id=" + row['id'] + "&type=modal",
        success: function (result) {
            if (result !== null) {
                $("body").prepend(result);
                $($("body").children("div")[0]).modal('show');
            } else {
                alert("There was a problem with editing. Please contact a system admin or try again.");
            }
        }
    });
    e.stopPropagation();
},
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap

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