-
Conteúdo Similar
-
Por leandro32
Senhores, me ajudem pelo amor de Deus!!!
Estou montando uma "Base de Documentos" onde eu trabalho. Essa base é dividida por tipo de Documento (CNH/RG/OUTROS) e ano de expedição (2019/2018/2017...). As máscaras principais (HOME's) já foram feitas, o problema é que não consigo vincular esses botões dos anos em DIV's diferentes.
Alguém, em nome de Jesus Cristo, me ajuda a criar uma regra que, ao clicar no ano 2018, doc aparece na DIV ao lado com a barra de ZOOM??? Porque eu já estou ficando louco!!!
<!-- CÓDIGO DO SITE -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="estilo.css" />
<title>ACRE - RG</title>
</head>
<body>
<!-- CABEÇALHO COM MENUS -->
<header>
<div class="container">
<div class="zoom">
<img src="logo.png" class="img-responsive" height="95px" width="130px" border="2px">
<div id="menu">
<a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/Base%20Documental.html">HOME</a>
<a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/RG.html">RG</a>
<a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/CNH.html">CNH</a>
<a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/OUTROS.html">OUTROS</a>
</div>
</div>
</div>
</header>
<!-- O CORPO DO SITE -->
<div class="container2">
<fieldset>
<center><h2><i> Estado do ACRE - RG</i></h2></center>
</fieldset>
</div>
<div class="container3">
<!-- COLUNA DOS ANOS -->
<div class="container4">
<div class="col-lg-2 col-md-2 col-sm-2">
<div style="height: calc(100vh - 230px); overflow-y: scroll; overflow-x: hidden; right: 16px">
<div class="btn-group-vertical" role="group" aria-label="..."
<div class="zoom">
<button class="btn ng-scope btn-default" ng-class="{'btn-primary': analyser.selectedDocModel.guid === docModel.guid, 'btn-default': analyser.selectedDocModel.guid !== docModel.guid}" ng-repeat="docModel in analyser.filteredDocModels" ng-click="analyser.selectDocModel(docModel)" ng-show-img="areaimagem" style="-webkit-user-drag: none" class="ng-scope" img src="AM.01.jpg" class="img-responsive" href="AM.01.jpg" size="80%">
<small class="ng-binding">RG</small>
<br>
<small class="ng-binding">AM- 2019</small>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- O RODAPÉ Do SITE -->
<footer>
<span> <b>BASE DOCUMENTAL</b> - ©<i>Leandro do Nascimento Martins</i></span>
</footer>
</div>
</div>
</div>
</body>
</html>
<!-- ARQUIVO ESTILO.CSS -->
/* PADRÃO CSS */
/* eliminando configurações dos browsers*/
* {margin: 0; padding: 0; font-family: verdana, helvetica, arial;}
/* TODAS AS TAG's DECLARADAS */ /* PARA UMA "TAG - PARTE" NORMAL, USA-SE APENAS O NOME */
p {color: silver; font-size: 15px; text-align: center; font-family: arial, "Times new roman"; text-shadow: 1px 1px 1px #111111;}
body {background-color: #E8E8E8; width: 100%;}
header {background-color: #08298A; height: 100px; padding: 2px; width: 100%;}
footer {clear: both; color: white; background-color: #08298A; height: 40px; text-align: center ; padding: 10px; text-shadow: 1px 1px 1px black;}
h1 {color: SILVER; text-align: center; margin: 0 0 50px 0; text-shadow: 2px 2px 2px #111111;}
h2 {color: SILVER; text-align: center; margin: 5px 0 5px 0; text-shadow: 2px 2px 2px #111111;}
/* TODAS AS ID's */ /* PARA "IDENTIFICAÇÃO - ID" DA DIV USA-SE .#. HASHTAG */
#div_principal {background-color: white; clear: both; background-size: 65%; min-height: 485px; padding: 40px 0 40px 0; margin: 1% 1% 1% 1%; width: 100%;}
#logo {float: left; margin: 0 20px 0 10px;}
#menu {float: right; margin-top: 40px; text-transform: uppercase;}
#menu a {padding: 32px 20px; text-decoration: none; color: white; border-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; cursor: pointer; transition: background-color 1s;}
#menu a:hover {background-color: white; color: black;}
#btn-default {text-decoration: none;}
/* CLASS */ /* PARA CLASSES-CONTAINER's DIFERENTES USA-SE O PONTO . */
.efeito {background-color: rgba(0, 0, 0, 0.3); padding: 100px 0 100px 0;}
.container {width: 100%; /* largura */ margin: auto; /* ajuste automatico independente de resolução*/}
.container2 {width: 97%; /* largura */ margin: auto; /* ajuste automatico independente de resolução*/ background-color: white;}
.container3 {width: 95%; margin: auto; background-color: #FFFAFA; clear: both;}
.container4 {width: 10%; float: left; background-color: #FFFAFA; clear: both; }
.container5 {background-color: ; float: left;}
.col-lg-2 {width: 95%; }
.col-md-2 {width: 50px;}
.col-sm-2 { width: 79px;}
.col-lg-10 { width: 80%; }
-
Por Beraldo
Orientações e Regras do Fórum de PHP
Siga estas simples Orientações e Regras e seus tópicos serão até 1297% mais eficientes, com mais visualizações e respostas.
Regras
1 - Use Títulos Condizentes Com Suas Dúvidas
Descreva no título do tópico exatamente o que você precisa, qual é sua dúvida ou problema.
Evite títulos como: "Ajuda", "Help" e títulos que sejam generalizados demais.
Jamais escreva "URGENTE" o título do tópico. Tudo que é urgente é aquilo que deveria ter sido feito por você ontem mas não foi feito.
2 - Estamos Aqui Para Orientar
Poste um trecho do que você já fez. Estamos aqui para te orientar e para te ajudar a aprender. Não vamos fazer seu trabalho por você.
3 - Tenha Calma e Paciência
Não responda o próprio tópico com a intenção de atualizá-lo (UP).
Todos nós temos trabalhos próprios e outros compromissos. Os membros do fórum responderão os tópicos quando possível.
E vale lembrar que Moderadores não têm obrigação de responder tópicos. Eles estão aqui essencialmente para auxiliar na organização do fórum.
4. Para Dúvidas, Use o Fórum
Não envie dúvidas por MP (mensagem privada). Para isso utilize o fórum, dessa forma em vez de apenas um, muitos membros poderão ajudar você a resolver seu problema, além de a solução ficará publicada, para ajudar muitos outros usuários.
5. O fórum de PHP é relacionado EXCLUSIVAMENTE à linguagem de Programação PHP
Ao iniciar um tópico no fórum de PHP, certifique-se de que sua dúvida está relacionada com a linguagem PHP, seguindo o contexto do fórum. Se sua dúvida for relacionado a qualquer outra linguagem, tecnologia ou framework, como jQuery, Ajax, HTML, procure o fórum correspondente para tratar do assunto.
Orientações
1. Seja Claro e Específico
Descreva sua dúvida da forma mais clara possível. Explique o máximo que puder.
Muitas vezes, você tem a ideia bem clara em sua cabeça e tudo parece simples, mas quem lê o tópico não vai entender, se você não explicar detalhadamente.
2. Use a Tag Código
Sempre que postar códigos, adicione-o entre as tags [ code ] e [ /code ] (sem os espaços), para facilitar a leitura.
Você também pode usar o Botão Code (símbolo "<>"), ao lado do Botão Imagem, no editor de textos do fórum.
3. Habilite Todas as Exibições de Erro
Configure seu código para exibir TODAS as mensagens de erro, adicionando este código ao topo do script.
ini_set('display_errors', true); error_reporting(E_ALL);
4. Leia as Mensagens de Erro
Leia os erros que aparecerem, pois normalmente eles dizem o que há de errado no código.
Verifique se o erro está na lista dos erros mais comuns do PHP. Você pode corrigi-lo facilmente, sem precisar abrir um tópico só para isso.
Se não entender as mensagens de erro, poste-as em seu tópico, apontando a linha exata onde ele ocorre. Assim saberemos onde está o problema
5. Faça Debug de Suas Queries
Exiba os erros do banco de dados, para ajudar no debug, seguindo estes exemplos:
// Para MySQL mysql_query("sua query aqui") or exit(mysql_error()); // Para MySQLi // ($mysqli é o link de conexão, retornado por mysqli_connect) mysqli_query($mysqli, "sua query aqui") or exit(mysqli_error($mysqli)); // Para PDO sem Prepared Statements // ($PDO é o objeto PDO, retornado por "new PDO") $PDO->query("sua query aqui") or exit(print_r($PDO->errorInfo(), true)); // Para PDO com Prepared Statements // ($stmt é o objeto PDOStatement, retornado pelo método prepare) $stmt->execute() or exit(print_r($stmt->errorInfo(), true));
6. Dúvidas Sobre Uma Função do PHP?
Se a dúvida for sobre a utilização de uma função, leia o manual dela, acessando php.net/nome_da_funcao.
7. Marque Seus Tópicos Como Resolvido
Quando um membro postar algo que resolva seu problema, marque esse post como solução.
Uma vez marcado como resolvido, o post útil será mandado para o topo da página, facilitando a visualização de todos que o procurarem.
8. Evite Citação Desnecessária
Ao utilizar o botão "Citação" ou "Multicitação", no canto inferior direito de cada post, o conteúdo do post será inserido em sua resposta, para citação.
Isso ocupa bastante espaço na tela. Por isso, apenas cite quando realmente necessário.
Prefira usar o botão Responder, inserindo apenas a sua resposta.
9. Apenas Uma Dúvida Por Tópico
Ao criar seu tópico, seja claro na sua dúvida e mantenha somente uma dúvida por tópico.
Não aproveite tópicos com dúvidas de outros usuários para postar sua dúvida. Nesse caso, abra um novo tópico
10. Utilize fonte simples
Não escreva em CAIXA ALTA nem utilize formatação em todo o conteúdo do tópico, para deixar o texto mais visível (aumentar fonte, negrito/itálico). Formatação é necessária somente para destacar trechos importantes do texto, não para o conteúdo inteiro. Além de dificultar a leitura, existe maior chance de o tópico ser ignorado pelos membros do Fórum. 11. De Novo, Seja Paciente
Lembre-se que o fórum é composto por voluntários que também possuem seus próprios problemas e compromissos. Não espere uma resposta imediata, muitas vezes um membro que pode ter a solução para seu problema ainda não leu sua dúvida.
Equipe iMasters -
Por renato.ferreira
As regras do fórum proibem propaganda de qualquer tipo, estamos com vaga(s) para Programador PHP Pleno e Jr na Empresa, para trabalho diariamente em Home Office, posso anunciar no fórum ou é contra as regras ?
Obrigado
-
