Veri güncellendiğinde efekt

25-04-2017, 10:42:13

<script type="text/javascript">
$(document).ready(function() {
    gonder();
    var int=self.setInterval("gonder()",2000);
});
 
function gonder(){
    $.ajax({
        type:'POST',
        url:'degerler.php',
        success: function (msg) {
            $("#sonuc").html(msg);
        }
    });
}
</script>

Bu kod ile veriyi sayfa güncellenmeden güncelleyebiliyorum. Fakat veri değiştiğinde anlık olarak efekt vermek istiyorum. Yazı kalınlaşabilir, rengi değişebilir vs. Bu konuda yardımcı olabilirmisiniz?

25-04-2017, 11:49:19

#2

aTKn94

Leas adlı üyeden alıntı: mesajı görüntüle

<script type="text/javascript">
$(document).ready(function() {
    gonder();
    var int=self.setInterval("gonder()",2000);
});
 
function gonder(){
    $.ajax({
        type:'POST',
        url:'degerler.php',
        success: function (msg) {
            $("#sonuc").html(msg);
        }
    });
}
</script>

Bu kod ile veriyi sayfa güncellenmeden güncelleyebiliyorum. Fakat veri değiştiğinde anlık olarak efekt vermek istiyorum. Yazı kalınlaşabilir, rengi değişebilir vs. Bu konuda yardımcı olabilirmisiniz?

Hocam #sonuc id'sine şu stili yazın:

	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;

Daha sonra

<script type="text/javascript">
$(document).ready(function() {
    gonder();
    var int=self.setInterval("gonder()",2000);
});
 
function gonder(){
    $.ajax({
        type:'POST',
        url:'degerler.php',
        success: function (msg) {
            $("#sonuc").html(msg);
            $("#sonuc").css("color","red");
            setTimeout(function(){
                $("#sonuc").css("color","#000");
             }, 1000);
        }
    });
}
</script>

denemedim ama bu şekilde sanırım çalışacaktır hocam

25-04-2017, 13:06:53

#3

Leas

aTKn94 adlı üyeden alıntı: mesajı görüntüle

Hocam #sonuc id'sine şu stili yazın:

	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;

Daha sonra

<script type="text/javascript">
$(document).ready(function() {
    gonder();
    var int=self.setInterval("gonder()",2000);
});
 
function gonder(){
    $.ajax({
        type:'POST',
        url:'degerler.php',
        success: function (msg) {
            $("#sonuc").html(msg);
            $("#sonuc").css("color","red");
            setTimeout(function(){
                $("#sonuc").css("color","#000");
             }, 1000);
        }
    });
}
</script>

denemedim ama bu şekilde sanırım çalışacaktır hocam

Evet işe yaradı. Teşekkürler. Peki veri kontrolü yaptırıp sadece bi önceki veriden farklı ise yaptırabilirmiyiz?

25-04-2017, 13:14:45

#4

aTKn94

Leas adlı üyeden alıntı: mesajı görüntüle

Evet işe yaradı. Teşekkürler. Peki veri kontrolü yaptırıp sadece bi önceki veriden farklı ise yaptırabilirmiyiz?

edit

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 13:14:45 -->-> Daha önceki mesaj 13:11:25 --

Leas adlı üyeden alıntı: mesajı görüntüle

Evet işe yaradı. Teşekkürler. Peki veri kontrolü yaptırıp sadece bi önceki veriden farklı ise yaptırabilirmiyiz?

<script type="text/javascript">
		$(document).ready(function() {
		    gonder();
		});
		  
		function gonder(){
		    $.ajax({
		        type:'POST',
		        url:'degerler.php',
		        success: function (msg) {
		        	var oncekiDeger = $('#sonuc').text();

		            $("#sonuc").html(msg);

		            if(msg != oncekiDeger){
			            $("#sonuc").css("color","red");
			            setTimeout(function(){
			                $("#sonuc").css("color","#000");
			             }, 1000);
		            }

		            





		            
		        }
		    });
		}
		</script>

25-04-2017, 13:18:15

#5

Leas

aTKn94 adlı üyeden alıntı: mesajı görüntüle

edit

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 13:14:45 -->-> Daha önceki mesaj 13:11:25 --

<script type="text/javascript">
		$(document).ready(function() {
		    gonder();
		});
		  
		function gonder(){
		    $.ajax({
		        type:'POST',
		        url:'degerler.php',
		        success: function (msg) {
		        	var oncekiDeger = $('#sonuc').text();

		            $("#sonuc").html(msg);

		            if(msg != oncekiDeger){
			            $("#sonuc").css("color","red");
			            setTimeout(function(){
			                $("#sonuc").css("color","#000");
			             }, 1000);
		            }

		            





		            
		        }
		    });
		}
		</script>

Sayfayı yenilemeden veriyi güncellemiyor.