Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 ^-^
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>
Pode compartilhar sua solução?