Ir para conteúdo

POWERED BY:

Arquivado

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

msmarins

Recarregar informações de uma DIV randomicamente

Por , em Javascript

Recommended Posts

msmarins    2

msmarins
Postado

Olá a todos!

Gostaria de uma força em um projeto.

 

Tenho uma pagina que mostra o resultado de uma pesquisa ao banco em quatro linhas de uma UL.

Usando um plugin Jquery cada linha é destacada, da primeira até a última e depois o efeito volta para a primeira fazendo um looping.

 

Já foi um parto fazer isso sem muito conhecimento no assunto.

 

Agora eu preciso trocar a pesquisa para mostrar outros 4 campos da minha tabela e depois mais 4 até 16 registros.

Só que isso também tem que ser randômico. Ou seja, na primeira tela começa o efeito na primeira linha, quando chegar na quarta, troca a pesquisa para os próximos 4 campos da minha tabela e quando chegar lá no final de tudo volta para os primeiros registros. Fiz uma gambiarra aqui e consegui fazer trocar a pesquisa.... mas fazer isso randômico esta além dos meus conhecimentos.

 

Agradeço a atenção.. segue o código.

 

<!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>
<title></title>
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="css/estilo.css" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
//destaques
$(document).ready(function(){
    $("#featured > ul").tabs({
     event: 'mouseover',
     fx:{opacity: "toggle"}
    }).tabs("rotate", 3000, true);
$(".ui-tabs-nav-item").each(function(item){
        var i = item+1;
        $('a[href="#fragment-'+i+'"]').click(function(e){
            var t = $(this).find(">:first-child").html();

            var url = 'destaque.php?id='+t;

           window.open (url);
        })
    });
});
</script>
</head>
<body>
<?php
$paginaCorrente = basename($_SERVER['SCRIPT_NAME']); // PEGA O NOME DA PAGINA ATUAL PARA IDENTIFICAR O MENU
include ("conexao.php");
?>
<div id="conteudo">
<!-----------------INICIO DOS DESTAQUES------------------->
<div id="destaques">
<!-----------------INICIO DO DESTAQUE PRINCIPAL ------------------->
    <div id="destaque_principal">
        <div id="featured" >
            <ul class="ui-tabs-nav">
            <?php
                $numeracao_img = 1 ;
                $numeracao_class = 1 ;
                $ano_n = "20".date ("y");
                $ano_x = ($ano_n-2);
                $index = (isset($_GET['index'])) ? $_GET['index'] : null;
               if (!isset($index)){
                    $index = 0;
                    $query="select * from destaques WHERE ativo = 'sim' AND ano > '$ano_x' ORDER BY ano DESC , mes_numeral DESC ,  id DESC LIMIT 4";
               }
               else {
                    $query="select * from destaques WHERE ativo = 'sim' AND ano > '$ano_x' ORDER BY ano DESC , mes_numeral DESC ,  id DESC LIMIT $index , 4";
               }
                $result=mysql_query($query);
                $num=mysql_num_rows($result);
                while ($registro = mysql_fetch_array($result)) {
                    $id = $registro ["id"];
                    $titulo = $registro ["titulo"];
                    $subtitulo = $registro ["subtitulo"];
                    $foto = $registro ["foto_home"];
                    $foto2 = $registro ["foto_mais_destaque"];
                ?>
                    <li class="ui-tabs-nav-item" id="nav-fragment-1">
                        <a  href="#fragment-<?php echo $numeracao_class++; ?>" class="linque">
                            <div style="display: none"><?php echo $id; ?></div>
                            <span>
                                <h4 class="titulo_destaque_home" ><?php echo $titulo; ?></h4>
                                <p class="sub"><?php echo $subtitulo; ?></p>
                            </span>
                        </a>
                        <div id="fragment-<?php echo $numeracao_img++; ?>" class="ui-tabs-panel ui-tabs-hide" >
                            <a href="destaque.php?id=<?php echo $id; ?>" alt="<?php echo $titulo; ?>" title="<?php echo $titulo; ?>" >
                                <img src="destaques/imagens/img_home/<?php echo $foto; ?>" alt="<?php echo $titulo; ?>" title="<?php echo $titulo; ?>" width="336" height="250" border="0" />
                                <div class="info" >
                                    <span class="subt"><?php echo $titulo; ?></span>
                                    <span class="lmais">Leia mais!</span>
                                </div>
                            </a>
                        </div>
                    </li>
                <?php
                    }
                ?>
                <li>
                    <a href="#fragment-<?php echo $numeracao_class++; ?>"></a>
                </li>
            </ul>
        </div>
        <!-- GAMBIARRA -->
        <span class="passa_destaque">
            <a <?php if($index == 0) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque"  href="index.php?index=0">bola</a>
            <a <?php if($index == 4) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque2"  href="index.php?index=4">bola</a>
            <a <?php if($index == 8) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque3"  href="index.php?index=8">bola</a>
            <a <?php if($index == 16) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque4"  href="index.php?index=16">bola</a>
        </span>
        <!-- FIM DA GAMBIARRA -->
    </div><!----------------- FIM DESTAQUE PRINCIPAL ------------------->
</div><!----------------- FIM DESTAQUES ------------------->
</div><!----------------- FIM CONTEUDO ------------------->
</body>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

msmarins    2

msmarins
Postado

Não sei bem como explicar, acho que é melhor ver. Se você puder dar uma olhada, claro.

 

http://www.salesianoniteroi.com.br/ro_new/index.php

 

As bolinhas em baixo da foto do destaque é a gambiarra. Quando a pessoa clica em uma delas muda a pesquisa e outros registro são mostrados. Preciso que isso aconteça randomicacamente. da primeira bolinha até a última e depois volte.

 

Abraço!

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