Jump to content

stingger

Members
  • Content count

    9
  • Joined

  • Last visited

Community Reputation

0 Comum

About stingger

  1. stingger

    Mudar tag title com PHP

    Navegando dá pra ver que está funcionando: http://gratisgames.com.br/
  2. stingger

    Mudar tag title com PHP

    Obrigado Gabriel, consegui resolver com codificação top-to-down, tive que separar minha index em 3 partes, tp (topo, que envolve menu superior) conteúdo (que já existia) e rdp (rodapé, um menu simples na horizontal). Então ficou assim: tp (topo): ... <title><?php print $title; ?></title> ... conteudo: ... <?php $title = "Jogos Online Grátis - Jogos Grátis - Jogos Online"; include("tp.php"); ?> ... rdp(rodapé) <!--menu horizontal--> E por fim a index: <table width="1000" border="0" bgcolor="#FFFFFF" align="center"> <tr> <td align="center"> <?php foreach ($_REQUEST as $__opt => $__val) { $$__opt = $__val; } if(empty($pagina)) { include("pages/page-conteudo/conteudo.php"); } elseif(substr($pagina, 0, 4)=='http' or substr($pagina, 0, 1)=="/" or substr($pagina, 0, 1)==".") { echo '<br><font face=arial size=11px><br<b>A página não pode ser exibida </br></b>'; } else { include("$pagina.php"); } ?> </td> </tr> </table> <?php include_once "rdp.php"; ?> Pronto, em cada página que substituir a página "conteúdo", basta mudar o valor da variável $title. Funcionou certinho.
  3. stingger

    Mudar tag title com PHP

    Se já existir um tópico com o assunto, peço desculpas, procurei e não achei, vamos lá... A estrutura básica do meu site é a seguinte: index: <head> <title>Jogos Grátis Online - GratisGames.com.br</title> </head> <body> <table width="100%" border="0"> <tr> <td><a href="index.php?pagina=pages/page-tiro/tiro">Tiro</a></td> </tr> <tr> <td> <!--abaixo o include que carrega a página conteudo.php--> <?php foreach ($_REQUEST as $__opt => $__val) { $$__opt = $__val; } if(empty($pagina)) { include("pages/page-conteudo/conteudo.php"); } elseif(substr($pagina, 0, 4)=='http' or substr($pagina, 0, 1)=="/" or substr($pagina, 0, 1)==".") { echo '<br><font face=arial size=11px><br<b>A página não pode ser exibida </br></b>'; } else { include("$pagina.php"); } ?> </td> </tr> <tr> <td>rodapé</td> </tr> </table> </body> Ao clicar no link "Tiro" mantem-se o cabeçalho e rodapé e carrega a página conteúdo no meio, porém o title não muda, que é meu objetivo, para o especificado no arquivo "conteudo.php", pois, continuamos na index. Usei o seguinte comando PHP na index: ... <title><?php print $cabecalho_title; ?></title> ... ... $cabecalho_title = "Título do Conteúdo"; include("pages/page-conteudo/conteudo.php"); ... Nesse caso não vai funcionar devido a estrutura das páginas e a ordem dos comandos, se eu colocar a tag title após o include funciona, se colocar depois da tag body por exemplo, porém, não sei se é recomendável, pois ficaria fora da tag head. Esse problema eu resolvi da seguinte forma: Criei um arquivo no mesmo diretório do conteudo.php com o nome de title.php com o seguinte código: <?php $cabecalho_title = "Jogos online grátis - Jogos grátis - Jogos online"; ?> ficando o código da index assim: ... include("pages/page-conteudo/title.php"); <title><?php print $cabecalho_title; ?></title> ... Depois de muito pesquisar, essa foi a solução mais viável que encontrei, porém achei meio que uma gambiarra, pois, sempre que for linkar algo que eu queira mudar o title da página de destino, terei que criar um arquivo title. Existe alguma forma mais simples de fazer essa mudança?
  4. stingger

    Menu Dropdown Jquery

    Errei no html e js, segue abaixo o correto: HTML: <section class="main"> <div class="wrapper-demo"> <div id="dd" class="wrapper-dropdown-5" tabindex="1">John Doe <ul class="dropdown"> <li><a href="#"><i class="icon-user"></i>Profile</a></li> <li><a href="#"><i class="icon-cog"></i>Settings</a></li> <li><a href="#"><i class="icon-remove"></i>Log out</a></li> </ul> </div> ​</div> </section> <section class="main"> <div class="wrapper-demo"> <div id="dd2" class="wrapper-dropdown-5" tabindex="1">John Doe <ul class="dropdown"> <li><a href="#"><i class="icon-user"></i>Profile</a></li> <li><a href="#"><i class="icon-cog"></i>Settings</a></li> <li><a href="#"><i class="icon-remove"></i>Log out</a></li> </ul> </div> ​</div> </section> JS: function DropDown(el) { this.dd = el; this.initEvents(); } DropDown.prototype = { initEvents : function() { var obj = this; obj.dd.on('click', function(event){ $(this).toggleClass('active'); event.stopPropagation(); }); } } $(function() { var dd = new DropDown( $('#dd') ); $(document).click(function() { // all dropdowns $('.wrapper-dropdown-5').removeClass('active'); }); }); </script> <script type="text/javascript"> function DropDown(el) { this.dd2 = el; this.initEvents(); } DropDown.prototype = { initEvents : function() { var obj = this; obj.dd2.on('click', function(event){ $(this).toggleClass('active'); event.stopPropagation(); }); } } $(function() { var dd2 = new DropDown( $('#dd2') ); $(document).click(function() { // all dropdowns $('.wrapper-dropdown-5').removeClass('active'); }); });
  5. stingger

    Menu Dropdown Jquery

    Boa noite, estou com um pequeno problema, estou criando um menu na horizontal, com dropdown ao clicar. Quando eu clico em uma opção, o dropdown abre normal, quando clico na outra, abre normal também, porém o dropdown anterior aberto não fecha. Alguma ideia de como fechar ao clicar na outra opção? Não sou muito bom em programação, tanto que no exemplo fiz um comando jquery para cada opção do menu. OBS: Se clicar fora, em qualquer área os dropdowns abertos fecham. html: <section class="main"> <div class="wrapper-demo"> <div id="dd" class="wrapper-dropdown-5" tabindex="1">John Doe <ul class="dropdown"> <li><a href="#"><i class="icon-user"></i>Profile</a></li> <li><a href="#"><i class="icon-cog"></i>Settings</a></li> <li><a href="#"><i class="icon-remove"></i>Log out</a></li> </ul> </div> ​</div> </section> </br></br></br></br></br></br> <section class="main"> <div class="wrapper-demo"> <div id="dd" class="wrapper-dropdown-5" tabindex="1">John Doe <ul class="dropdown"> <li><a href="#"><i class="icon-user"></i>Profile</a></li> <li><a href="#"><i class="icon-cog"></i>Settings</a></li> <li><a href="#"><i class="icon-remove"></i>Log out</a></li> </ul> </div> ​</div> </section> css: .wrapper-dropdown-5 { /* Size & position */ position: relative; width: 200px; margin: 0 auto; padding: 12px 15px; /* Styles */ background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrapper-dropdown-5:after { /* Little arrow */ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; } .wrapper-dropdown-5 .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ max-height: 0; overflow: hidden; } .wrapper-dropdown-5 .dropdown li { padding: 0 10px ; } .wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; } .wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; } .wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } /* Hover state */ .wrapper-dropdown-5 .dropdown li:hover a { color: #57a9d9; } /* Active state */ .wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; } .wrapper-dropdown-5.active:after { border-color: #82d1ff transparent; } .wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; } /* No CSS3 support: none */ jquery: function DropDown(el) { this.dd = el; this.initEvents(); } DropDown.prototype = { initEvents : function() { var obj = this; obj.dd.on('click', function(event){ $(this).toggleClass('active'); event.stopPropagation(); }); } } $(function() { var dd = new DropDown( $('#dd') ); $(document).click(function() { // all dropdowns $('.wrapper-dropdown-5').removeClass('active'); }); });
  6. stingger

    Div sobrepor outra div ao click.

    dsdasdasdsa
  7. Desculpa a inversão da ordem! Mas é isso aí...
  8. Tenho duas divs, ao clicar no comando ela aparece, ao clicar novamente desaparece. Estou querendo fazer com que pelo menos uma das duas fique visível sempre, ou seja, ao clicar em um ele sobreponha sobre o outro e vice-versa. Já tentei usar z-index no script mas não consegui. Segue o comando: < body> <A HREF="#" ONCLICK="camada('menu')">Abre e fecha a camada 'menu'</A> <!-- Camada 'menu' --> <DIV ID="menu" STYLE=" position: fixed; TOP: 35px; LEFT: 5px; WIDTH: 800px; HEIGHT: 300px; z-index: 2; BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000; VISIBILITY: visible;"> CAMADA 1</DIV> <!-- Camada 'menu' --> <A HREF="#" ONCLICK="camada('menu2');">Abre e fecha a camada 'menu'</A> <!-- Camada 'menu' --> <DIV ID="menu2" STYLE=" position: fixed; TOP: 35px; LEFT: 5px; WIDTH: 800px; HEIGHT: 300px; BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000; VISIBILITY: hidden;"> CAMADA 2 </DIV> </ body> SCRIPT: < script> function camada( sId ) { var sDiv = document.getElementById( sId ); if( sDiv.style.visibility == "hidden" ) { sDiv.style.visibility = "visible"; sDiv.style.height = "300px"; } else { sDiv.style.visibility = "hidden"; sDiv.style.height = "1px"; } } </ script>
  9. stingger

    Div sobrepor outra div ao click.

    Tenho duas divs, ao clicar no comando ela aparece, ao clicar novamente desaparece. Estou querendo fazer com que pelo menos uma das duas fique visível sempre, ou seja, ao clicar em um ele sobreponha sobre o outro e vice-versa. Já tentei usar z-index no script mas não consegui. Segue o comando: SCRIPT: < script> function camada( sId ) { var sDiv = document.getElementById( sId ); if( sDiv.style.visibility == "hidden" ) { sDiv.style.visibility = "visible"; sDiv.style.height = "300px"; } else { sDiv.style.visibility = "hidden"; sDiv.style.height = "1px"; } } </ script> < body> <A HREF="#" ONCLICK="camada('menu')">Abre e fecha a camada 'menu'</A> <!-- Camada 'menu' --> <DIV ID="menu" STYLE=" position: fixed; TOP: 35px; LEFT: 5px; WIDTH: 800px; HEIGHT: 300px; z-index: 2; BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000; VISIBILITY: visible;"> CAMADA 1</DIV> <!-- Camada 'menu' --> <A HREF="#" ONCLICK="camada('menu2');">Abre e fecha a camada 'menu'</A> <!-- Camada 'menu' --> <DIV ID="menu2" STYLE=" position: fixed; TOP: 35px; LEFT: 5px; WIDTH: 800px; HEIGHT: 300px; BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000; VISIBILITY: hidden;"> CAMADA 2 </DIV> </ body>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.