Jquey não funciona com script de releoad

Inside · Março 6, 2013

Caros amigos,

Estou utilizando esse script abaixo para dar reload em uma página, funciona normal mas quando acrescento algum recurso em Jquery este não funciona.

A atualização continua funcionando mas os recursos visuais em Jquery não funcionam.

Parece que o script de reload não carregada scripts Jquery.

Alguém pode ajudar para descobrir o porque não funciona?

<script>
function createRequestObject1() { 
var ro1; 
var browser1 = navigator.appName; 
if(browser1 == "Microsoft Internet Explorer"){ 
ro1 = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{ 
ro1 = new XMLHttpRequest(); 
} 
return ro1; 
} 

var http1 = createRequestObject1(); 

function sndReq1() { 
http1.open('get', 'mural.asp'); 
http1.onreadystatechange = handleResponse1; 
http1.send(true); 
setTimeout("sndReq1()", 1000); // Recursive JavaScript function calls sndReq() every 2 seconds 
} 

function handleResponse1() { 
if(http1.readyState == 4){ 
var response1 = http1.responseText; 
if (response1 != responseold1 || responsecheck1 != 1) { 
var responsecheck1 = 1; 
document.getElementById("messages").innerHTML = http1.responseText; 
var responseold1 = response1; 
} 
} 
} 
</script>

</head>

<body onLoad="sndReq1();">

<div id="messages">


</div>

</body>
</html>

Obrigado pela atenção de todos,

Inside · Março 6, 2013

Achei este outro exemplo utilizando Jquery para dar reload. Funciona mas quando acrescento algo em Jquery dentro da página mural.asp o recurso novo não funciona embora o reload ainda funcione.

<script>
var tempo = window.setInterval(carrega, 1000);
function carrega()
{
$('#mural').load("mural.asp");
}
</script>

<div id="mural">

Alguém pode ajudar?

William Bruno · Março 6, 2013

cara, dá uma lida aqui:

http://wbruno.com.br/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

ai vc vai entender

Inside · Março 6, 2013

Entendi que por carregar só texto não funciona mas no exemplo não entendi como chamar a função.

Essa parte aqui "no success do ajax, atrelar os plugins q vc quer".

Obrigado pela atenção.

William Bruno · Março 6, 2013

isso aqui:

function handleResponse1() { 
if(http1.readyState == 4){ 
var response1 = http1.responseText; 
if (response1 != responseold1 || responsecheck1 != 1) { 
var responsecheck1 = 1; 
document.getElementById("messages").innerHTML = http1.responseText; 
var responseold1 = response1; 
} 
} 
}

é o success do teu ajax.

e esse trecho aqui, em específico:

document.getElementById("messages").innerHTML = http1.responseText;

é onde vc insere o novo html no documento.

a minha proposta lá, é isso aqui:

document.getElementById("messages").innerHTML = http1.responseText; 
$('#slide').cycle();

entendeu ?

é isso que significa: "no success do ajax, atrelar os plugins q você quer"

Inside · Março 7, 2013

Obrigado mas ainda não funcionou.

Segue o script:

document.getElementById("messages").innerHTML = http1.responseText; 
$('.content-area').jScrollPane();

$(document).ready(function(){
	$('.content-area').jScrollPane({
	horizontalGutter:5,
	verticalGutter:5,
	'showArrows': false
	});
	
	$('.jspDrag').hide();
	$('.jspScrollable').mouseenter(function(){
		$('.jspDrag').stop(true, true).fadeIn('slow');
	});
	$('.jspScrollable').mouseleave(function(){
		$('.jspDrag').stop(true, true).fadeOut('slow');
	});

});

	$(document).ready(function(){
			function cektkp_growtextarea(textarea){
			textarea.each(function(index){
				textarea = $(this);
				textarea.css({'overflow':'hidden','word-wrap':'break-word'});
				var pos = textarea.position();
				var growerid = 'textarea_grower_'+index;
				textarea.after('<div style="position:absolute;z-index:-1000;visibility:hidden;top:'+pos.top+';height:'+textarea.outerHeight()+'" id="'+growerid+'"></div>');
				var growerdiv = $('#'+growerid);
				growerdiv.css({'min-height':'20px','font-size':textarea.css('font-size'),'width':textarea.width(),'word-wrap':'break-word'});
				growerdiv.html($('<div/>').text(textarea.val()).html().replace(/\n/g, "<br />."));
				if(textarea.val() == ''){
					growerdiv.text('.');
				}
		
				textarea.height(growerdiv.height()+10);
				
				textarea.keyup(function(){
					growerdiv.html($('<div/>').text($(this).val()).html().replace(/\n/g, "<br />."));
					if($(this).val() == ''){
						growerdiv.text('.');
					}
					$(this).height(growerdiv.height()+10);
				});
			});
		}
	cektkp_growtextarea($('textarea.autogrow'));
	});

Se puderem ajudar fico agradecido.

Comentando a ideia. Pensei em fazer um mural igual ao do Facebook que se alto atualiza. Encontrei na net o código de rolagem que aprece ao passar o mouse por cima, é isso que preciso que funcione:

http://takien.com/980/styling-scrollbar-to-look-like-facebook-scrollablearea-using-jscrollpane.php

William Bruno · Março 7, 2013

vc não entendeu completamente oq eu disse.. aquele codigo q mostrei era um exemplo.

vc tem q colocar todo o seu codigo ali.

Inside · Março 7, 2013

Coloquei o código todo são 3 JSs que coloquei dentro do código que carrega a página, até o jquery eu coloquei mas não funcionou.

Mais alguma dica? Por favor, preciso muito fazer isso.

William Bruno · Março 7, 2013

oq eu disse, foi isso aqui:

document.getElementById("messages").innerHTML = http1.responseText; 

	$('.content-area').jScrollPane({
	horizontalGutter:5,
	verticalGutter:5,
	'showArrows': false
	});
	
	$('.jspDrag').hide();
	$('.jspScrollable').mouseenter(function(){
		$('.jspDrag').stop(true, true).fadeIn('slow');
	});
	$('.jspScrollable').mouseleave(function(){
		$('.jspDrag').stop(true, true).fadeOut('slow');
	});

entendeu agora ?

Inside · Março 7, 2013

Entendi, mas eu já tinha feito isso mas não funcionou também, veja o código:

	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		
	<!-- Scrollbar -->
	<link type="text/css" href="js/scroll/jquery.jscrollpane.css" rel="stylesheet" media="all" />
	<script type="text/javascript" src="js/scroll/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="js/scroll/jquery.jscrollpane.min.js"></script>
	<link type="text/css" href="js/scroll/jquery.content.mural.css" rel="stylesheet" media="all" />
	<script type="text/javascript" src="js/scroll/jquery.ready.js"></script>
	<!-- Scrollbar -->

<script>
function createRequestObject1() { 
var ro1; 
var browser1 = navigator.appName; 
if(browser1 == "Microsoft Internet Explorer"){ 
ro1 = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{ 
ro1 = new XMLHttpRequest(); 
} 
return ro1; 
} 

var http1 = createRequestObject1(); 

function sndReq1() { 
http1.open('get', 'mural.asp'); 
http1.onreadystatechange = handleResponse1; 
http1.send(true); 
setTimeout("sndReq1()", 1000); // Recursive JavaScript function calls sndReq() every 2 seconds 
} 

function handleResponse1() { 
if(http1.readyState == 4){ 
var response1 = http1.responseText; 
if (response1 != responseold1 || responsecheck1 != 1) { 
var responsecheck1 = 1; 
document.getElementById("messages").innerHTML = http1.responseText; 

$('.content-area').jScrollPane({
	horizontalGutter:5,
	verticalGutter:5,
	'showArrows': false
	});
	
	$('.jspDrag').hide();
	$('.jspScrollable').mouseenter(function(){
		$('.jspDrag').stop(true, true).fadeIn('slow');
	});
	$('.jspScrollable').mouseleave(function(){
		$('.jspDrag').stop(true, true).fadeOut('slow');
	});

var responseold1 = response1; 
} 
} 
} 
</script>

</head>

<body onLoad="sndReq1();">

<div id="messages">


</div>

mural.asp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>

	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

</head>

<body>

<div class="container">
	
	<div class="content-area">

<table width="236" cellspacing="0" cellpadding="0" align="center">

<tr><td height="8"></td></tr>
<tr><td class="nsg">Feriado de 29 de março</td></tr>
<tr><td height="5"></td></tr>
<tr><td class="nsc">Não esqueçam do feriado, não estaremos atendendo neste dia.</td></tr>
<tr><td height="8"></td></tr>
<tr><td height="1" bgcolor="#E0E0E0"></td></tr>
<tr><td height="8"></td></tr>

<tr><td height="8"></td></tr>
<tr><td class="nsg">Feriado de 29 de março</td></tr>
<tr><td height="5"></td></tr>
<tr><td class="nsc">Não esqueçam do feriado, não iremos atender neste dia.</td></tr>
<tr><td height="8"></td></tr>
<tr><td height="1" bgcolor="#E0E0E0"></td></tr>
<tr><td height="8"></td></tr>

</table>

	</div>

</div>

</body>
</html>

William Bruno · Março 7, 2013

tem erro de html ai. Esse mural.asp não deveria ter isso aqui:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled</title>

</head>

<body>

e sim, somente o html da table ali.

Inside · Março 7, 2013

Não rolou. O mural ficou assim:

<div class="container">
	
	<div class="content-area">

<table width="236" cellspacing="0" cellpadding="0" align="center">

<tr><td height="8"></td></tr>
<tr><td class="nsg">Feriado de 29 de março</td></tr>
<tr><td height="5"></td></tr>
<tr><td class="nsc">Não esqueçam do feriado, não estaremos atendendo neste dia.</td></tr>
<tr><td height="8"></td></tr>
<tr><td height="1" bgcolor="#E0E0E0"></td></tr>
<tr><td height="8"></td></tr>

</table>

	</div>

</div>

Só para testes experimentei tirar a parte que vai dentro do código de atualização do JS mas também não funcionou.

William Bruno · Março 7, 2013

ok, agora veja no console de erros oq aparece.

ctrl+shift+j no firefox.

Inside · Março 7, 2013

Propriedade desconhecida "box-sizing" . Declaração ignorada

Caro Willian.

Funcionou, inspecionei o script do scroll e tinha um pequeno erro.

Deus certo. Obrigado. Sem a sua ajuda eu não conseguiria.

Porém só está acontecendo um pequeno probleminha.

Como o script dá reload a rolagem sem sempre volta ao opo da página. Acho que colocar uma rolagem na página não dará certo porque e fica sendo atualizada.

No Facebook dá certo, mas acho que dessa forma que montei não.

Resolvi fazer de outra maneira. Carregar só parte da página e deu certo, achei esse código.

Funciona no Firefox e Chrome mas não funfa no IE8 e Ei9, não testei no 10.

<script> 
var auto_refresh = setInterval(
function()
{
$('#loaddiv').load('teste.asp');
}, 1000);
</script>

Arquivado

Jquey não funciona com script de releoad

Recommended Posts

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Inside 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante