Ir para conteúdo

Arquivado

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

marcosaguiar

[Resolvido] jquery.load

Por , em Javascript

Recommended Posts

William Bruno    1501

William Bruno
Postado

o seu está:

<div id="menu"><a href="home.html");">home</a></div>

corrija para:

<div id="menu"><a href="home.html">home</a></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcosaguiar    0

marcosaguiar
Postado

Fiz a correção, mas continua abrindo e desaparecendo as outras divs

Vou ter que me ausentar agora e ficarei off, retornarei somente amanhã, mas acho que agora o problema é na referencia a div conteudo, ou a posição dela, porque alterar os scripts de carregamento não esta resolvendo o problema, de antemão muito obrigado pela ajuda hoje. Se tiver alguma nova ideia e puder postar ficarei grato, amanhã testo. Abs

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Prática Embalagens</title> 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#menu a").click(function( e ){ 
      e.preventDefault(); 
    $("#conteudo").load( $( this ).attr('href') );  
  }); 
}); 
</script> 
<style type="text/css"> 
<!-- 
body { 
  margin: 0px;  
  height: auto; 
} 
#tudo { 
  margin: auto;  
  height: auto;  
  width: 980px; 
} 
#topo { 
  height: 150px;  
  width: 980px; 
} 
#menu { 
  height: 30px;  
  width: 980px; position: relative;  
  background-color: #003399; 
} 
#conteudo { 
  width: 980px;  
  overflow: auto;  
  position: relative;  
  height: 500px;  
  background-color: #CCCCCC; 
} 
#rodape { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
  color: #003366;  
  background-color: #FFFFFF;  
  height: 15px;  
  width: 980px;  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin; 
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: solid;  
  border-left-style: none;  
  border-top-color: #003366;  
  border-bottom-color: #003366;  
  font-size: 10px;  
  text-align:center; 
} 
--> 
</style> 
</head> 
<body> 
<div id="tudo"> 
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div> 
  <div id="menu"><a href="home.html")>home</a></div> 
  <div id="conteudo"></div> 
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div> 
</div> 
</body> 
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara, aqui funcionou.

 

Tenta com esse script aqui:

http://forum.imasters.com.br/index.php?/topic/403171-pagina-dentro-de-div-ajax-problema-ao-atualizar/page__view__findpost__p__1581230

 

que não usa jQuery

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcosaguiar    0

marcosaguiar
Postado

Esta resolvido o problema com jquery, esta funcionando, o meu último problema é que a página home.html parecia não estar carregando dentro da div conteúdo(ela carrega, mas é como se apagasse , mas fiz um teste criando outra página "quemsomos" e digitando um simmples texto e funcionou. Porém continua o pau somente com a página home.html.

A home tem um arquivo flash de 500x350, seria um problema com o tamanho da div conteúdo(creio que seja esse o problema), ou mesmo com o arquivo flash, ou com a página home?

 

Já mudei algumas propriedades da div e nada se alguém tiver uma sugestão, segue abaixo os códigos da index.html e home.html

 

index

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Prática Embalagens</title> 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 

function abrepag(page) 
{ 
       $("#conteudo").load(page); 
} 
</script> 

<style type="text/css"> 
<!-- 
body { 
  margin: 0px;  
  height: auto; 
} 
#tudo {
margin: auto;
height: auto;
width: 980px;
} 
#topo { 
  height: 150px;  
  width: 980px; 
} 
#menu { 
  height: 30px;  
  width: 980px; position: relative;  
  background-color: #003399; 
} 
#conteudo {
width: 980px;
height: 500px;
overflow: auto;
position: relative;
} 
#rodape { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
  color: #003366;  
  background-color: #FFFFFF;  
  height: 15px;  
  width: 980px;  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin; 
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: solid;  
  border-left-style: none;  
  border-top-color: #003366;  
  border-bottom-color: #003366;  
  font-size: 10px;  
  text-align:center; 
} 
--> 
</style> 
</head> 
<body> 
<div id="tudo"> 
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div> 
  <div id="menu"><a href="javascript:abrepag('home.html');">home</a> <a href="javascript:abrepag('quemsomos.html');">quemsomos</a></div> 
  <div id="conteudo"></div> 
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div> 
</div> 
</body> 
</html>

 

HOME

 

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td><div align="center">
     <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','500','height','350','src','flash/principal','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/principal' ); //end AC code
   </script>
     <noscript>
       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="500" height="350">
         <param name="movie" value="flash/principal.swf">
         <param name="quality" value="high">
         <embed src="flash/principal.swf" width="500" height="350" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
       </object>
       </noscript>
   </div></td>
 </tr>
</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

javascript trazido com ajax não funciona.

 

por isso que 'parece' que nao deu certo.

usa um <object> logo, e esquece essa porqueira de codigo pra inserir flash do Dreamweaver

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcosaguiar    0

marcosaguiar
Postado

beleza, acabou a novela, muito obrigado por toda ajuda William,fico feliz em não ter que apelar para iframe.

 

Um detalhe é que no Firefox, ficou perfeito centralizado e no IE ficou alinhado a esquerda, isso eu to falando de todo o layout da div tudo, mas se eu não conseguir resolver isso não tem importância, já esta bom demais, esse briga de browsers é um inferno mesmo. Mais uma vez muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

use um DOCTYPE, que vai resolver boa parte desse problema 'entre browsers'.

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