Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

22-12-2009 09:47

Olá galera, estou com um problema não consigo usar o plugin tooltip quando a página que exibe o conteudo tooltip é chamado por ajax!
Coloquei o plugin e tudo que precisa na index (a qual chama as outras com ajax), e não funcionou, tentei tambem colocar o plugin dentro da página que vem via ajax e não funcionou, porém se eu abrir somente a página ele funciona!

Alguém pode me ajudar?

servicos.php
<table width="430" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/servicos.png" width="430" height="50" /></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td>Veja abaixo alguns trabalhos executados.</td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td><img src="images/web.png" width="430" height="30" /></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td> <ul> <table width="430" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" height="30" align="left" valign="middle"><li><a href="http://www.saomateusdosul.pr.gov.br" target="_blank" class="preview" rel="images/antes.png" title="Teste">Prefeitura Municipal SMS</a></li> </td> <td width="50%" align="right" valign="middle">Parque Sawe</td> </tr> <tr> <td height="30" align="left" valign="middle">Refrisma</td> <td align="right" valign="middle">GP Automóveis</td> </tr> <tr> <td height="30" align="left" valign="middle">Peças Injeção Eletronica</td> <td align="right" valign="middle">Marcos Moretti e Leduan</td> </tr> <tr> <td height="30" align="left" valign="middle">Metais Famosa</td> <td align="right" valign="middle">Jpegue</td> </tr> <tr> <td height="30" align="left" valign="middle">Agenda Samas</td> <td align="right" valign="middle">Straube Imóveis</td> </tr> <tr> <td height="30" align="left" valign="middle">Lojas Trevo</td> <td align="right" valign="middle">Patrão Bar</td> </tr> </table> </ul> </td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td align="right"><font size="1">Passe o mouse para detalhes</font></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td><img src="images/grafica.png" width="430" height="30" /></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> </tr> </table>

index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Igor Sistemas :: Desenvolvimento</title> <link href="default.css" rel="stylesheet" type="text/css"> <script src="pagcor.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> <script src="ajax.js" type="text/javascript"></script> <script src="tooltip.js" type="text/javascript"></script> <link href="tooltip.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> var xmlhttp = criaXMLHttpRequest(); function conteudo(){ if(xmlhttp.readyState == 0){ msg('Não inicializado'); document.getElementById('carregando').style.display = 'block'; } if(xmlhttp.readyState == 1){ msg('Carregando'); document.getElementById('carregando').style.display = 'block'; document.getElementById('carregando').inerHTML = 'Carregado!'; } if(xmlhttp.readyState == 4){ msg(xmlhttp.responseText); document.getElementById('carregando').style.display = 'none'; } } function msg(sMsg) { document.getElementById('borda2').innerHTML = sMsg; } function carrega(valor){ mudaCor(); xmlhttp.open("GET", valor, true); xmlhttp.onreadystatechange = conteudo; xmlhttp.send(null); } </script> <script src="luzes.js" type="text/javascript"></script> </head> <body id="site"> <table width="900" height="526" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="90" align="center"><table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="90"><img src="images/logo.png" width="396" height="90"></td> </tr> </table></td> </tr> <tr> <td height="20">&nbsp;</td> </tr> <tr> <td align="center"><table width="822" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="822" border="0" cellspacing="0" cellpadding="0" class="topo1" id="topo"> <tr> <td height="42"><table width="822" height="42" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="22">&nbsp;</td> <td width="800" align="left" id="menu"><a href="#home" onClick="carrega('home.php')" id="botao1">Home</a> | <a id="botao2" href="#servicos" onClick="carrega('servicos.php')">Trabalhos</a> | <a href="#web" onClick="carrega('web.php')" id="botao6">Web</a> | <a id="botao3" href="#parceiros" onClick="carrega('parceiros.php')">Gr&aacute;fica</a> | <a id="botao4" href="#about" onClick="carrega('about.php')">About</a> | <a id="botao5" href="#contato" onClick="carrega('contato.php')">Contato</a> </td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><table width="822" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="img1" id="fundo"> <tr> <td height="500" valign="top"><table width="822" height="289" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="20" rowspan="3">&nbsp;</td> <td width="274" height="10">&nbsp;</td> <td width="35" rowspan="3">&nbsp;</td> <td width="473" height="10" align="center" valign="top">&nbsp;</td> <td width="20" rowspan="3">&nbsp;</td> </tr> <tr> <td rowspan="2" align="center" valign="top"><table width="250" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="border:1px solid black;" id="borda1" background="images/branco_transp.png"><p>&nbsp;</p> <p>sdf</p> <p>sd</p> <p>f</p> <p>sdf</p> <p>sdf</p> <p>sdf</p> <p>sd</p> <p>f</p></td> </tr> </table></td> <td width="473" align="center" valign="top"><table width="450" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" background="images/branco_transp.png" id="borda2" style="border:1px solid black;"> <? $include = true; include "home.php"; ?> </td> </tr> </table></td> </tr> <tr> <td height="20" align="center" valign="top">&nbsp;</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><table width="822" border="0" cellspacing="0" cellpadding="0" class="baixo1" id="baixo"> <tr> <td height="42" align="center" valign="middle">Copyright - Desenvolvido por Igor Sistemas - 2009 / <?=date("Y");?></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td>&nbsp;</td> </tr> </table> <div id="mascara"> <img src="images/logo.png" border="0"> </div> <div id="carregando" style="display:none; text-align:center; "> Carregando </div> </body> </html>

