status update

[aika]

Gribētos noanimēt vienas vērtības izmaiņas. Skaidrs, ka lietojam setInterval un no db iegūstam jauno vērtību, ko ar load vnk nomainām. Jautājums - kā čekot vai ir notikušas vērtības izmaiņas? Lai nenoanimētu neizmaiņas! :)

Cik saprotu, tad glabāt veco vērtību klienta pusē un pārbaudīt vai sakrīt ar jauno nav iespējams, tāpēc ir doma izsaukumā padot veco vērtību un gadījumā ja tā sakrīt ar čekoto, neatgriezt neko.

Tas teorijā! Diemžēl praksē pagaidām zināšanas man pagaidām pietrūkst.

Any help?!

Varbūt ir citas teorijas?!

[briedis]

mysql_affected_rows atgriež, cik vērtības ir izmainītas.

Ja taisi update, un vērtība sakrīt, tad būs 0.

 

Un nesaprotu, vai tad nav iespējams vienkārši paņemt veco vērtību, salīdzināt ar jauno??

[aika]

briedi, tu nesaprati jautājuma būtību! Uzdevums ir ar jQuery refreshot lapas saturu, animējot izmaiņas, ja tādas pa noteikto intervālu notikušas!

[briedis]

Tev ir sākotnējā vērtībā, kuru zina JS.

Ar ajax iegūsti aktuālo vērtību no db.

Salīdzini ar JS sākotnējo ar tikko iegūto un veic attiecīgās darbības.

[aika]

nu bet tajā jau ari jautājums - kā iekš js iegūt un saglabāt vērtību?

mans kods:

 var refreshId = setInterval(function() { 
$("#show_count").load('current_count.php?id=1'); 
}, 60000); 

Sory, bet jQuery tikai sāku apgūt. Man pat nav nojausmas vai minētā ciklā var saglabāt kādu vērtību...

 

 

<pre id="line17"></pre>

[briedis]

Papēti manuāli, tur ir ļoti noderīgi paraugi: http://api.jquery.com/jQuery.get/

[aika]

$(document).ready(function() {
$("#count").load("user_count.php");
  var refreshId = setInterval(function() {
	$.get("user_count.php", function(data){
		if (oldData != data) {
			oldData = data;
				$("#count").load(oldData);
			}
		});
  }, 6000);
  $.ajaxSetup({ cache: false });
});

 

Ok, iepētījām, sadzejojām - itkā viss pareizi, kāpēc neapdeitojas (konsole uzrāda ka gets atgriež mainīgus rezultātus)

Edited November 26, 2011 by aika

[briedis]

Kur tiek definets mainīgais oldData, un kur viņš tiek inicializēts?

[aika]

nekur... :)

 

ok, pielikām var oldData;

tagad meklējam alternatīvu .load, jo šobrīd notiek klusais ārprāts :)

[briedis]

ehh, tak load vietā izmanto to pašu:

 

var oldData;
$.get("user_count.php", function(data){
oldData = data;
$("#count").html(oldData);

});

 

..ja pareizi sapratu...

[aika]

pareizi pareizi :)

tagad ir praktiski astei palicis pāri pārkāpt:

$(document).ready(function() {
   var oldData;
   $("#count").load("user_count.php");
  var refreshId = setInterval(function() {
  	 $.get("user_count.php", function(data){
  		 if (oldData != data) {
  			 oldData = data;
  				 $("#count").html(oldData);
  				 $("#count").animate({
  						 'color': '#FF0000'
  					 }, 0)
  						.animate({
  						 'color': '#000000'
  					 }, 5000);
  		 }
  	 });
   }, 6000);

  $.ajaxSetup({ cache: false });
});

 

neparko animācija negrib strādāt

lai gan te viss ir ok: http://jsfiddle.net/FsKAy/

[briedis]

krāsu imho nevarēja noanimēt, ja vien nav speciāls spraudnis. Pamēgīni opacity noanimēt.

[aika]

pareizi, darakos ka headerī jāsamet pareizie:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

tagad viss strādā :) paldies par palīdzību!

Edited November 26, 2011 by aika

[daGrevis]

krāsu imho nevarēja noanimēt, ja vien nav speciāls spraudnis. Pamēgīni opacity noanimēt.

 

Tieši tā. Spraudnis vai jQuery UI.