<html>
<head>
<script type="text/javascript">
var xmlDoc;
// Verificando o IE
if (window.ActiveXObject) {
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
// Verificando o Mozilla, Firefox, Opera, etc.
else if (document.implementation.createDocument) {
xmlDoc=document.implementation.createDocument("","",null);
}
else {
alert('Seu site não suporta essa plataforma'); // Caso não tenha suporte a plataforma
}
xmlDoc.async = false;
xmlDoc.load("Banco.xml"); // Carrega o arquivo XML
var x = xmlDoc.getElementsByTagName("CD"); // Carregando a pag principal
i = 0;
// Função para avançar os valores
function avancar() {
if (i < x.length) {
i++;
display();
}
}
// Função para voltar os valores
function voltar() {
if (i>0) {
i--;
display();
}
}
// Função que carrega quando o site é exibido
function display() {
var artista, titulo, ano;
// Dando valor para as variáveis
artista = (x[i].getElementsByTagName("artista")[0].childNodes[0].nodeValue);
titulo = (x[i].getElementsByTagName("titulo")[0].childNodes[0].nodeValue);
ano = (x[i].getElementsByTagName("ano")[0].childNodes[0].nodeValue);
// Caregando o HTML dentro da div Show
document.getElementById("show").innerHTML="<strong>Artista:</strong> "+artista+"<br> <strong>Título:</strong> "+titulo+"<br> <strong>Ano:</strong> "+ano;
}
</script>
</head>
<body onload="display()">
<div id="show" style="font-family:verdana; font-size:12px;">
</div>
<br>
<input type="button" onclick="voltar()" value="<< Voltar">
<input type="button" onclick="avancar()" value="Avançar >>">
</body>
</html>
Pergunta
Ted k'
Segue o código todo comentado para facilitar o entendimento da galera!!
BANCO.XML
Agora a mágica do DOM TESTE.HTML<html> <head> <script type="text/javascript"> var xmlDoc; // Verificando o IE if (window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } // Verificando o Mozilla, Firefox, Opera, etc. else if (document.implementation.createDocument) { xmlDoc=document.implementation.createDocument("","",null); } else { alert('Seu site não suporta essa plataforma'); // Caso não tenha suporte a plataforma } xmlDoc.async = false; xmlDoc.load("Banco.xml"); // Carrega o arquivo XML var x = xmlDoc.getElementsByTagName("CD"); // Carregando a pag principal i = 0; // Função para avançar os valores function avancar() { if (i < x.length) { i++; display(); } } // Função para voltar os valores function voltar() { if (i>0) { i--; display(); } } // Função que carrega quando o site é exibido function display() { var artista, titulo, ano; // Dando valor para as variáveis artista = (x[i].getElementsByTagName("artista")[0].childNodes[0].nodeValue); titulo = (x[i].getElementsByTagName("titulo")[0].childNodes[0].nodeValue); ano = (x[i].getElementsByTagName("ano")[0].childNodes[0].nodeValue); // Caregando o HTML dentro da div Show document.getElementById("show").innerHTML="<strong>Artista:</strong> "+artista+"<br> <strong>Título:</strong> "+titulo+"<br> <strong>Ano:</strong> "+ano; } </script> </head> <body onload="display()"> <div id="show" style="font-family:verdana; font-size:12px;"> </div> <br> <input type="button" onclick="voltar()" value="<< Voltar"> <input type="button" onclick="avancar()" value="Avançar >>"> </body> </html>E não tem nem mais....
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.