Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

buh

executar função sem reflesh na página

Por , em Javascript

Recommended Posts

buh    0

buh
Postado

galera como executo uma função tipo

 

function muda(){
document.getElementById("mostra").style.display='block';
}

dai no link

 

<a href="#' onclinck="muda()">muda</a>

daria reflesh na página como fazer para nom dar

 

(ja sei vão dizer use ajax haha disso eu sei mais assim num da tmb??)

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

é na verdade agora que eu cai na real sobre a minha pergunta e acho que nem eu entendi kkk

 

 

na verdade o que queria saber é o seguinte...

 

eu gravo um cookie pra mudar todo vizual do site .. mais agora eu vou gravar o estilo em um banco de dados e eu queria o seguinte..

 

a pessoa abre uma lista de temas e cada um é um link normal so que quando a pessoa clicar em um tema ele ja faz a gravação no banco ou ate no cookie so que sem dar reflesh na página

eu so sei fazer com formulario.. queria saber se da fazer com um link normal (a href);

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

assim ó:

 

<script type="text/javascript">
$(document).ready(function() {
	// aqui eu defino que ação so será executada quando o botao submit for clicado
	$("#id_do_formulario").submit(function() {
		// opções a serem enviadas pela função
		var options = {
			target: "#div_de_retorno", // seria a div que mostrará a resposta enviado com sucesso e tals
			url: "inserir.php", // a página pra onde as informações irão
			type: "post", // o methodo get ou post
			// antes de consultar a página colocada na url:
			beforeSend: function(){
				// mostro a div com o loader
				$('#div_loader').show();

				// html(): equivalente ao innerHTML
				$('#div_loader').html("carregando...");
			},
			//apos o loader a resposta da consulta 
			success: function(resposta) {
				// mostra a resposta na div especificada e exibe a div
				$("#div_de_retorno").text(resposta).show();
			}
		}
		
		// aqui eu envio os dados com as opções
		$(this).ajaxSubmit(options);
		// fazendo com o formulario naum chame a página pois tudo será processado por esse javascript
		return false;
	});
});</script>

e eu teria um form assim

 

<form id="id_do_formulario">
aqui os campos do form
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

eu so pensei nisso aqui sera que daria???

 

 

<script type="text/javascript">
function envia(id){
$(document).ready(function() {
	
	$("#"+id+"").click(function () {
	
		
		var options = {
			target: "#retorno",
			url: "envia.php?id="+id+"", 
			type: "post",
			
			beforeSend: function(){
				// mostro a div 
				$('#loader).show();

				// html(): equivalente ao innerHTML
				$('#loader').html("<img src='imagens/loader.gif'> Processando o seu pedido...");
			},
			success: function(resposta) {
				
				$("#retorno").innerHTML(resposta).show();
			}
		}
		
		/
		$(this).ajaxSubmit(options);
		
		return false;
	});
});
}
</script>

<a href="java script:viod(0);" onClick="envia(<?php echo $id; ?>)"></a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

da dando algo errado

 

<script type="text/javascript">

$(document).ready(function() {
	$("#muda").click(function envia(id,nome) {
	//function envia(id,nome){
	var id = id;
	var nome = nome;
		var options = {
			target: "#resposta", 
			url: "envia.php", 
			type: "post", 
			beforeSend: function(){
				$('#resposta').show();		 
				$('#resposta').html("trocando...");
			},
			success: function(resposta) {
				$("#resposta").innerHTML(resposta).show();
			}
		}
		$(this).envia(id,nome,options);
		return false;
		}
	});
});

</script>
<body>
<div id='resposta' style='display: none; color:#0033CC; background-color:#FFFFFC; border:1px solid #FFCC00; padding:12px; text-align:left;'></div>
<div id="muda">
<a href="java script:viod(0);" onClick="envia(1,fulano);">troca</a>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

olaa trago boas noticias consegui um novo jeito de se enviar uma variavel via GET que é o que eu queria mole mole funfa legal foi numa pesquisa meio que sem querer kkk

 

nem precisa de muito codigo , o codigo abaixo naum é meu ta livre ai na net intão se alguem tiver com a mesma duvida e precisando de algo assim ta aee

 

esse é o codigo ajax

<script>
function objetus(file) {
xmlhttp=false;
this.AjaxFailedAlert = "seu navegador não soporta as funcionalidades deste site e poderá mostralo de forma diferente a que foi desenvolvida. Por favor habilite o javascript em seu navegador para ver-lo normalmente.\n";
 this.requestFile = file;
 this.encodeURIString = true;
 this.execute = false;
 if (window.XMLHttpRequest) { 
			this.xmlhttp = new XMLHttpRequest();
			if (this.xmlhttp.overrideMimeType) {
				this.xmlhttp.overrideMimeType('text/xml');
			}
		} 
		else if (window.ActiveXObject) { // IE
try {
  this.xmlhttp  = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e) {
 try {
  this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e) {
   this.xmlhttp = null;
   }
	   }
 if (!this.xmlhttp  && typeof XMLHttpRequest!='undefined') {
				this.xmlhttp = new XMLHttpRequest();
	if (!this.xmlhttp){
   this.failed = true; 
  } } }
 return this.xmlhttp;
 }

function recibeid(_pagina,valorget,valorpost,capa){ 
ajax=objetus(_pagina);
if(valorpost!=""){
ajax.open("POST", _pagina+"?"+valorget+"&tiempo="+new Date().getTime(),true);
} else {
ajax.open("GET", _pagina+"?"+valorget+"&tiempo="+new Date().getTime(),true);
}
ajax.onreadystatechange=function() {
 if (ajax.readyState==1){
  document.getElementById(capa).innerHTML = "Aguarde por favor...";
  }
  if (ajax.readyState==4) {
   if(ajax.status==200)
   {document.getElementById(capa).innerHTML = ajax.responseText;}
   else if(ajax.status==404)
											 {
 capa.innerHTML = "a página requisitada não existe";
											 }
						   else
											 {
							capa.innerHTML = "Error: ".ajax.status;
											 }
}
}
if(valorpost!=""){
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(valorpost);
} else {
ajax.send(null);
}
} 
</script>

e você usa ela da seguinte forma de forma get atras de um link (a href)

 

<a href="java script:recibeid('pagina_onde_sera_enviada_a_variavel.php','Variavel=fulano','','div_resposta')">meu link</a><br><br>

<div id="div_resposta"></div>

ta aee ..caso alguem tenha alguma duvida sobre a função eis o link de onde a tirei http://www.criarweb.com/artigos/enviar-med...exemplos.html... e o envio pode ser GET, e POST.... via link ou formulario ...................... vlw galera

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito