Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''bootstrap''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • Android
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Swift
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 94 registros

  1. Olá a todos, Estou a aprender a trabalhar com o bootstrap. Acontece que num slide, através do carousel, a imagem não ocupa a largura toda a da página. Fica assim: https://imgur.com/a/MS03Y <div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <!-- Primeiro Slide - Active --> <div class="item active"> <img src="img/mountains.png"> <div class="carousel-caption"> <h1>get to know bootstrap</h1> <br> <button type="button" class="btn btn-default">Get Started</button> </div> </div> <!-- End Primeiro Slide - Active --> <!-- Segundo Slide --> <div class="item"> <img src="img/snow.png"> </div> <!-- Terceiro Slide --> <div class="item"> <img src="img/red.png"> </div> </div> Via CSS estou a tentar: .item-active img { background-size: cover; } Já estive a tentar de várias maneiras, mas nenhuma funciona. Através do Inspect Element consigo ver que a classe item tem a largura da página, mas a imagem, que está no inteiror dessa classe tem uma largura bem inferior à da página (o filho tem um largura inferior ao pai). Obrigado pela ajuda
  2. Modal do Bootstrap não funciona

    Ola Pessoal, Com botão ele funciona, automaticamente não... <!DOCTYPE html> <html lang="en"> <head> <title>Administracion Hotel City Express</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- Google fonts --> <link href='https://fonts.googleapis.com/css?family=Graduate|Pacifico' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="css/style.css" rel="stylesheet" type="text/css"/> <link href="css/menu.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.2.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script src="js/validacao.js" type="text/javascript"></script> <link href="../favicon.ico" rel="shortcut icon"> <script type="text/javascript"> $(document).ready(function() { $('#myModal').modal('show'); }); </script> </head> <body> <div class="container"> <div id="myModal" class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-sm"> <div class="modal-content se-center"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="window.location.href='index.php?page=equipList';"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p></p><div class="se-alert-success"> <i class="fa fa-thumbs-o-up fa-3x"></i> </div> <div class="alert alert-success"> Enmienda Efectuada con éxito </div> <p></p> </div></div> </div> </div> </div> </body> </html>
  3. Classes de acordo com a resolução

    Ola Pessoal, Estou organizando o css e queria que a classe que fica no index (exemplo: se-include) utilizando uma classe do Bootstrap, mas de acordo com a resolução... Assim, ele colocaria a class de acordo com a resolução seria o tamanho do Bootstrap.... Não esta funcionando, então poderiam me ajudar? /** Smarthphones no formato "retrato" **/ @media screen and (min-width: 480px) and (orientation:landscape){ html{ font-size: 14px; } .btn{ font-size: 12px; } .se-include, .col-md-12{ } } /** Tablets e Smarthphones de segunda geração **/ @media screen and (max-width: 780px) and (orientation:portrait){ html{ font-size: 14px; } .se-include, .col-md-12{ } } /** Desktops, Laptops e TVs. **/ @media screen and (min-width: 780px){ html{ font-size: 16px; } .se-include, .col-md-8, .col-md-offset-2 { } }
  4. Problema com IF count e progressbar

    Olá pessoal, estou com uma pulga atrás da orelha por causa desse problema, eu não consigo fazer um IF de um COUNT, eu consigo exibir o valor do COUNT, mas eu coloco: if ($row_cnt == 1) { $iCod_Area +=9; } E na progress bar eu coloco: <div class="progress"> <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width:<?php echo $iCod_Area;?>%"> </div> </div> Mas fica desconfigurado: http://prntscr.com/hbtf7u
  5. Sites responsivos = bootstrap?

    Fala galera do IMaster, Eu estou montando um site/projeto mas ainda não sei deixa-lo responsivo, Alguem poderia me indicar algo para estudar? Dei uma pesquisada e uma ferramenta que mais indicam é o Bootstrap, os sistemas grandes também utilizam bootstrap ou fazem tudo manualmente? E assim... eu não sei por que ele usa apenas 12 colunas, eu to querendo fazer um menu horizontal que ocupe 100% do width e com um menuzinho na ponta esquerda... como por exemplo o site do YouTube. Isso teria mais de 12 colunas, entende? E tipo, quando eu clico no menu lateral do youtube, espreme a "main" da página (ela também se redimensiona...)
  6. NavBAR deste site, como fazer?

    olá galera. estive baixando um SO, e achei bacana o estilo desta barra, efeito. alguém tem ideia, já fez isso: NAVBAR - com Slide Tentei desmembrar o código, mas ví que está em WORDPRESS, se alguém souber de alguma forma reproduzir simplesmente, apenas com jquery, tem exemplo e gostaria de postar para conhecimento e estudo, agradeço. Obrigado.
  7. Alinhar fotos com li (bootstrap3)

    Coloco 3 imagens com links no inicio do site, coloquei pra ser responsivo, mas quando diminuo a tela ela fica toda bugada, as imagens acabam ficando uma por cima da outra. E preciso que as imagens fiquem no centro da tela, uma do lado da outra, e quando a tela diminuir elas simplesmente continuem uma do lado da outra. <div class="row"> <div class="col-xs-4 col-md-4 col-sm-4"> <ul> <li class="lipostagem"><a href="PostagemTeste.html"><img class="img2 img-responsive" src="img/azul/teste.png" alt="Sucesso"> <span class="post">Postagem</span></a></li> </ul> </div> <div class="col-xs-4 col-md-4 col-sm-4"> <ul> <li class="liviagem"><a href="#"><img class="img2 img-responsive" src="img/cinza/cinza1.png" alt="Sucesso"><span class="viagem">Viagem</span></a></li> </ul> </div> <div class="col-xs-4 col-md-4 col-sm-4"> <ul> <li class="lientregue"><a href="EntregueCerto.html"><img class="img2 img-responsive" src="img/cinza/cinza1.png" alt="Sucesso"><span class="entregue">Entregue</span></a></li> </ul> </div> </div> CSS: .img1{ float: right; } .img2{ float: none; } .img3{ float: right; } .flex-centralizado { display: flex; justify-content: center; } li{ list-style-type: none; }
  8. [Bootstrap] Alinhar formulario

    Opa, sou novo em bootstrap e estou com dificuldade em alinha um formulário, algo simples. vou mandar print de como queria que ficasse, se alguém puder me ajudar agradeço muito. https://imgur.com/4O090qK obs: só não consigo deixar um input ao lado de um select
  9. Botão do MODAL não exclui

    Olá pessoal. Estou montando um CRUD simples. A exclusão fica dentro da tela de view do registro. Coloquei um MODAL para informar ao usuário a sua intenção de excluir a linha do banco. Mas é ai que estou tendo problema. O Link do botão chama o delete.php que será o responsável pela exclusão. Mas ele não chama. Pq em execução diretamente no browser eu coloco o delete.php?id=99 e funciona, exclui o registro. Os arquivos estão todos no mesmo diretório. <!-- view.php --> <?php require_once('functions.php'); //require_once('delete.php'); view($_GET['id']); ?> <?php $sistema = 'SALVUM - TIPO_CXS_C v1.0.17' ?> <?php include(HEADER_TEMPLATE); ?> <div class="row"> <div class="col-xs-12 text-center"> <h1>Sistema de Caixa</h1> </div> </div> <h2>Tipo de Movimentação <?php echo $cxsimples_tipo['cxs_tipo_id']; ?></h2> <hr> <dl class="dl-horizontal"> <dt>Descrição: </dt> <dd><?php echo $cxsimples_tipo['cxs_tipo_descricao']; ?></dd> <dt>Movimentação: </dt> <dd><?php if($cxsimples_tipo['cxs_tipo_entrada'] == 0) {echo 'Entrada';} else {echo 'Saida';}?> </dd> <dt>Dias: </dt> <dd><?php echo $cxsimples_tipo['cxs_tipo_dias']; ?></dd> <dt>Indice: </dt> <dd><?php echo number_format($cxsimples_tipo['cxs_tipo_indice'],8,',','.'); ?></dd> </dl> <div id="actions" class="row"> <div class="col-md-12"> <a href="index.php" class="btn btn-default"> <i class="fa fa-chevron-left"></i> Voltar </a> <a href="edit.php?id=<?php echo $cxsimples_tipo['cxs_tipo_id']; ?>" class="btn btn-primary"> <i class="fa fa-pencil"></i> Editar </a> <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#modal-exclusao"> <i class="fa fa-trash-o"></i> Excluir </a> </div> </div> <?php include(FOOTER_TEMPLATE); ?> <?php include('exclusao.php'); ?> <!-- exclusao.php --> <!-- Modal --> <div class="modal fade" id="modal-exclusao" role="dialog" data-id> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Deseja Excluir o Tipo <?php echo $cxsimples_tipo['cxs_tipo_id']; ?>?</h4> </div> <div class="modal-body"> <p>Essa Operação irá excluir do banco de dados o Tipo <?php echo $cxsimples_tipo['cxs_tipo_id']; ?> de movimentação de Caixa.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" href="delete.php?id=<?php echo $cxsimples_tipo['cxs_tipo_id']; ?>" > Sim, eu quero excluir. </button> <button type="button" class="btn btn-default" data-dismiss="modal"> Não Quero Excluir. </button> <a id="question" class="btn btn-info" href="https://api.whatsapp.com/send?phone=5511952189891&text=Estou%20com%20duvidas%20nesse%20Item%20MODALCXS_TIPO_REM"> Preciso de Ajuda! </a> </div> </div> </div> </div> <!-- /Modal --> /** delete.php **/ <?php require_once('functions.php'); if (isset($_GET['id'])){ $myfile = fopen("delete-code2.txt","w") or die("Sem chance parceiro!"); fwrite($myfile,$_GET['id']); fclose($myfile); delete($_GET['id']); } else { die("ERRO: ID não definido."); } ?>
  10. Style do bootstrap só funciona no 1200px

    problema resolvido!
  11. Javascript não pega a var de baixo

    Olá pessoas, por incrível que pareça, mesmo eu verificando se o elemento existe, me diz isso: Mas quando clico no botão: <button type="button" class="btn btn-primary" onclick="validateForm()">Confirmar <span class="glyphicon glyphicon-ok"></span> </button> Ele só valida a de cima "ADMCORP", se no meu form tiver apenas "AMBIENTAL" ele não verifica, mas se tiver "ADMCORP" ele verifica, o que pode ser?
  12. Javascript não pega a var de baixo

    Olá pessoas, por incrível que pareça, mesmo eu verificando se o elemento existe, me diz isso: Mas quando clico no botão: <button type="button" class="btn btn-primary" onclick="validateForm()">Confirmar <span class="glyphicon glyphicon-ok"></span> </button> Ele só valida a de cima "ADMCORP", se no meu form tiver apenas "AMBIENTAL" ele não verifica, mas se tiver "ADMCORP" ele verifica, o que pode ser?
  13. Formulário com Modal - FECHADO

    Favor excluir este post.
  14. Formulário com Modal

    Olá pessoal, eu tenho um form: <form id="resp_form" method="POST" action="functions/update.php" enctype="multipart/form-data"> <?php if ($res=$mysqli->query($queryResult)) { if($res) { while($row = mysqli_fetch_array($res)): ?> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Área</h3> </div> <div class="panel-body"> <div class="form-group"> <div> <table> <tr><td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="0" id="<?php echo $row['cod_area']."0"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."0"; ?>" class="css-label radGroup2">0</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="1" id="<?php echo $row['cod_area']."1"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."1"; ?>" class="css-label radGroup2">1</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="2" id="<?php echo $row['cod_area']."2"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."2"; ?>" class="css-label radGroup2">2</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="3" id="<?php echo $row['cod_area']."3"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."3"; ?>" class="css-label radGroup2">3</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="4" id="<?php echo $row['cod_area']."4"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."4"; ?>" class="css-label radGroup2">4</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="5" id="<?php echo $row['cod_area']."5"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."5"; ?>" class="css-label radGroup2">5</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="6" id="<?php echo $row['cod_area']."6"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."6"; ?>" class="css-label radGroup2">6</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="7" id="<?php echo $row['cod_area']."7"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."7"; ?>" class="css-label radGroup2">7</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="8" id="<?php echo $row['cod_area']."8"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."8"; ?>" class="css-label radGroup2">8</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="9" id="<?php echo $row['cod_area']."9"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."9"; ?>" class="css-label radGroup2">9</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="10" id="<?php echo $row['cod_area']."10"; ?>" class="css-checkbox"/ required> <label for="<?php echo $row['cod_area']."10"; ?>" class="css-label radGroup2">10</label> </td> </tr> </table> </div> <br> </div> </div> </div> <?php endwhile;}}?> <input type="hidden" name="id_pergunta" value="<?php echo $id_pergunta?>"> <?php if (!isset($_POST['id_pergunta'])) { ?> <div class="jumbotron"> <h1>Erro 404!</h1> <p>Infelizmente não encontramos o que você procura, tente em outro lugar, quem sabe.</p> <a class="btn btn-info btn-lg" onClick="history.go(-1)" role="button">Voltar <span class="glyphicon glyphicon-arrow-left"></span> </a> <a class="btn btn-info btn-lg" href="index.php" role="button">Início <span class="glyphicon glyphicon-home"></span> </a> </div> <?php } else { ?> <button type="submit" href="#modal-dialog" data-toggle="modal" class="btn btn-success">Confirmar <span class="glyphicon glyphicon-ok"></span> </button> <a href="index.php" class="btn btn-danger" role="button">Cancelar <span class="glyphicon glyphicon-remove"></span> </a> <?php }?> </form> E uma página em php para esse formulário postar, functions/update.php Minha cruel dúvida é a seguinte: Como eu faço para quando eu responder este formulário exiba um modal com o botão OK e quando eu clicasse nesse modal, ia para a página functions/update.php postar o meu form?
  15. Alterar Tabela Bootstrap

    Fala galera beleza ? Então, gostaria de saber como faço pra redimensionar essa tabela para que os ícones de ações (Marquei na imagem) fiquem um ao lado do outro ou ficarem em bloco, pois ele está jogando tudo na vertical. Obrigado desde já =)
  16. Como chamar modal se login for inválido?

    Código: <?php error_reporting(0); if(!isset($_SESSION)) session_start(); //Login de Usários if(isset($_POST['login'])) { include('app/ad.class.php'); $senha = $_POST['senha']; $usuario = $_POST['usuario']; if ((isset($_POST['usuario'])) and (isset($_POST['senha']))) { $ldap = new ldap('LDAP://172.16.0.2'); if ($ldap->autentica($_POST['usuario'], $_POST['senha'])) { $_SESSION['usuario'] = $usuario; $_SESSION['senha'] = $senha; $_SESSION['nome'] = $ldap->busca_nome($usuario); header("Location: index.php"); } else { unset($_SESSION['usuario']); unset($_SESSION['senha']); //Aqui é para chamar o modal no caso de else, mas não chama, meu modal foi setado lá embaixo! echo '<script> $("#myModal").modal("show");</script>'; } } } ?> <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pesquisa Terra Santa Agro S.A.</title> <link rel="icon" href="img/site/favicon.ico"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/sb-admin-2.css" rel="stylesheet"> </head> <script> $('#myAlert').on('closed.bs.alert', function () { $(".alert").fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }) }) </script> <body> <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div class="login-panel panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Autenticação</h3> </div> <div class="panel-body"> <form method="POST" action="" role="form"> <fieldset> <div class="input-group"> <input value="<?php if(isset($_SESSION['usuario'])) echo $_SESSION['usuario']; ?>" class="form-control" placeholder="Insira seu usuário..." name="usuario" required type="text" autofocus> <span class="input-group-addon" id="basic-addon2">@tsagro.com</span> </div><br> <div class="form-group"> <input class="form-control" required placeholder="Insira sua senha..." name="senha" type="password" value=""> </div> <div class="alert alert-info alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> <strong>Nunca</strong> deixe sua senha salva. Por motivos de facilidade, deixaremos seu usuário salvo caso retorne. </div> <button type="submit" name="login" value="true" class="btn btn-success btn-block">Entrar <span class="glyphicon glyphicon-log-in"></span> </button> </fieldset> </form> </div> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> <script src="js/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script> <script src="js/bootstrap.min.js"></script> <script src="js/ie10-viewport-bug-workaround.js"></script> </body> </html>
  17. grid bootstrap

    Vi algumas estruturas bootstrap onde nas div se usava mais de uma marcacao de coluna ex: <div class="col-sm-4 col-xs-8 col-md-12"></div> Qual resultado disso? pelo que entendi são pra varias resoluções por que nao usar media queries?
  18. Problema menu dropdown para dispositivos móveis Bootstrap

    Olá. Estou com um trabalho, e recentemente o menu dropdown do Bootstrap vem apresentando um problema. Quando eu abro a página, ele funciona normalmente, porém, se atualizar ele apresenta um problema bem estranho, provavelmente é javascript (pelo que verifiquei), mas não tenho noção de como resolver. Segue as imagens do menu funcionando e dando problema:
  19. Problema com configuração de tablet - CSS

    Olá. Estou com um trabalho, porém existe um problema na configuração de tablet, onde o body não ocupa todo o comprimento. Porém não tenho ideia do que seja. (Não estou conseguindo fazer upload da imagem). O problema vai de 768px até 1124px. Link para a imagem: https://drive.google.com/open?id=0B4wD-Zk-3he2ODRyT0pyV1gydGc Obrigado!
  20. Como exibir dados diferentes no Modal?

    Olá, vou resumir meu projeto: Tenho uma tabela: CREATE TABLE `vg_pes_area_usuario` ( `cod_usuario` varchar(255) NOT NULL, `cod_area` varchar(255) NOT NULL, `respondido` varchar(255) NOT NULL, `cod_pergunta` varchar(255) NOT NULL DEFAULT '' ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Onde me exibe os dados: Certo... Eu tenho a página index.php que me mostra um modal para responder as perguntas: Ao clicar em uma pergunta, ele me exibe o modal: Como perceberam, ele mostra 2 ADMCORP, mas eu não quero isso, o que ele está fazendo é: Selecionando as duas áreas, mas eu quero que ele selecione apenas da pergunta que eu selecionar, ele pega as duas por que eu tenho 2 registros da mesma área mas de pergunta diferente: Eu quero que, se eu selecionar a pergunta 1, apenas apareça 1, que corresponde aquela pergunta, e não os dois, e quando eu selecionar a pergunta 2, exiba o ADMCORP da pergunta 2, segue o PHP que eu crio dinamicamente: <?php include_once('app/config.php'); $queryResult = "SELECT vg_perguntas.descricao_pergunta, vg_pes_area_usuario.cod_usuario, vg_perguntas.id_pergunta, vg_pes_area_usuario.cod_pergunta, vg_pes_area_usuario.cod_area, vg_pes_area_usuario.respondido FROM vg_perguntas INNER JOIN vg_pes_area_usuario ON vg_perguntas.id_pergunta = vg_pes_area_usuario.cod_pergunta WHERE vg_pes_area_usuario.respondido = 'N' AND vg_pes_area_usuario.cod_usuario = 'jesse.pereira'"; $result = mysqli_query($mysqli, $queryResult); $sql = "SELECT * FROM vg_perguntas"; $resultado = mysqli_query($mysqli, $sql); ?> <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Starter Template for Bootstrap</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet"> <link href="css/starter-template.css" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"/> <script src="js/ie-emulation-modes-warning.js"></script> <style type="text/css"> label {margin-right:14px;} </style> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Project name</a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </div> </nav> <br> <div class="container"> <div class="list-group"> <?php if ($res=$mysqli->query($sql)) { if($res) { while($row = mysqli_fetch_array($res)): ?> <a href="#" data-toggle="modal" data-target="#are_mdl" data-whatever="<?php echo $row["id_pergunta"]; ?>"data-whateverdescricaopergunta="<?php echo utf8_encode($row["descricao_pergunta"]); ?>"data-whateverid_pergunta="<?php echo utf8_encode($row["id_pergunta"]); ?>" class="list-group-item"><?php echo $row['id_pergunta']." - "; echo utf8_encode($row['descricao_pergunta']);?></a> <?php endwhile; ?> <br> </div> </div> <?php }} ?> <div class="modal fade" id="are_mdl" tabindex="-1" role="dialog" aria-labelledby="are_mdlLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="are_mdlLabel">...</h4> </div> <div class="modal-body"> <form method="POST" action="update.php" enctype="multipart/form-data"> <?php if ($res=$mysqli->query($queryResult)) { if($res) { while($row = mysqli_fetch_array($res)): ?> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"><?php echo utf8_encode($row['cod_area']); ?></h3> </div> <div class="panel-body"> <div class="form-group"> <div> <table> <tr><td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="0" id="<?php echo $row['cod_area']."0"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."0"; ?>" class="css-label radGroup2">0</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="1" id="<?php echo $row['cod_area']."1"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."1"; ?>" class="css-label radGroup2">1</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="2" id="<?php echo $row['cod_area']."2"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."2"; ?>" class="css-label radGroup2">2</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="3" id="<?php echo $row['cod_area']."3"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."3"; ?>" class="css-label radGroup2">3</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="4" id="<?php echo $row['cod_area']."4"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."4"; ?>" class="css-label radGroup2">4</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="5" id="<?php echo $row['cod_area']."5"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."5"; ?>" class="css-label radGroup2">5</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="6" id="<?php echo $row['cod_area']."6"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."6"; ?>" class="css-label radGroup2">6</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="7" id="<?php echo $row['cod_area']."7"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."7"; ?>" class="css-label radGroup2">7</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="8" id="<?php echo $row['cod_area']."8"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."8"; ?>" class="css-label radGroup2">8</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="9" id="<?php echo $row['cod_area']."9"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."9"; ?>" class="css-label radGroup2">9</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="10" id="<?php echo $row['cod_area']."10"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."10"; ?>" class="css-label radGroup2">10</label> </td> </tr> </table> </div> <br> </div> </div> </div> <?php endwhile;}}?> <div class="form-group"> <label for="id_pergunta" class="control-label">id_pergunta:</label> <input name="id_pergunta" type="text" class="form-control" id="id_pergunta" readonly> </div> <button type="submit" class="btn btn-success">Confirmar</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button> </form> </div> </div> </div> </div> Espero que compreendam. Obrigado!
  21. Cadastro em abas

    Boa tarde pessoal, tenho este código e quero adaptar ele a minha necessidade, quero fazer um cadastro em 3 abas porem apenas um botão cadastrar... neste exemplo ele tem 3 botão um em cada aba, quero deixar ele apenas na última aba e cadastrar os itens das 3. <body> <div class="container theme-showcase" role="main"> <div class="page-header"> <h1>Cadastrar Usuário</h1> </div> <div> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#dados_pessoais" aria-controls="home" role="tab" data-toggle="tab">Dados Pessoais</a></li> <li role="presentation"><a href="#dados_de_acesso" aria-controls="dados_de_acesso" role="tab" data-toggle="tab">Dados de Acesso</a></li> <li role="presentation"><a href="#endereco" aria-controls="endereco" role="tab" data-toggle="tab">Endereço</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="dados_pessoais"> <div style="padding-top:20px;"> <form class="form-horizontal" action="" method="POST"> <div class="form-group"> <label class="col-sm-2 control-label">Nome</label> <div class="col-sm-10"> <input type="text" name='nome' class="form-control" id="nome" placeholder="Nome Completo"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">CPF</label> <div class="col-sm-10"> <input type="text" name='cpf' class="form-control" id="cpf" placeholder="CPF"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-success">Cadastrar</button> </div> </div> </form> </div> </div> <div role="tabpanel" class="tab-pane" id="dados_de_acesso"> <div style="padding-top:20px;"> <form class="form-horizontal" action="" method="POST"> <div class="form-group"> <label class="col-sm-2 control-label">Usuário</label> <div class="col-sm-10"> <input type="text" class="form-control" id="usuario" placeholder="Usuário"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Senha</label> <div class="col-sm-10"> <input type="password" class="form-control" id="senha" placeholder="Senha"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-success">Cadastrar</button> </div> </div> </form> </div> </div> <div role="tabpanel" class="tab-pane" id="messages"> </div> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body>
  22. Painel com radio group button

    Olá pessoal! Vou direto ao ponto, estou começando uma página que faz um SELECT meio doido, mas funciona perfeitamente, (não é isso o problema) vai direto pra um modal, e esse modal terão algumas áreas, para o usuário responder a nota para cada área, mas o seguinte, o sistema cria: http://prntscr.com/gsvrpx Isso está de bom tamanho, mas quando seleciono a resposta do primeiro painel e vou selecionar a do segundo, a do primeiro sai e marca a segunda, o sistema está tratando como o mesmo grupo de botões, como resolver? <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="exampleModalLabel">Aluno</h4> </div> <div class="modal-body"> <form method="POST" action="update.php" enctype="multipart/form-data"> <?php $queryResult = "SELECT vg_perguntas.descricao_pergunta, vg_pes_area_usuario.cod_usuario, vg_perguntas.id_pergunta, vg_pes_area_usuario.cod_pergunta, vg_pes_area_usuario.cod_area, vg_pes_area_usuario.respondido FROM vg_perguntas INNER JOIN vg_pes_area_usuario ON vg_perguntas.id_pergunta = vg_pes_area_usuario.cod_pergunta WHERE vg_pes_area_usuario.respondido = 'N' AND vg_pes_area_usuario.cod_usuario = 'jesse.pereira'"; $result = mysqli_query($mysqli, $queryResult); if ($res=$mysqli->query($queryResult)) { if($res) { while($row = mysqli_fetch_array($res)): ?> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <?php echo utf8_encode($row['cod_area']); ?></h3> </div> <div class="panel-body"> <div class="form-group"> <input type="radio" name="numbers" value="one">1</input> <input type="radio" name="numbers" value="one">2</input> <input type="radio" name="numbers" value="one">3</input> <input type="radio" name="numbers" value="one">4</input> <input type="radio" name="numbers" value="one">5</input> <input type="radio" name="numbers" value="one">6</input> <input type="radio" name="numbers" value="one">7</input> <input type="radio" name="numbers" value="one">8</input> <input type="radio" name="numbers" value="one">9</input> <input type="radio" name="numbers" value="one">10</input> <br> </div> </div> </div> <?php endwhile;}}?> <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button> <button type="submit" class="btn btn-success">Responder</button> </form> </div> </div> </div> </div>
  23. Olá Pessoal, Comecei a usar o Bootstrap em meus projetos recentemente. Gostaria de saber como editar manualmente as @media screen para alguma área específica do site? Tipo: digamos que tenha uma DIV #area_especifica; quero apontar manualmente essa div dentro das @medias do Bootstrap. Isso é possível? Alguém já fez isso? Pode dar uma dica? Valeuuuu
  24. Paginação Moderna Bootstrap

    pessoal estou na busca de exemplos de paginação feitas em bootstrap e ASP, alguém possui exemplos para contribuir? links, códigos.....
  25. Iae galera, estou com uma dúvida, no meu projeto eu implementei o "DataTable", já configurei ele de acordo com o bootstrap para melhorar o visual e tudo mais, funcionar o campo "search", na página há 4 tabelas, só uma funciona 100%, eu sei que tem como funcionar todas, me ajudem por favor ;-; Página PHP(parcial): <script src="js/div.js"></script> <div class="page-content"> <div class="row"> <div class="col-md-10"> <div class="tab-content"> <div class="tab-pane" id="tab3"> <div class="content-box-large"> <div class="panel-heading"> <div class="panel-title">Ordem de Serviço</div> </div> <div class="panel-body"> <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example"> <thead> <tr> <th>Código</th> <th>Abertura</th> <th>Solicitante</th> <th>Matrícula</th> </tr> </thead> <tbody> <?php $consultar_os = "SELECT * FROM `$tabela_ordem`"; $resultado_consultar_os = mysql_query($consultar_os); $quantidade_resultado_os = mysql_num_rows($resultado_consultar_os); for($i = 0;$i < $quantidade_resultado_os; $i++) { $vetor_os = mysql_fetch_array($resultado_consultar_os); ?> <tr class="gradeA"> <td><button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalOS<?php echo $vetor_os['codigo'];?>"><?php echo $vetor_os['codigo']; ?></button></td> <td><input class="form-control" type="text" name="c_nome" value="<?php echo $vetor_os['data_abertura']; ?>"></td> <td class="center"><input class="form-control" type="text" name="c_email" value="<?php echo $vetor_os['solicitante']; ?>"></td> <td class="center"><input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['situacao']; ?>"></td> </tr> <div class="modal fade" id="myModalOS<?php echo $vetor_os['codigo'];?>" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <form action="web/acoes.php" method="post"> <input type="hidden" name="confirma" value="7"> <input type="hidden" name="c_cod_os" value="<?php echo $vetor_os['codigo'];?>"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">#<?php echo $vetor_os['codigo'];?></h4> </div> <div class="modal-body"> <p>Data Abertura:<input class="form-control" type="text" name="c_nome" value="<?php echo $vetor_os['data_abertura']; ?>"></p> <p>Data Conclusão:<input class="form-control" type="text" name="c_usuario" value="<?php echo $vetor_os['data_conclusao']; ?>"></p> <p>Digitador:<input class="form-control" type="text" name="c_email" value="<?php echo $vetor_os['cod_digitador']; ?>"></p> <p>Solicitante:<input class="form-control" type="text" name="c_email" value="<?php echo $vetor_os['solicitante']; ?>"></p> <p>Centro de Custo:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['cod_centro_custo']; ?>"></p> <p>Área Serviço:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['area_servico']; ?>"></p> <p>Descrição:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['descricao']; ?>"></p> <p>Local:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['local']; ?>"></p> <p>Situacao: <select class="form-control" id="select-1" name="c_cargo"> <?php if($vetor_os['situacao'] == 1) { ?> <option value="1">Revisão</option> <option value="2">Aguardando Atendimento</option> <option value="3">Solucionado</option> <?php } ?> </select> </p> <p>Situação: <select class="form-control" id="select-1" name="c_situacao"> <?php if($vetor_usuario['situacao'] == 1) { ?> <option value="1">Atualizada</option> <option value="2">Padrão</option> <?php } else { ?> <option value="2">Padrão</option> <option value="1">Atualizada</option> <?php } ?> </select> </p> <center> <button type="submit" name="button" value="1" class="btn btn-danger btn-sm">Excluir</button> <button type="submit" name="button" value="2" class="btn btn-success btn-sm">Alterar</button> </center. </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </form> </div> <?php } ?> </tbody> </table> </div> </div> </div> <div class="tab-pane" id="tab5"> <div class="content-box-large"> <div class="panel-heading"> <div class="panel-title">Unidade</div> </div> <div class="panel-body"> <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example"> <thead> <tr> <th>Código</th> <th>Unidade</th> <th>Ação</th> </tr> </thead> <tbody> <?php $consultar_unidade = "SELECT * FROM `$tabela_unidade`"; $resultado_consultar_unidade = mysql_query($consultar_unidade); $quantidade_resultado_unidade = mysql_num_rows($resultado_consultar_unidade); for($i = 0;$i < $quantidade_resultado_unidade; $i++) { $vetor_unidade = mysql_fetch_array($resultado_consultar_unidade); ?> <form action="web/acoes.php" method="post"> <tr class="gradeA"> <input type="hidden" name="confirma" value="6"> <td><input class="form-control" type="text" name="c_cod" value="<?php echo $vetor_unidade['codigo']; ?>" readonly></td> <td><input class="form-control" type="text" name="c_nome" value="<?php echo $vetor_unidade['unidade']; ?>"></td> <td class="center"> <button type="submit" name="button" value="1" class="btn btn-danger btn-xs">Excluir</button> <button type="submit" name="button" value="2" class="btn btn-success btn-xs">Alterar</button> </td> </tr> <?php } ?> </form> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> Arquivo JS: $(document).ready(function() { $('#example').DataTable(); } );
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: