Jump to content


Photo

Xml: Paginacao Em Javascript


  • Faça o login para participar
8 replies to this topic

#1 [webmaster]®

[webmaster]®

    Hobby por criar funções genérica, semânticas e otimizadas

  • Usuários
  • 310 posts
  • Sexo:Não informado
  • Localidade:Canoas - RS
  • Interesses:ASP<br>CSS<br>JavaScript - DOM - ECMASCRIPT - JSCRIPT<br>XHTML<br>HTML<br>DHTML, AJAX, JSON, TABLELESS<br>ACESS<br>MYSQL<br>SQL SERVER<br><br>SEO, WEBSTANDARDS, ACESSIBILIDADE, USABILIDADE, AI

Posted 11/09/2004, 17:08

Opa!
Blz aí pessoal!

Como disse no título do tópico, fiz uma base de dados em *.xml e uma paginação em javascript.
Até aí tudo bem, está tudo correto.

Mas aí vem as seguintes duvidas.

1ª: Porque no Mozilla/Netscape o script não rola? Quero dizer, nestes browsers não aparece dado algum.

2ª: Usando o IE, a paginação mostra apenas um registro por página, como poderia fazer ela mostrar quantos registros eu estipulasse?

Edição feita por: [webmaster]®, 11/09/2004, 17:09.

Meus sites:
- Guia Camaquã
- Laroya atacadista
- Emílio confecções

Ocupação: WebDeveloper avançado

Contato:
Email: gutoasp[at]gmail[dot]com
MSN: gutoasp[at]hotmail[dot]com
Trabalhando desde 1999 com websites.

Para saber mais sobre meu trabalho, sobre o que faço, e o que sei, clique aqui!

#2 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/09/2004, 00:10

Tipo, manda o script.

O problema é na lógica da paginação do JavaScript, talvez.

Blza? Manda ae

#3 [webmaster]®

[webmaster]®

    Hobby por criar funções genérica, semânticas e otimizadas

  • Usuários
  • 310 posts
  • Sexo:Não informado
  • Localidade:Canoas - RS
  • Interesses:ASP<br>CSS<br>JavaScript - DOM - ECMASCRIPT - JSCRIPT<br>XHTML<br>HTML<br>DHTML, AJAX, JSON, TABLELESS<br>ACESS<br>MYSQL<br>SQL SERVER<br><br>SEO, WEBSTANDARDS, ACESSIBILIDADE, USABILIDADE, AI

Posted 15/09/2004, 00:22

Beleza!
Código By Me "[ GuTo ]"

XML:
<cadastros>
<membro>
  <id>1</id>
  <apelido>GuTo</apelido>
  <sexo>M</sexo>
  <nasc>25/05/1985</nasc>
</membro>
<membro>
  <id>2</id>
  <apelido>Fulana</apelido>
  <sexo>F</sexo>
  <nasc>24/04/1984</nasc>
</membro>
<membro>
  <id>3</id>
  <apelido>Ciclano</apelido>
  <sexo>M</sexo>
  <nasc>23/03/1983</nasc>
</membro>
<membro>
  <id>4</id>
  <apelido>Beltrana</apelido>
  <sexo>F</sexo>
  <nasc>22/02/1982</nasc>
</membro>
</cadastros>

PÁGINA:
<?xml version="1.0" encoding="iso-8859-1"?>
<html>
<head>
<script type="text/javascript">
<!--
function anterior() {
x = guto.recordset;
  if (x.absoluteposition > 1) {
    x.moveprevious();
  }
}
function proximo() {
x = guto.recordset;
  if (x.absoluteposition < x.recordcount) {
    x.movenext();
  }
}
//-->
</script>
</head>

<body>

<xml id="guto" src="membros.xml"></xml>

<table border="1">
  <tr>
    <td>ID:</td>
    <td><span datasrc="#guto" datafld="id"></span></td>
  </tr>
  <tr>
    <td>Apelido:</td>
    <td><span datasrc="#guto" datafld="apelido"></span></td>
  </tr>
  <tr>
    <td>Sexo:</td>
    <td><span datasrc="#guto" datafld="sexo"></span></td>
  </tr>
  <tr>
    <td>Nascimento:</td>
    <td><span datasrc="#guto" datafld="nasc"></span></td>
  </tr>
</table>

<table border="1" width="100%">
  <tr>
    <td width="50%"><input type="button" value="Anterior" onclick="anterior()"></td>
    <td width="50%" align="right"><input type="button" value="Próximo" onclick="proximo();"></td>
  </tr>
</table>

</body>
</html>
Pode perceber que só é mostrado um registro por página.
Quero mostrar quantos eu quiser.

Abraços
Meus sites:
- Guia Camaquã
- Laroya atacadista
- Emílio confecções

Ocupação: WebDeveloper avançado

Contato:
Email: gutoasp[at]gmail[dot]com
MSN: gutoasp[at]hotmail[dot]com
Trabalhando desde 1999 com websites.

Para saber mais sobre meu trabalho, sobre o que faço, e o que sei, clique aqui!

#4 [webmaster]®

[webmaster]®

    Hobby por criar funções genérica, semânticas e otimizadas

  • Usuários
  • 310 posts
  • Sexo:Não informado
  • Localidade:Canoas - RS
  • Interesses:ASP<br>CSS<br>JavaScript - DOM - ECMASCRIPT - JSCRIPT<br>XHTML<br>HTML<br>DHTML, AJAX, JSON, TABLELESS<br>ACESS<br>MYSQL<br>SQL SERVER<br><br>SEO, WEBSTANDARDS, ACESSIBILIDADE, USABILIDADE, AI

Posted 22/10/2004, 16:24

Puxa, andei sumido...

Mas ae, preciso de ajuda nesse código...

