Hallo,
ich habe diese XML:
http://demo.komexa.com/sicherungsbereich.xml
Diese gebe ich mittels jquery aus in einem flexigrid.
Wie kann ich das machen dass wenn sich die xml aendert nur die geaenderten Werte dort geaendert werden (flimmern wegmachen)?
Hier der Code:
CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<title>Sicherungsbereich</title>
<link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css" />
<!--jqueryui -->
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<!-- -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/flexigrid.js'></script>
<script type='text/javascript'>
function update()
{
var x;
var row="";
//$('body').empty();
$.ajax({
type: "GET",
url: "sicherungsbereich.xml",
cache: false,
dataType: "xml",
success: function(xml) {
$(xml).find('item').each(function(){
var title = $(this).find('title').text();
var link = $(this).find('link').text();
row="<tr><td><a href='"+link+"'>"+title+"</a></td>";
for(var i=1;1;i++)
{var line = $(this).find('line'+i).text();
if(line=="") break;
row+="<td>"+line+"</td>";
}
row+="</tr>";
$('body').append(" <table id='tabl'></table>");
$('#tabl').append(row);
});
$('#tabl').flexigrid({usepager: true,singleSelect: true,title: 'Uebersicht',useRp: true,rp: 15,showTableToggleBtn: true,width: 700,height: 200});
}
});
}
$(document).ready(function(){
update();
var thr = setInterval(update, 20000);
});
</script>
</head>
<body>
</body>
</html>
Link zum Download der ZIP:sicherungsbereich.zip
ich habe diese XML:
http://demo.komexa.com/sicherungsbereich.xml
Diese gebe ich mittels jquery aus in einem flexigrid.
Wie kann ich das machen dass wenn sich die xml aendert nur die geaenderten Werte dort geaendert werden (flimmern wegmachen)?
Hier der Code:
CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<title>Sicherungsbereich</title>
<link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css" />
<!--jqueryui -->
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<!-- -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/flexigrid.js'></script>
<script type='text/javascript'>
function update()
{
var x;
var row="";
//$('body').empty();
$.ajax({
type: "GET",
url: "sicherungsbereich.xml",
cache: false,
dataType: "xml",
success: function(xml) {
$(xml).find('item').each(function(){
var title = $(this).find('title').text();
var link = $(this).find('link').text();
row="<tr><td><a href='"+link+"'>"+title+"</a></td>";
for(var i=1;1;i++)
{var line = $(this).find('line'+i).text();
if(line=="") break;
row+="<td>"+line+"</td>";
}
row+="</tr>";
$('body').append(" <table id='tabl'></table>");
$('#tabl').append(row);
});
$('#tabl').flexigrid({usepager: true,singleSelect: true,title: 'Uebersicht',useRp: true,rp: 15,showTableToggleBtn: true,width: 700,height: 200});
}
});
}
$(document).ready(function(){
update();
var thr = setInterval(update, 20000);
});
</script>
</head>
<body>
</body>
</html>
Link zum Download der ZIP:sicherungsbereich.zip