Ir para conteúdo
Fórum Script Brasil

cassianooliver

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    393

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por cassianooliver

  3. show/hide de elementos com jQuery

    em Repositório de Scripts - Ajax, JS, XML, DOM

    Postado

    Bom, não sei se aqui é a área correta para postagem de tutorial, se não for, peço que algum moderador mova para a área correta...

    Vou mostrar como utilizar jQuery para exibir/ocultar elementos em uma página...

    JQuery é um framework que visa facilitar a programação em javascript, tornando o código mais simples, flexível e infinitamente mais elegante. Além de ser bem leve, a jQuery conta ainda com um vasto arsenal de plugins para as mais diferentes tarefas...

    usar o jQuery é muito simples..

    a sintaxe básica de selecionar algum elemento é:

    $("seletor").atributo("valor");
    exemplo, aplicar negrito a todos os parágrafos 
    $("p").css("font-weight", "bold");
    e ainda podemos usar o atributo class e id para referenciar os elementeos... exemplo: atributo class seleciono o paragrafo com a class "primeiro" 
    $("p.primeiro").css("font-weight", "bold");
    seleciono o paragrafo com o id "ultimo" 
    $("p#ultimo").css("font-weight", "bold");
    mais sobre o seletores aqui Bom, vamos agora ao que interessa, fazer o famoso show/hide (exibir/ocultar) divs... Primeiramente, visite o site da jQuery e baixe a jQuery 1º exemplo, exibir um elemento oculto. crie o seguinte xhtml:
    <!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=utf-8" /> <title>Show/Hide com jQuery</title> // Assim inserirmos o jquery.js em nossa página <script type="text/javascript" src="jquery.js"></script> // Aqui vem o script <script type="text/javascript"> $(document).ready(function() { $("h1#mostra").click(function() { $("div#oculto").show(); }); }); </script> <style type="text/css"> html { font: 12px Arial, Helvetica, sans-serif; text-align: center; } #conteudo, #oculto { background: #e5e5e5; width: 480px; margin: auto; padding: 10px; border: solid 1px #ccc; } #conteudo h1 { font-size: 15px; } #oculto { display: none; margin-top: 30px; } </style> </head> <body> <div id="conteudo"> // Aqui o elemento que exibe o elemento oculto <h1 id="mostra">Clique aqui para exibir/ocultar um elemento</h1> </div> // aqui o elemento oculto <div id="oculto"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eleifend. Mauris tincidunt lectus in libero. Suspendisse interdum lectus vitae urna. Morbi vitae enim vel justo dapibus porttitor. </div> </body> </html>
    explicação 
    <script type="text/javascript">
   $(document).ready(function() {
       // Adicionamos uma função de "click" ao h1 identificado como "mostra"
       $("h1#mostra").click(function() {
           // Quando clicado, exibirá a div identificada como "oculto"
           $("div#oculto").show();
       });
   });
   </script>
    podemos ainda usar um efeito "fade" na exibição, por exemplo: 
    <script type="text/javascript">
   $(document).ready(function() {
       $("h1#mostra").click(function() {
           $("div#oculto").fadeIn("fast");
       });
   });
   </script>
    Para ocultar, deveríamos criar um outro elemento (p, h3, etc)... Exemplo: 
    <script type="text/javascript">
   $(document).ready(function() {
       $("h2#oculta").click(function() {
           $("div#oculto").hide();
       });
   });
   </script>
    Agora vamos fazer com que possamos usar o mesmo elemento (h1#mostrar) para exibir e ocultar o elemento oculto. Para podermos adicionar mais de um evento "click" em um elemento, usamos o evento "toggle". ficaria assim: 
    <script type="text/javascript">
   $(document).ready(function() {
       $("h1#mostra").toggle(
           function() {
               $("div#oculto").fadeIn(); // ou slideDown()
           },
           function() {
               $("div#oculto").fadeOut(); // ou slideUp()
           }
       );
   });
   </script>

    Bom, é isso, espero ter ajudado...

    Veja aqui o exemplo online

    Referências:

    jQuery.com

    Documentação jQuery

    Eventos jQuery

    http://docs.jquery.com/Effects

    abraços!

  7. (Resolvido) pesquisar em mais de uma tabela no mysql

    em PHP

    Postado

    bom, consegui aqui, mas foi meio trabalhoso...

    <?php
$tag = $_GET["tag"];

$sql = "INSERT INTO tags (tag) VALUES ('$tag')";
$query = mysql_query($sql);

$sql_c = "SELECT id, evento FROM coberturas WHERE evento LIKE '%" . $tag . "%'";
$busca_c = mysql_query($sql_c);
$total_c = mysql_num_rows($busca_c);

$sql_e = "SELECT id, evento FROM eventos WHERE evento LIKE '%" . $tag . "%'";
$busca_e = mysql_query($sql_e);
$total_e = mysql_num_rows($busca_e);

$sql_v = "SELECT id, evento FROM videos WHERE evento LIKE '%" . $tag . "%'";
$busca_v = mysql_query($sql_v);
$total_v = mysql_num_rows($busca_v);

if($total_c == 0 && $total_e == 0 && $total_v == 0) {
    echo "<h2>Desculpe, nenhum registro encontrado para <u>" . $tag . "</u>!</h2>";
    exit;
}
while($resultado_c = mysql_fetch_array($busca_c)) {    
    $cid = $resultado_c["id"];
    $cobertura = $resultado_c["evento"];

    echo "<strong>Cobertura: </strong><a href=\"index.php?pagina=cobertura&cid=" . $cid . "\">" . $cobertura . "</a><br />";
}
while($resultado_e = mysql_fetch_array($busca_e)) {    
    $eid = $resultado_e["id"];
    $evento = $resultado_e["evento"];

    echo "<strong>Evento: </strong><a href=\"index.php?pagina=evento&eid=" . $eid . "\">" . $evento . "</a><br />";
}
while($resultado_v = mysql_fetch_array($busca_v)) {    
    $vid = $resultado_v["id"];
    $video = $resultado_v["evento"];

    echo "<strong>Vídeo: </strong><a href=\"index.php?pagina=video&vid=" . $vid . "\">" . $video . "</a><br />";
}
?>

  8. (Resolvido) pesquisar em mais de uma tabela no mysql

    em PHP

    Postado · Editado por cassianooliver

    So agora vi sua resposta, vou olhar...

    to tentando fazer assim:

    <?php
$tag = $_GET["tag"];
$sql = "SELECT coberturas.evento, eventos.evento, videos.evento FROM coberturas, eventos, videos WHERE 
coberturas.evento LIKE '%" . $tag . "%' OR eventos.evento LIKE '" . $tag . "' OR videos.evento LIKE '" . $tag . "'";
$busca = mysql_query($sql);
$total = mysql_num_rows($busca);

if($total == 0) {
    echo "<h2>Desculpe, nenhum registro foi localizado com os dados fornecidos!</h2>";
}

else {
    if($total == 1) {
        echo "<h2>$total registros localizados</h2>";
    }
    else {
        echo "<h2>Foram localizados $total registros</h2>";
    }
    echo $total;
}
?>
    ta sempre retornando 0.. e tem registros nas tabelas com as palavras que pesquiso... ops... consegui! 
    SELECT * FROM coberturas, eventos, videos WHERE 
coberturas.evento LIKE '%" . $tag . "%' OR eventos.evento LIKE '" . $tag . "' OR videos.evento LIKE '" . $tag . "'"
    agora complicou, como montar o resultado da busca... tipo, dividir os resultados encontrados nas coberturas, eventos e vídeos, é possível? tipo, se eu fizer isso: 
    $cobertura = $resultado["evento"];

    num dá pra saber se é no campo evento da tabela, cobertura, eventos ou vídeos...

  15. (Resolvido) pesquisar em mais de uma tabela no mysql

    em PHP

    Postado

    Oi, 'cassianooliver' !

    A resposta para sua pergunta é sim. É possivel. É a forma de consultarmos os relacionamentos entre as tabelas.

    De maneira geral, fazemos isso usando JOINS

    O INNER JOIN retorna somente os dados que existirem nas duas tabelas do relacionamento

    O LEFT JOIN retorna os dados que existirem na tabela da esquerda do relacionamento

    O RIGHT JOIN retorna os dados que existirem no lado direito do relacionamento.

    O SELECT STRAIGHT_JOIN força o motor do MySQL ler o sql com join tal como foi escrito pelo programador. Sem a cláusula STRAIGHT_JOIN, o motor do MySQL escolhe o que para ele é a melhor forma de resolver a questão. O que nem sempre é verdade.

    Leia mais sobre este assunto no capítulo 6, seção 6.4.1.1. Sintaxe JOIN do manual do MySQl versão 4.1 em português.

    Convém que você estude mais sobre modelo relacional de bancos de dados e SQL. Um bom livro para tal é INTRODUCAO AO SISTEMA DE BANCO DE DADOS - DATE, C. J. ED. CAMPUS.

    Olá Dênis,

    obrigado pela atenção..

    bom, na verdade não há relação entre as tabelas...

    sendo mais específico na dúvida..

    To montando um sistema de tags...

    aí quando o visitante clicar numa tag, quero pesquisá-la em várias tabelas, eventos, vídeos, fotos, etc....

    seria isso...

    acho que agora me expliquei melhor...

  18. Limitar de acessos simultaneos!

    em PHP

    Postado

    nunca fiz isso, mas você pode tentar assim...

    na tabela do BD, você cria um campo "user_logados" com o valor padrão 0

    e na página que faz o login, após o user logar, você incrementa 1 à tabela "user logados"

    ex: user_logados = user_logados + 1..

    e também na verificação, você faz umas condicionais verificando a qnt d acessos q já estão na tabela...

    aí redireciona...

    essa é a lógica...

  19. Como Chamar Página

    em PHP

    Postado

    é só você colocar o código onde quer que a página apareça, e faz uma verificação para incluir a página correspondente...

    ex:

    if(isset($_GET["pg"])) {
                switch($_GET["pg"]) {
                    case "home":
                    include "home.php";
                    break;

                    ... e assim por diante....
                }
            }
            else {
                include "home.php";
            }
            ?>
    nos links 
    pagina.php?pg=home

  21. (Resolvido) Upload de músicas

    em PHP

    Postado

    fiz um .htaccess e upei para o diretório public_html do meu servidor...

    mas não está alterando as diretivas nele escritas...

    php_value post_max_size 20M;
php_value upload_max_filesize 4M;
    tentei enviar um arquivo de 3MB mas não vai... se enviar um menor, funciona... tem algo errado nele? também tentei com ini_set() no script, mas também não funciona... 
    ini_set('post_max_size', '8M');
ini_set('upload_max_filesize', '8M');

    isso não funciona com php5 não será?

  22. porcentagem em upload

    em PHP

    Postado

    se você usar ajax dá para fazer...

    cria uma div com o .gif, deixe-a oculta.

    na hora do upload você exibe esta div, quando finalizar o download, você oculta novamente...

    talvez na área de javascript o pessoal possa te ajudar melhor...

  23. (Resolvido) Upload de músicas

    em PHP

    Postado

    Web,

    obrigado pela atenção...

    consegui compreender mais sobre essas variáveis...

    outra dúvida..

    entrei em contato com o suporte da hospedagem e disseram que não poderiam estar alterando esse valores pelo fato do servidor ser compartilhado, me disseram que só é possível em um servidor dedicado...

    é possível alterar esses valores em tempo de execução somente na hora do upload?

×
×
  • Criar Novo...