Alguém?
Meus sites:
- Guia Camaquã
- Laroya atacadista
- Emílio confecções

Ocupação: WebDeveloper avançado

Contato:
Email: gutoasp[at]gmail[dot]com
MSN: gutoasp[at]hotmail[dot]com
Trabalhando desde 1999 com websites.

Para saber mais sobre meu trabalho, sobre o que faço, e o que sei, clique aqui!

#5 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 13/11/2004, 11:08

É assim: o XML funciona somente no IE... é com o JScript + XML que se forma o DOM... num é a toa que num funciona em outros navegadores...

#6 ricardo.cunha

ricardo.cunha

    Turista

  • Usuários
  • 30 posts
  • Sexo:Não informado
  • Localidade:Brasília
  • Interesses:ASP, PHP, Sql Server, Javascript, XML

Posted 23/11/2004, 16:54

Tipo faz o seguinte, coloca mais elementos no seu xml e usa o cpodigo abaixo:
tipo coloquei um Id na tabela pra poder fazer a paginação e defini o tamanho da página como 3, para 3 elementos, ai vc pode fazer o que quiser com isso.
Qualquer duvida posta ai.
<html>
<body>

<xml id="guto" src="membros.xml"></xml>

<table id="Tabela" border="1" dataPageSize="3" datasrc="#guto"  width="50%">
 <tr>
   <td>ID:</td>
   <td><span datasrc="#guto" datafld="id"></span></td>
 </tr>
 <tr>
   <td>Apelido:</td>
   <td><span datasrc="#guto" datafld="apelido"></span></td>
 </tr>
 <tr>
   <td>Sexo:</td>
   <td><span datasrc="#guto" datafld="sexo"></span></td>
 </tr>
 <tr>
   <td>Nascimento:</td>
   <td><span datasrc="#guto" datafld="nasc"></span></td>
 </tr>
</table>

<table border="1" width="50%">
 <tr>
   <td><input type="button" value=" << " onclick="javascript:Tabela.firstPage();"></td>
   <td><input type="button" value=" < " onclick="javascript:Tabela.previousPage();"></td>
   <td><input type="button" value=" > " onclick="javascript:Tabela.nextPage();"></td>
   <td><input type="button" value=" >> " onclick="javascript:Tabela.lastPage();"></td>
 </tr>
</table>

</body>
</html>

Projeto Atual: www.semoquefazer.com.br
Preciso de um Novo Layout se quiser ajudar entre em contato!

#7 [webmaster]®

[webmaster]®

    Hobby por criar funções genérica, semânticas e otimizadas

  • Usuários
  • 310 posts
  • Sexo:Não informado
  • Localidade:Canoas - RS
  • Interesses:ASP<br>CSS<br>JavaScript - DOM - ECMASCRIPT - JSCRIPT<br>XHTML<br>HTML<br>DHTML, AJAX, JSON, TABLELESS<br>ACESS<br>MYSQL<br>SQL SERVER<br><br>SEO, WEBSTANDARDS, ACESSIBILIDADE, USABILIDADE, AI

Posted 02/12/2004, 04:32

Ae Ricardo.Cunha, valeu pela ajuda brother!

Eu testei agora mesmo, e kra, não deu :(

Mas vou dar uma estudada no script logo mais, pq agora to na correria olhando uns emails...

Deu um erro na linha 27, erro inesperado.

Em todo caso, se alguém souber como resolver.. :D

Logo mais se eu conseguir resolver eu posto aki.

Abraços! :D
Meus sites:
- Guia Camaquã
- Laroya atacadista
- Emílio confecções

Ocupação: WebDeveloper avançado

Contato:
Email: gutoasp[at]gmail[dot]com
MSN: gutoasp[at]hotmail[dot]com
Trabalhando desde 1999 com websites.

Para saber mais sobre meu trabalho, sobre o que faço, e o que sei, clique aqui!

#8 ricardo.cunha

ricardo.cunha

    Turista

  • Usuários
  • 30 posts
  • Sexo:Não informado
  • Localidade:Brasília
  • Interesses:ASP, PHP, Sql Server, Javascript, XML

Posted 14/12/2004, 10:08

Cara isso funcionou aqui comigo certinho, qual seu Navegador?

Baixa o Anexo q tá aki, tá funcionando aki na minha máquina.

Attached Files


Edição feita por: ricardo.cunha, 14/12/2004, 10:12.

Projeto Atual: www.semoquefazer.com.br
Preciso de um Novo Layout se quiser ajudar entre em contato!

#9 [webmaster]®

[webmaster]®

    Hobby por criar funções genérica, semânticas e otimizadas

  • Usuários
  • 310 posts
  • Sexo:Não informado
  • Localidade:Canoas - RS
  • Interesses:ASP<br>CSS<br>JavaScript - DOM - ECMASCRIPT - JSCRIPT<br>XHTML<br>HTML<br>DHTML, AJAX, JSON, TABLELESS<br>ACESS<br>MYSQL<br>SQL SERVER<br><br>SEO, WEBSTANDARDS, ACESSIBILIDADE, USABILIDADE, AI

Posted 16/12/2004, 01:09

Kra, esse arquivo q vc mandou, o q tá dentro, está sem extensão alguma e abri com o bloco de notas e tá estranho... códigos estranhos, parece criptografia...

Cara, uso o Internet Explorer 6.0 e o Mozilla 1.7b!
Meus sites:
- Guia Camaquã
- Laroya atacadista
- Emílio confecções

Ocupação: WebDeveloper avançado

Contato:
Email: gutoasp[at]gmail[dot]com
MSN: gutoasp[at]hotmail[dot]com
Trabalhando desde 1999 com websites.

Para saber mais sobre meu trabalho, sobre o que faço, e o que sei, clique aqui!




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq