Ir para conteúdo

POWERED BY:

Arquivado

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

gfdant~

[Resolvido] Como fazer para exibir em mais de uma div?

Por , em Javascript

Recommended Posts

gfdant~    0

gfdant~
Postado

como faço para exibir mais de 1 conteudo em divs

exemplo:

<div id="div_1"></div>

e 

<div id="div_2"></div>

estou me baseando com esse javascript abaixo mais ate agora não tive muito sucesso

no maximo eu conssegui 1 abre e outro não

 

<script type='text/javascript'>
function GetXMLHttp() {
   var xmlHttp;
   try {
       xmlHttp = new XMLHttpRequest();
   }
   catch(ee) {
       try {
           xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
       }
       catch(e) {
           try {
               xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
           }
           catch(e) {
               xmlHttp = false;
           }
       }
   }
   return xmlHttp;
}

var xmlRequest = GetXMLHttp();

function abrirPag(valor){
   var url = valor;

   xmlRequest.open("GET",url,true);
   xmlRequest.onreadystatechange = mudancaEstado;
   xmlRequest.send(null);

       if (xmlRequest.readyState == 1) {
           document.getElementById("conteudo_mostrar").innerHTML = "<img src='loader.gif'>";
       }

   return url;
}

function mudancaEstado(){
   if (xmlRequest.readyState == 4){
       document.getElementById("conteudo_mostrar").innerHTML = xmlRequest.responseText;
   }
}
</script>

 

se alguem puder me ajudar ficarei grato :B

 

Resolvido conssegui, fiz uma gambiarra muito loca aki ^-^

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

Pode compartilhar sua solução?

Compartilhar este post

Link para o post
Compartilhar em outros sites

gfdant~    0

gfdant~
Postado

sim claro ^^

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name='author' content='gfdant' />
       <meta name='description' content='SOS Invision User Guide' />
	<meta name='copyright' content='2010 SOS Invision' />
       <meta name='robots' content='all' />
       <meta http-equiv='pragma' content='no-cache' />
       <meta http-equiv='expires' content='-1' />

	<title>(SOS31) Quem Baixou Anexo </title>
	<link rel='shortcut icon' href='instructions_files/data/images/favicon.png' />
       <link rel='stylesheet' type='text/css' href='instructions_files/data/install.css' />
	<script type='text/javascript' src='http://community.invisionpower.com/public/min/index.php?g=js'></script>
	<script type='text/javascript' src='http://community.invisionpower.com/public/js/3rd_party/prettify/prettify.js'></script>
	<script type='text/javascript'>
		Event.observe( window, 'load', function(e){ prettyPrint() });
		function LocalePT( url ) { $.ajax({ url: url, success: function( result ){ $("#conteudo_pt-BR").html( result );}});}
		function LocaleEN( url ) { $.ajax({ url: url, success: function( result ){ $("#conteudo_en-US").html( result );}});}
	</script>
       <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

       <script type='text/javascript' src='instructions_files/data/script.js'></script>
</head>
<body>
	<div id="header">(SOS31) Quem Baixou Anexo </div>
	<div id="fileInfo">
		<h3>File Information
               <div id="langbr">
                   <a href="javascript:en-US;" class="tooltip" title="Toggle to view the tutorial in English(U.S.A)" onclick="OpenSel(3);">

                       <img src="instructions_files/data/images/en.png" alt="English(U.S)">
                   </a>
                   <a href="javascript:pt-BR;" class="tooltip" title="Clique para visualizar o tutorial em Português (Brasil)" onclick="OpenSel(2);">
                       <img src="instructions_files/data/images/br.png" alt="Português (Brasil)">
                   </a>
               </div>
           </h3>
		<dl>
			<dt>Resource Type:</dt>

				<dd>Hook</dd>
			<dt>Title:</dt>
				<dd>(SOS31) Quem Baixou Anexo </dd>
			<dt>Version:</dt>
				<dd>1.0.0	(10000)</dd>
			<dt>Compatibility:</dt>

				<dd>IP.Board 3.1.x</dd>
			<dt>Author:</dt>
				<dd>gfdant~</dd>
			<dt>Website:</dt>
				<dd><a href="http://forum.sosinvision.com.br" target="_blank" title="SOS Invision Homepage" class="tooltip">SOS Invision</a></dd>
		</dl>

           <!-- Inicio Contatos Mod -->
           <ul class="buttons">
               <li><a href="mailto:beomonte@gmail.com" title="Email" class="tooltip">Email</a></li>
               <li><a href="http://twitter.com/gfdant" target="_blank" title="Twitter" class="tooltip">Follow @gfdant's</a></li>
           </ul>
           <br class='clear' />
           <!-- Conteudo/Content [Português(Brasil)] -->
           <div id="div_pt" style="display:none;">

           <div id="conteudo_pt-BR"></div>
           </div>
           <!-- Conteudo/Content [English(EUA)] -->
           <div id="div_en" style="display:none;">
           <div id="conteudo_en-US"></div>
           </div>
           <!-- Copyright -->
		<div id="cr">
		ReadMe By <a href="http://forum.sosinvision.com.br/" target="_blank">SOS Iinvision</a>.
           		</div>

		<div id="ct">
		Powered by <a href="http://forum.sosinvision.com.br/" target="_blank">(SOS31) Quem Baixou Anexo </a> 1.0.0 © <span id="ShowData"></span> <a href="http://forum.sosinvision.com.br/" target="_blank">SOS Invision</a>.
           <script type="text/javascript">
               var theDate=new Date();
               document.getElementById('ShowData').innerHTML = theDate.getFullYear();
               OpenSel(2);
               LocalePT('instructions_files/data/locale/pt-BR.html');
               LocaleEN('instructions_files/data/locale/en-US.html');
           </script>
		</div>
	</div>

</body>
</html>

 

eu usei os

			function LocalePT( url ) { $.ajax({ url: url, success: function( result ){ $("#conteudo_pt-BR").html( result );}});}
		function LocaleEN( url ) { $.ajax({ url: url, success: function( result ){ $("#conteudo_en-US").html( result );}});}

numa chamada ao abrir o arquivo ele abre os htmls e só os esconde

                LocalePT('instructions_files/data/locale/pt-BR.html');
               LocaleEN('instructions_files/data/locale/en-US.html');

as divs 

<div id="conteudo_en-US"></div>

e 

<div id="conteudo_pt-BR"></div>

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