个人中心
gpt4 book ai didi

javascript - Gridster 从 Cookie 读取位置

转载 作者：行者123 更新时间：2023-11-30 17:48:20 25 4
gpt4 key购买 nike

我是 PHP、JavaScript 和 JQuery 的新手。只是觉得建立一个足球记分牌会很有趣。所以在做了一些研究之后，我想到了这个。我确信有更好的方法，但我只是从该站点的许多文章中借鉴了一些想法。我遇到了 Gridster 的障碍。我相信它用我的 table 位置正确地写了 cookie。我已将表放在列出的项目中，因为当定义为 widget_selector 时我无法使表工作。

这是我的代码。我需要做什么才能读取 cookie 的位置数据并相应地对我的表进行排序？非常感谢您的帮助!

<html>
<head>
<link rel="stylesheet" type="text/css" href="assets/css/jquery.gridster.css">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<title>Scores</title>

</head>
<body>

<script type="text/javascript" src="assets/jquery.js"></script>
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>
<script type="text/javascript" src="assets/jquery.cookie.js"></script>
<script type="text/javascript">
var gridster;

$(function() {
gridster = $(".gridster ul").gridster({
widget_margins: [5, 5],
widget_base_dimensions: [140, 110],
min_cols: 2,
max_cols: 10,
serialize_params: function($w, wgd) {
    return {
    id: wgd.el[0].id,
    col: wgd.col,
    row: wgd.row,
    size_y: wgd.size_y,
    size_x: wgd.size_x          
    }
},
draggable: {
    stop: function(event, ui) {
    var positions = JSON.stringify(gridster.serialize());
    console.log(positions);
    $.cookie("grid-data", positions, { expires : 7 });
    }
}
}).data('gridster');    
});
</script>

<?php 
//this array contains sports and their URLs 
$sports = array( 
"NFL" => "http://wu.apple.com/nfl/bottomline/xml/scores",); 

// load logo files
$nfllogoxml = simplexml_load_file('nfllogo.xml');

foreach ( $sports as $sport => $url ) { 
//get the page pointed to by $url 
$simplexml = simplexml_load_file($url);
echo "<h2>".$sport."</h2>";
echo "<div id='gamescores' class='gridster'>";
echo "<ul>";
// If game is in progress, change URL given by feed to point to boxscore
foreach ($simplexml->GAME as $game){

    echo "<li id='".$game->GAMEID."' data-row='1' data-col='1' data-sizex='2' data-sizey='1'>";

    if ($game->STATUSID == 2 || $game->STATUSID ==22 || $game->STATUSID ==23){
        $boxurl = preg_replace("/scoring/", "boxscore", $game->URL);
        echo "<table id='".$game->GAMEID."' cols='4' style='background-color:#CCF5CC' ondblclick=\"this.className='tableclick';window.location='".$boxurl."'\">";
    }
    elseif ($game->STATUSID == 7){
        echo "<table id='".$game->GAMEID."' cols='4' style='background-color:#CCF5CC' ondblclick=\"this.className='tableclick';window.location='".$boxurl."'\">";
    }
    elseif ($game->STATUSID == 3){
        echo "<table id='".$game->GAMEID."' cols='4' style='background-color:#BCBCCA' ondblclick=\"this.className='tableclick';window.location='".$game->URL."'\">";
    }
    else {
        echo "<table id='".$game->GAMEID."' cols='4' ondblclick=\"this.className='tableclick';window.location='".$game->URL."'\">";
        }
    echo "<col width='30'>";
    echo "<col width='180'>";
    echo "<col width='30'>";
    echo "<col width='60'>";
    echo "<th colspan='3' align='center'>";
    echo "<b>Matchup #".$game->attributes()->count."</b>";
    echo "</th>";
    echo "<th align='right'><b>Bets</b></th>";
    echo "<tr>";
    if (strpos($sport,'NFL') !==false){
        $gamestatus=$game->STATUSID;
        $teamnamev=$game->AWAY->TEAM;
        $teamnameh=$game->HOME->TEAM;

        //  Get NFL Team Icon from icon XML file stored locally
        $iconurlv = $nfllogoxml->xpath(" /TRM/teamRecord/iconURL[../team/text() = '".$teamnamev."'] ");
        $iconurlh = $nfllogoxml->xpath(" /TRM/teamRecord/iconURL[../team/text() = '".$teamnameh."'] ");
        foreach ($iconurlv as $iconpathv){
            echo "<td><img src='".$iconpathv."' height='25' width='25'></img></td>";
            }                   
        echo "<td>".$game->AWAY->TEAM."</td>";
        echo "<td>".$game->AWAY->SCORE."</td>";
        echo "</tr>";
        echo "<tr href='".$game->URL."'>";
        foreach ($iconurlh as $iconpathh){
            echo "<td><img src='".$iconpathh."' height='25' width='25'></img></td>";
            }               
        echo "<td>".$game->HOME->TEAM."</td>";
        echo "<td>".$game->HOME->SCORE."</td>";
        echo "</tr>";
        echo "<tr>";
        if ($game->STATUSID == 7){
            echo "<td colspan='3'>DELAYED</td>";
            }
        elseif ($game->STATUSID == 23){
            echo "<td colspan='3'>HALFTIME</td>";
            }
        else{
            echo "<td colspan='3'>".$game->STATUS."</td>";
            }
        echo "</tr>";       
        echo "</table>";
        echo "</li>";

        }
}
        echo "</ul>";
        echo "</div>";
echo "<p class=\"clear\">";
}

?>

</body>
</html>

最佳答案

我找到了一种使用以下代码执行此操作的方法。似乎工作以防万一有人感兴趣...

if ($.cookie("grid-data") !== null) {
    var scorepos = JSON.parse($.cookie("grid-data"));   
}

for (var i = 0; i < scorepos.length; i++){
    var position = scorepos[i];
    var list = document.getElementsByTagName("ul")[0]
    list.getElementsByTagName("li")[i].setAttribute("data-row",position.row);
    list.getElementsByTagName("li")[i].setAttribute("data-col",position.col);
}

关于javascript - Gridster 从 Cookie 读取位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19626729/

25 4 0
文章推荐： javascript - WHMCS java 脚本不调用或唤醒
文章推荐： c# - 如何从 pdf 文档加载文本位置？
文章推荐： javascript - 正数正则表达式 + 大于零的小数 (0.1)
文章推荐： c# - XPS 编写器因 .Net 4/字体渲染错误而失败？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com