Ir para conteúdo
Fórum Script Brasil

wellysonfr

Membros
  • Total de itens

    8
  • Registro em

  • Última visita

Tudo que wellysonfr postou

  1. Dá pra montar um script como exemplo?
  2. O Ajax carrega (.load) o arquivo e não é isso que eu quero. Eu quero que o arquivo seja incluído (include). E isso só dá pra fazer com PHP, não é verdade?
  3. Pessoal preciso de um script em PHP que faça o seguinte: Tenho um sistema de abas no meu site. Vocês podem ver pelo link --> http://www.duok.com.br/index.php?duok=nav/portfolio <div id="tabs"> <ul> <li><a href="#tabs-1">Ambientação</a></li> <li><a href="#tabs-2">Apartamentos</a></li> <li><a href="#tabs-3">Casas Urbanas</a></li> <li><a href="#tabs-4">Lojas</a></li> <li><a href="#tabs-5">Mostras</a></li> </ul> <div id="tabs-1"> <?php include_once("ambientação.php");?> </div><!--tabs-1--> <div id="tabs-2"> <?php include_once("apartamentos.php");?> </div><!--tabs-2--> <div id="tabs-3"> <?php include_once("casas_urbanas.php");?> </div><!--tabs-3--> <div id="tabs-4"> <?php include_once("lojas.php");?> </div><!--tabs-4--> <div id="tabs-5"> <?php include_once("mostras.php");?> </div><!--tabs-5--> </div><!--tabs--> Do jeito que está sendo mostrado, todos os arquivos são carregados de uma vez. Eu quero o seguinte: Ao clicar no link apartamentos (por exemplo) ele inclua (include) o arquivo apartamentos.php na aba correspondente. Esse sistema de abas foi feita com o jquery ui tabs. Obrigado!!!!
  4. Estou fazendo um site de arquitetura e decoração. Na seção portfólio fiz uma galeria de fotos pra cada categoria: Ambientação, Apartamentos, Casas Urbanas e etc... Essas categorias estão dividas com o Jquery UI Tabs. Vocês podem ver pelo link: http://www.duok.com.br/index.php?duok=nav/portfolio Estou usando a configuração básica do Jquery UI Tabs. <div id="tabs"> <ul> <li><a href="#tabs-1">Ambientação</a></li> <li><a href="#tabs-2">Apartamentos</a></li> <li><a href="#tabs-3">Casas Urbanas</a></li> <li><a href="#tabs-4">Lojas</a></li> <li><a href="#tabs-5">Mostras</a></li> <li><a href="#tabs-6">Antes e Depois</a></li> </ul> <div id="tabs-1"> <ul class="gallery"> Conteúdo </ul> <div class="clear"></div> </div><!--tabs-1--> <div id="tabs-2"> <ul class="gallery"> Conteúdo </ul> <div class="clear"></div> </div><!--tabs-1--> <div id="tabs-3"> <ul class="gallery"> Conteúdo </ul> <div class="clear"></div> </div><!--tabs-1--> <div id="tabs-4"> <ul class="gallery"> Conteúdo </ul> <div class="clear"></div> </div><!--tabs-1--> <div id="tabs-5"> <ul class="gallery"> Conteúdo </ul> <div class="clear"></div> </div><!--tabs-1--> <div id="tabs-6"> <ul class="gallery"> Conteúdo </ul> <div class="clear"></div> </div><!--tabs-1--> </div><!--tabs--> Ativando as tabs usando esse java script: &lt;script type="text/javascript"> $(function(){ // Abas $('#tabs').tabs(); $('a').click(function() { $(this).blur(); }); }); </script> O meu problema é o seguinte: Como vocês podem ver ele carrega todo o conteúdo das seis galerias na mesma página. Eu quero que somente a primeira aba seja carregada (ambientação), o resto seja carregado somente quando eu clicar nelas, entenderam? Eu procurei uma solução na internet mais ou menos assim: <div id="tabs"> <ul> <li><a href="#tabs-1">Ambientação</a></li> <li><a href="portfolio/conteudo1.html">Apartamentos</a></li> <li><a href="portfolio/conteudo2.html">Casas Urbanas</a></li> <li><a href="portfolio/conteudo3.html">Lojas</a></li> <li><a href="portfolio/conteudo4.html">Mostras</a></li> <li><a href="portfolio/conteudo5.html">Antes e Depois</a></li> </ul> <div id="tabs-1"> <ul class="gallery"> Contéudo Ambientação </ul> <div class="clear"></div> </div><!--tabs-1--> </div><!--tabs--> Como vocês podem ver, somente a primeira aba é carregada automaticamente. O conteúdo das outras abas estão separadas, evitando que todas carreguem de uma vez. Pelo que eu li por aí o procedimento correto pra resolver esse problema seria o Ajax! A maioria dos fóruns que eu li a respeito estão em inglês e não entendi quase nada :lol: Me ajudem a resolver esse problema. Desde já eu agradeço!!!!!!
  5. Estou tentando criar um sistema de login em um site. Mais não estou conseguindo me conectar a base dados do MySQL. Tenho instalado o wampserver com as configurações padrão. Tento criar a conexão assim: Quando tento selecionar a base de dados que eu criei, dá o seguinte erro: O que eu fiz de errado???
  6. Eu uso o Dreamweaver sempre na visualização de código. A cada mudança feita, salvo e visualizo no navegador, raramente recorro ao modo design. Pois é, estou lá mexendo e de repente aperto no modo design sem querer, e tá lá mostrando as Div's que eu deixei abertas. Rapaz eu sou muito desatento. Putz! Me deu uma raiva esse negócio. Resolvido o problema o site centralizou legal. O meu Dreamweaver sempre dá erro fatal quando eu fecho ele. Já reinstalei, mais o problema persiste. O que será isso?
  7. Todas as minhas div's estão dentro da #box: <body> <div id="box"> conteudo do site </div><!--box--> </body> Realmente eu esqueci do ponto e vírgula. Mesmo resolvendo isso o problema persiste: #box {width:960px; margin:0 auto;} A droga não centraliza. Ah, eu uso o firefox, faz diferença?? O interessante é que depois de ter adicionado o ponto e a vírgula, somente o logotipo da empresa centralizou (hehe). O menu e o texto abaixo dele continua no mesmo lugar!
  8. Estou fazendo um site seguindo os passos de uma videoaula. Quero deixar claro que os meus conhecimentos de HTML/CSS são básicos e portanto não consegui resolver esse problema que é bobagem. O site não centraliza. Vejam a imagem do site: http://bit.ly/q36qyU CSS: *{margin:0; padding:0;} #box {width:960px margin:0 auto;} #header {height:125px; background:#FFF;} #logo {float:left; margin:5px 30px;} #headersp {height:25px; background:url(images/header.jpg) no-repeat;} /*MENU*/ #menu {height:30px; background:url(images/menu.jpg) no-repeat;} #menu a {float:left; text-decoration:none; color:#FFF; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 15px;} #menu a:hover {background:url(images/menu_hover.jpg) repeat-x;} #menu img {float:left;} #search input {background:#FFF; border:1px solid #09F; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; padding:3px 4px;} .pesquisar {color:#FFF; font:14px Tahoma, Geneva, sans-serif;} #search {float:right;} #spacer {height:25px; background:url(images/spacer.jpg) no-repeat;} HTML: <!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>Datatec</title> <link href="estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="box"> <div id="header" <div id="logo"> <img src="images/logo.jpg" /> </div><!--logo--> </div><!--header--> <div id="headersp"> </div><!--headersp--> <div id="menu"> <a href="#">Inicio</a> <img src="images/separador_menu.jpg" /> <a href="#">Empresa</a> <img src="images/separador_menu.jpg" /> <a href="#">Expediente</a> <img src="images/separador_menu.jpg" /> <a href="#">Mural</a> <img src="images/separador_menu.jpg" /> <a href="#">Fale Conosco</a> <div id="search"> <form id="forml" name="forml" method="post" action=""> <table border="0" align="right" cellpadding="3" cellspacing="3"> <tr> <td><span class="pesquisar">Pesquisar por:</span></td> <td><input name="search" type="text" id="search" size="38" /></td> <td><input type="submit" name="buscar" id="buscar" value="Buscar" /></td> </tr> </table> </form> </div><!--search--> </div><!--menu--> <div id="spacer"> </div><!--spacer--> <div id="content"> <div id="conteudo"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div><!--conteudo--> <div id="sidebar"> Sidebar <br /> <br /> <br /> <br /> </div><!--sidebar--> <div id="divclear"</div> </div><!--content--> </div><!--box--> <div id="footer"> </div><!--footer--> </body> </html> Não sei em parte do código eu errei. Me mostrem onde o problema se encontra!!!
×
×
  • Criar Novo...