// JavaScript Document //-------------------------------------------------funcoess em fila // JavaScript Document //WELINTON ROCHA //FUNCOES AJAX // //FILE SERVIRÁ PARA FAZER VÁRIAS REQUISIÇÕES VIA AJAX PARA O SERVIDOR USANDO A MESMA //CONTROLE DA FILA var ifila = 0 var fila = new Array(); //fila[X][0] - Div onde sera carregada a pagina //fila[X][1] - Pagina que sera chamada //fila[X][2] - Metodo de envio //fila[X][3] - Campos do form concatenados no padrao para serem enviados. Null caso seja um link //fila[X][4] - Valores alternativos para GET - 1 valor quando naum tiver passa mais sem valor(em branco) //fila[X][5] - nome da variavel que vai ser enviada ao php //INICIALIZA O OBJETO QUE IRA FAZER AS SOLICITACOES try{ xmlhttp = new XMLHttpRequest();// Mozilla, Safari, Firefox, etc... try { if (xmlhttp.overrideMimeType) { //forca o server a usa esse cabeçalho xmlhttp.overrideMimeType('text/xml'); } } catch (e1) { } }catch(e2){ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");// Internet Explorer }catch(e3){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");// Internet Explorer }catch(e4){ //tratamento para alguma outra forma de implementar XMLHTTP xmlhttp = false; } } } if (!xmlhttp){ //Nao conseguiu instanciar o objeto xmlhttp para fazer as solicitacoes alert("Seu BrowSer(navegador) Não tem Suporte as tecnologias usadas nesta aplicação Favor entrar em contato com o Departamento de desenvolvimento. suporte@inovandodesign.com.br"); } //GUARDA NA FILA O ID DO OBJETO, URL e CAMPOS ADD GET QUE SERAO CARREGADOS PELO LINK CLICADO function ajaxLink(id_target,url,valorGET, variavelGET){ //abre id_target document.getElementById(id_target).style.display = 'inline'; //Exibe mensagem de que esta carregando a pagina no objeto de ID informado ajaxMensagemCarregando(id_target); //Adiciona a solicitacao na fila if (!valorGET == "" && !variavelGET == "") { fila[fila.length]=[id_target,url,"GET",null,valorGET, variavelGET]; }else{ fila[fila.length]=[id_target,url,"GET",null]; } //Se nao tem conexoes na fila, inicia a execucao if(fila.length==1){ ajaxRun(); } return; } //GUARDA NA FILA O ID DO OBJETO E O FORM QUE SERAO CARREGADOS PELO LINK CLICADO function ajaxForm(id_target, pagina, id_form){ //Pega a pagina que sera chamada pelo form var url = pagina; //Busca metodo de envio definido no form var metodoEnvio = document.getElementById(id_form).method.toUpperCase(); //Busca os elementos do form que serao enviados para a pagina solicitada var elementos_form = BuscaElementosForm(id_form); //alert(url); //alert(metodoEnvio); //alert(elementos_form); //Exibe mensagem de que esta carregando a pagina no objeto de ID informado ajaxMensagemCarregando(id_target); //Adiciona a solicitacao na fila fila[fila.length]=[id_target,url,metodoEnvio,elementos_form]; //Se nao tem conexoes na fila, inicia a execucao if(fila.length==1){ ajaxRun(); } return; } //EXECUTA A PROXIMA SOLICITACAO DA FILA function ajaxRun(){ var url = fila[ifila][1]; //Define o metodo de envio (GET ou POST) var metodoEnvio; if (fila[ifila][3]==null){ //Se for Link, utiliza GET metodoEnvio = "GET"; if (fila[ifila][4] == "" || fila[ifila][4] == null) { url = url; } else { url = url + "?"+fila[ifila][5]+"=" + fila[ifila][4]; } }else{ //Se for Form, define o metodo de envio e prepara a url metodoEnvio = fila[ifila][2]; if (metodoEnvio=="" || metodoEnvio==null || metodoEnvio=="POST"){ //Se nao tiver definido nada, usa POST metodoEnvio = "POST"; //alert("oi"); } } //Abre a conexao xmlhttp.open(metodoEnvio,url,true); //Seta as funcoes que irao tratar a mudanca de estado do objeto XMLHTTP xmlhttp.onreadystatechange=ajaxXMLHTTP_StateChange; //Executa a solicitacao if (metodoEnvio=="POST"){ //Metodo POST precisa definir este RequestHeader xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); //Metodo POST passa as variaveis pelo metodo Send xmlhttp.send(fila[ifila][3]); }else{ xmlhttp.send(null); } return; } //FUNCAO EXECUTADA QUANDO ALTERAR O STATUS DA SOLICITACAO (readyState) function ajaxXMLHTTP_StateChange() { //0-Nao inicializado, 1-Carregando, 2-Carregado, 3-Interativo, 4-Completo if (xmlhttp.readyState==1){ ajaxXMLHTTP_StateChange_Carregando(fila[ifila][0]);//Quando iniciar a solicitacao }else{ if (xmlhttp.readyState==4){ ajaxXMLHTTP_StateChange_Completo(xmlhttp, fila[ifila][0]);//Quando estiver completa a solicitacao } } } //FUNCAO EXECUTADA QUANDO INICIAR A SOLICITACAO (readyState=1) function ajaxXMLHTTP_StateChange_Carregando(id){ //Exibe mensagem de que está carregando a página no objeto de ID que solicitacao esta sendo feita ajaxMensagemCarregando(id); return; } //FUNCAO EXECUTADA QUANDO A SOLICITACAO ESTIVER COMPLETA (readyState=4) function ajaxXMLHTTP_StateChange_Completo(xmlhttp, id){ var retorno; //Verifica o status da pagina de retorno if (xmlhttp.status == 200 || xmlhttp.status==0) { //Caso o status seja 200(Sucesso) ou nao utilize servidor(chamada local [C:\...]), trata o valor retornado retorno=unescape(xmlhttp.responseText.replace(/\+/g," ")); //fecha carregamento document.getElementById('carrega_carregando').style.display = 'none'; }else{ //Caso o status ainda nao foi tratado, chama a funcao de tratamento de pagina de erro retorno=ajaxPaginaErro(xmlhttp); } //Exibe o valor retornado no objeto de ID informado document.getElementById(id).innerHTML=retorno; // executa scripts ExtraiScript(retorno); //passa para a proxima posicao da fila ifila++; if(ifila" + xmlhttp.status + " - " + xmlhttp.statusText.replace(/\+/g," "); } } //FUNCAO PARA RETORNAR A MENSAGEM DE QUE ESTA CARREGANDO A PAGINA function ajaxMensagemCarregando(id){ document.getElementById(id).innerHTML = "
Carregando Aguarde ...
"; } //FUNCAO PARA PEGAR OS CODIGOS SCRIPT function ExtraiScript(texto){ var ini, pos_src, fim, codigo, texto_pesquisa; var objScript = null; //Joga na variavel de pesquisa o texto todo em minusculo para na hora da pesquisa nao ter problema com case-sensitive texto_pesquisa = texto.toLowerCase() // Busca a primeira tag ', ini); // Extrai apenas o script codigo = texto.substring(ini,fim); // Adiciona o bloco de script ao objeto que sera adicionado ao documento objScript.text = codigo; } //Adiciona o script ao documento document.body.appendChild(objScript); // Procura a proxima tag de