Ir para conteúdo
Fórum Script Brasil
  • 0

Dividir Conteudo Da Noticia Em Paginas

Eduardo e Tamíris

Perguntado por Eduardo e Tamíris,

 Share

Pergunta

Eduardo e Tamíris

Eduardo e Tamíris

Postado
Postado

Ola Pessoal,

É o seguinte, na pagina inicial, quando o usuario clica na noticia ele visualiza a noticia completa, beleza, mas as vezes o conteudo da noticia é extenso e ele quebra o layout.

O que gostaria de fazer é dividir o conteudo da noticia em partes, tipo quando você le a noticia por parte ai em pagina tem pagina 1 | 2 | 3 e assim por diante, e quando clica na proxima pagina le o restante do conteudo da materia ate não ter mais.

alguém sabe como poderia fazer isso, para dividir o conteudo da materia em paginas e ler de onde parou ate terminar?

Ex:http://www.clubedohardware.com.br/artigos/Teste-da-Placa-de-Video-MSI-N460GTX-Cyclone-768D5-OC/ 2035

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0
*FIT*

*FIT*

Postado
Postado

Bom, na verdade não deixa de ser uma paginação, mas se é assim, existem modos mais práticos de se fazer isso apenas com HTML e Javascript.

Por exemplo: Você pode quebrar a noticia em várias DIVs, deixar apenas a primeira com display block para que apareça e as outras com display none, e ao clicar em próximo por exemplo, mudar todas para display none e apenas a próxima para display block, e assim por diante.

Outra saída seria usar paginação com jquery, podendo quebrar a noticia em várias partes para poder pagina-lá. Isso interessa?

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Sim, vai precisar quebrar em substr.

Em relação a biblioteca usada na formatação e cadastro da noticia, sem problemas, só tem que tomar cuidado para não quebrar as tags de formatação, por isso aconselho cadastrar a noticia sem formatação, e formatar direto no CSS ao recebe-lá na página.

Em relação ao jquery, veja se isso te agrada!

Demo: http://projects.allmarkedup.com/jquery_qui...inate/demo.html

Download e documentação:http://projects.allmarkedup.com/jquery_quick_paginate/index.php

Link para o comentário
Compartilhar em outros sites
  • 0
Eduardo e Tamíris

Eduardo e Tamíris

Postado
  • Autor
Postado 
<?php

require_once("conexao/conexao.php");
require_once("funcao/funcao.php");

//pego ID noticia
$id = $_GET["id"];
// Garantir que o valor passado seja numérico
$id = filter_var($id, FILTER_SANITIZE_NUMBER_INT);

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<title>Portal Araquari</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="todo">
<?php include("topo.php"); ?>
<div id="meio">
<?php  include_once("menu_esquerda.php"); ?>
<!-- Div Miolo -->
<div id="miolo">
   <div id="noticia">
      <?php
              //Seleciona tabela passando o id
              $sql = mysql_query("select * from tb_noticias where id_noticia = '".$id."' limit 1");
              //recupero os dados do registro mysql_fetch_object e mysql_fetch_array é a mesma coisa, so que um é objeto e outro array
              while ($dados = mysql_fetch_array($sql)) {
              
                  $imagem = $dados['imagem'];
                if ($imagem != '') {
                      $imagem = "imagens/".$dados['imagem'];
                }
              
                  echo date('d/m/Y', strtotime($dados['data']));
                echo "<h1>".$dados['titulo']."</h1>";
                if ($imagem != '') {
                    echo "<div class=\"noticia_imagem\"><img src=\"$imagem\" width=\"300\" class=\"noticia_img\" />"
                         ."<div class=\"noticia_text_imagem\">"
                         .$dados['text_imagem'].
                         "</div>".
                    "</div>";
                }              
                            
                echo "<div style=\"padding-top:20px;\">".$dados['materia']."</div>";                
                echo "<br><br>";                
                echo "<div style= text-align:center;><a href=java script:history.back(-1)>[Voltar]</a>"."</div>";                                
              }      
              
             
              ?>
            
   </div>
</div>
<!-- Fim Div Miolo -->
<?php  include_once("menu_direita.php"); ?>
<!-- Rodape -->
<?php  include_once("rodape.php"); ?>
</div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Mas você nem importou as bibliotecas jquery ainda.

Na verdade você não vai usar isso dentro do jquery, vai continuar ai aonde estão, o jquery só vai fazer essa paginação conforme o exemplo que passei no link. Lá está explicando como faz, qual seria a dúvida?

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...