tooltip.js
/* * Image preview script * powered by jQuery (http://www.jquery.com) * * written by Alen Grakalic (http://cssglobe.com) * * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery * */ this.imagePreview = function(){ /* CONFIG */ xOffset = 10; yOffset = 30; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.preview").hover(function(e){ this.t = this.title; this.title = ""; var c = (this.t != "") ? "<br/>" + this.t : ""; $("body").append("<p id='preview'><img src='"+ this.rel +"' alt='Image preview' />"+ c +"</p>"); $("#preview") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("slow"); }, function(){ this.title = this.t; $("#preview").remove(); }); $("a.preview").mousemove(function(e){ $("#preview") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; // starting the script on page load $(document).ready(function(){ imagePreview(); });

tooltip.css
p{ clear:both; margin:0; padding:.5em 0; } pre{ display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } img{border:none;} .tool ul,li{ margin:0; padding:0; } .tool li{ list-style:none; float:left; display:inline; margin-right:10px; } /* */ #preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; } /* */

Valeu
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

22-12-2009 17:03

Realmente existe esse problema, em tentar carregar um documento que tenha scripts ou chamadas de scripts dentro via Ajax. Entre as soluções, você pode tentar fazer a chamada via jQuery, não sei se aceita, também pode tentar colocar as chamadas js no documento pai, ou seja, o que tem a chamada do arquivo, ou, uma forma mais extrema, que seria criar um documento, com seu script, ai criar um outro documento que teria um iframe, para carregar o documento alvo, ai fazer a chamada desse documento que tem o iframe.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 09:50

eu pensei em fazer via iframe e chamar o iframe, só que dai quando for crescendo a página o iframe vai criar a rolagem!

ou tem alguma forma de evitar isso?

Obrigado
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 10:25

Você pode definir que o iframe não mostre a barra de rolagem, ou usar um script que tem aqui no fórum, de iframe de acordo com o conteúdo.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 11:27

+ se eu optar por não aparecer o scroll parte do conteudo vai ficar escondido!
o que eu preciso é disso dai, exibir de acordo com o conteudo!
como eu procuro aqui?
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 11:45

axei o script, testei e funcionou carregando o arquivo do iframe independentemente!
mais chamando pelo ajax, não funciona

=(
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 12:28

Você vai chamar via Ajax o arquivo que tem o iframe somente, não tem como dar problema.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 12:34

pois é!!
está dando =(

http://201.66.32.113:6885/sistemas

clique na guia trabalhos
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 15:28

Não consegui carregar o link daqui.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 15:48

Provavel que o endereço ja mudou

estou gerando outro

segue: http://200.140.223.214:6885/sistemas
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 16:08

Aqui carregou o iframe, onde está o erro?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 16:15

sim...
ele carrega o iframe...
mais aparece a barra de rolagem!
e está com o script para ajustar de acordo com o conteúdo!
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 17:03

Fiz um exemplo aqui e deu um problema em relação a largura do iframe, ou seja, o conteúdo carregado no iframe ficou um pouco maior, então tive que definir uns pixels no script.

O teste ficou assim

base.html

<script type="text/javascript"> try{ xmlhttp = new XMLHttpRequest(); } catch(ee){ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E){ xmlhttp = false; } } } div_base = ""; function abre(arquivo,metodo,div){ div_base = div; xmlhttp.open(metodo,arquivo); xmlhttp.onreadystatechange=conteudo xmlhttp.send(null) } function conteudo() { nova_div = div_base; document.getElementById(nova_div).innerHTML="<div style='top:50%;left:50%;position:absolute;'>carregando...</div>" if (xmlhttp.readyState==4){ document.getElementById(nova_div).innerHTML=xmlhttp.responseText } } </script> <body bgcolor="gray"> <!-- o documento é aberto aqui //--> <div id="conteudo"></div> <a href="javascript: abre('teste.html','GET','conteudo');">abre</a>

teste.html
<body bgcolor=#cccccc> <iframe id="iframe" src="teste2.html" width="" height="" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO WIDTH=0 HEIGHT=0></iframe>

teste2.html
<html> <head> <title>...</title> </head> <body bgcolor=white> <div id="tamanho"> <table width="600" height="600" border="1"> <tr><td> TODO SEU CONTEÚDO AQUI </td></tr> </table> </div> <script language="JavaScript" type="text/javascript"> parent.document.getElementById("iframe").height = document.getElementById("tamanho").scrollHeight + 0; parent.document.getElementById("iframe").width = document.getElementById("tamanho").scrollWidth + 300; </script> </body> </html>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 17:16

pelo que vi, não tem nenhum cod JS pra arrumar algo!
copiei todo os codigos do iframe e colei no meu codigo e continua não dando certo :(
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 17:52

Pelo que sei só tem essas formas.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

23-12-2009 19:25

Putz... blza então! Brigadão :)
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 11:29

amigo, este site www.mariaceciliaerodolfo.com.br as paginas são chamadas por AJAX e o conteudo dentro são Jquery, você poderia me ajudar a ver cmo que os scripts funcionam?

Valeu
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 12:29

Aparentemente a página resposta não tem scripts, só resultados de consultas mysql talvez. Em todo caso, você pode usar um script em jQuery para carregar o link na div, pode ser que funcione.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 13:19

como assim amigo?
não intendi!
é eu vi, carreguei as paginas que são abertas por ajax, e vi que nenhuma delas contem JS! são tudo chamando na index mesmo!
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 15:40

Então o que precisa?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 17:25

preciso que o conteudo que seja chamado rode o jquery, eu vi que é só atras das id's, e eles fazem a chamada com o plugin history, ja baixei ele, configurei, funcionou a chamada, só que o conteudo que está dentro não funcionou, o jquery, ficou do mesmo modo que com o Ajax normal!

=(
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 18:14

Entendi mais ou menos o problema, mas fiz o seguinte teste aqui com esses 3 arquivos

Nesse documento abaixo "teste.html" eu vou carregar o teste2.html para a minha div

<script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#link").load("teste2.html"); }); </script> <div id="link"></div>

No teste2.html, eu tenho um jQuery dentro

<script> $(document).ready(function(){ $("#links").load("teste3.html"); }); </script> <div id="links"></div>

Eu não faço a chamada do jquery.js novamente já que o arquivo teste2.html está sendo incluído.

No teste3.html tem somente o texto: teste

Ao rodar o teste.html é mostrado o texto: teste, ou seja, usando o jQuery eu carreguei um script jQuery novamente para carregar outro documento.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 18:25

sim quando ja é tudo configurado, e ao vc digitar o endereço e teclar enter ele vai carregar tudo!
mais quando é testado em um link com o evento onclick não funcionou aqui... o plugin jcarousel não funcionou ;(
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema no carregamento do Tooltip e ajax

29-12-2009 19:03

No exemplo que citei acho que o load como click dá no mesmo. No caso ai você tem que procurar uma versão desse script que precisa, porque basicamente o jQuery permite fazer chamada dele mesmo.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

Problema no carregamento do Tooltip e ajax

30-12-2009 11:23

Opa acho que tive algum resultado!

Fiz isto aqui
<script> $(document).ready(function(){ $("#botao").click(function(e){ $("#conteudo").load("servicos.php"); }); }); </script>

e me retornou com o jquery funcionando, só que tive que deixar a biblioteca dentro da index!
e o script da função dentro do servicos.php!
ai funcionou!

Valeu
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado