Jump to content

Search the Community

Showing results for tags 'htm'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 16 results

  1. Olá pessoal, estou com um problema e nao consigo resolver, antes de postar o código vou explicar aqui, em meu index.php fix buscar umas imagens em um diretorio, pois ele busca todas e monta para mim usando card materialize, já que não preferi armazenar no banco, pois, o cara não pagou o bastante para isso, nisso uso um card e junto um badges collapse, dentro do collapse quero que ao eu der um click e o collapse rola para baixo ele exiba imagens que esta dentro do controller.php que faz a mesma coisa so que com fotos para exibicao dei um include no index onde deveria mostrar as imagens, e na div coloquei um href que recupero no controller, mas nao esta adiantando, so funcio ase eu colocar como link paa outra agina, mas não é o que eu quero. como esta dentro de um foreach acho que nao acesso o conteudo e nem da echo. segue o codigo. recursivo_arquivos_fotos uso css do materialize. e outros css personalizado de exibicao de imagens do lithgalery essa parte do codigo pega minhas imagens em uma pasta e monta um card para mim arquivo index.php segue a parte que importa do codigo <?php $direct = "../mdjr/producoes/img/img_cards/"; $files = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($direct),RecursiveIteratorIterator::LEAVES_ONLY); /** * Pega os arquivos de imagem e monta os cardes para mim */ foreach ($files as $name => $file) { #verifica se nao é um diretorio caso não são arquivos if (!$file->isDir()) { #o metodo getRealPath tira todos os subdiretorios $filePath = $file->getRealPath(); #o metodo getBasename pega pega o nome $relativePath = $file->getBasename($filePath); #trata as barras de acordo com o SO $filePath=str_replace("\\","/",$filePath); // explode a string e dividi-lo pelo "." e pega so a posicao onde está o nome $explod = explode('.',$file->getBasename($filePath)); //substitui underline por um espaço em branco $str_replace = str_replace("_"," ",$explod[0]); // transforma a primeira letra de cada palavra em Maiúscula $upper_first_ame = ucwords($str_replace); /** * Varre o arquivo em busca de estrigs e pega liunha por linha * @var $descricao_cards * @var $linha * @var $linhas */ $descricao_cards = file("../mdjr/producoes/arquivos_links/descricao_cards.txt"); foreach($descricao_cards as $linha) { $linhas[] = $linha; } $r = count($linha); for($i = 0; $i < $r; $i++) { if(!isset($linhas[$y])) { $count = 0; $y = 0; } }/*Fim*/ ?> <br> <!--Inicio Card horizontal--> <div class="container"> <div class="row"> <div class=""> <div class="card"> <div class="card-image waves-effect waves-block waves-light"> <img src="<?php echo $direct.$file->getBasename($filePath);?>" class="activator responsive-img" alt="<?php echo $file->getBasename($filePath);?>"> </div> <div class="card-content"> <span class="card-title activator grey-text text-darken-4"><?php echo $upper_first_ame;?><i class="material-icons right">more_vert</i></span> <p><a href="#">Mais detalhes</a></p> </div> <div class="card-reveal"> <span class="card-title grey-text text-darken-4" style="font-size: 10pt"><?php echo $linhas[$y];$y++ ?><i class="material-icons right">close</i></span> <p><a href="#">Mais detalhes</a></p> </div> <ul class="collapsible"> <li> <div class="collapsible-header"><i class="material-icons">filter_drama</i><?php echo 'Ver Fotos de '. $upper_first_ame;?></div> <div class="collapsible-body" href="producoes/controller/controller.php?card=<?php echo $count++ ?>"><span><?php include "producoes/controller/controller.php"; echo $div; ?></span></div> </li> </ul> </div> </div> </div> </div> <?php } } ?> essa outra parte do codigo deixei para ao clicar ele desce e exibe as imagens que estou carregando em outro arquivo chamado controller.php <ul class="collapsible"> <li> <div class="collapsible-header"><i class="material-icons">filter_drama</i><?php echo 'Ver Fotos de '. $upper_first_ame;?></div> <div class="collapsible-body" href="producoes/controller/controller.php?card=<?php echo $count++ ?>"><span><?php include "producoes/controller/controller.php"; echo $div; ?></span></div> </li> </ul> nessa linha a baixo mostra onde a div funcioa como um link de botao que ao clicar ela chamar o controller.php <div class="collapsible-body" href="producoes/controller/controller.php?card=<?php echo $count++ ?>"> e nessa embaixo ela include o conteudo do controller .php que sera conforme o parametro pasado no link da div onde deveria exibir as imagens carregadas. <div class="collapsible-body" href="producoes/controller/controller.php?card=<?php echo $count++ ?>"><span> agora o arquivo controller.php <?php /** * Created by PhpStorm. * User: joannes * Date: 28/03/19 * Time: 15:30 */ //$options = $_GET['card']; if($_GET['card'] == '0') { ?> <div class="row escuro"> <div class="col s12 m12"> <div id="lightgallery" class="list-unstyled "> <?php $direct = "../img/cards/card_eventos"; $files = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($direct),RecursiveIteratorIterator::LEAVES_ONLY); foreach ($files as $name => $file) { #verifica se nao é um diretorio caso não são arquivos if (!$file->isDir()) { #o metodo getRealPath tira todos os subdiretorios $filePath = $file->getRealPath(); $tam = $file->getSize(); #o metodo getBasename pega o nome $relativePath = $file->getBasename($filePath); #trata as barras de acordo com o S.O $filePath = str_replace("\\", "/", $filePath); // explode a string e dividi-lo pelo "." e pega so a posicao onde está o nome $explod = explode('.', $file->getBasename($filePath)); //substitui underline por um espaço em branco $str_replace = str_replace("_", " ", $explod[0]); // transforma a primeira letra de cada palavra em Maiúscula $upper_first_name = ucwords($str_replace); $div = '<div class="col s12 m4 l2 item" data-aos="fade" data-src="' . $file . '" data-sub-html="<h4>Fading Light</h4><p>Descrição aqui</p>"><br> <a href="#"><img height="100%" width="100%" src="' . $file . '" alt="IMage" class="img-fluid "></a> </div>'; echo $div; } } ?> </div> </div> </div> <?php } ?>
  2. NpBroneverRV

    [Resolvido] Question box dentro php

    Boas pessoal, novo aqui no fórum pois preciso de ajuda, Eu queria fazer uma pergunta dentro do php para inserir na variável e depois usar a variável como chave para criar uma bd, <?php $servername = "localhost"; $username = "root"; $password = ""; $newbd = ""; echo "Qual o nome da base de dados?"; |||>aqui fazer a textbox, detetar a variavel(newbd), e usá-la como nome de uma nova bd "utilizabd(dada como exemplo de uma bd)"<||| // Create connection $conn = new mysqli($servername, $username, $password); // Check connection if ($conn->connect_error) { die("Erro na conexão: " . $conn->connect_error); } // Create database $sql = "CREATE DATABASE utilizabd"; if ($conn->query($sql) === TRUE) { echo "Nova Base de dados criada com sucesso!"; } else { echo "Erro a criar base de dados: " . $conn->error; } $conn->close(); ?>
  3. Prezado(a)s: Estou tentando imprimir conteúdo de questões em duas colunas dinâmicas via php, mas gerando html, sendo que no final de cada página deve-se imprimir um rodapé centralizado na página. Esse rodapé não deve ser impresso nas duas colunas. Conforme o exemplo da imagem a seguir: A imagem apresenta um rodapé sendo impresso de forma errada e só é impresso na primeira página. Note que esse rodapé deve ser impresso em toda a extensão da página e as questões devem ser impressas em duas colunas dinâmicas. Utilizo um loop para obter as informações de cada questão em php, sendo que esse conteúdo está dentro de uma div definida com a classe two (css). Segue os respectivos códigos. <?php echo '<link rel="stylesheet" href="sigaiws_arquivoCSSphp.php"/>'; echo '<html>'; echo '<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'; include "adodb/adodb.inc.php"; include "sigaiws_conectaAdodb.php"; if (isset($_GET['prova'])) { $identificacao = $_GET['prova']; $sql = "select questoesprova.numeroQuestao, professor.matricula, professor.nome, disciplina.codigoDaDisciplina, identificacaoprova.identificacao, identificacaoprova.titulorodape,questoes.alternativaA, questoes.alternativaB, questoes.alternativaC, questoes.alternativaD, questoes.enunciado, questoes.resposta from questoesprova inner join professor on questoesprova.fk_professor = professor.id inner join disciplina on questoesprova.fk_disciplina = disciplina.id inner join identificacaoprova on questoesprova.fk_identificacaoProva= identificacaoprova.id inner join questoes on questoesprova.fk_questoes = questoes.id "; $sql=$sql." where identificacaoprova.identificacao ='".$identificacao."'"; $sql=$sql." order by questoesprova.numeroQuestao"; /*if (!$result->EOF) { //echo '<div align="center"><h3><b>Professor - Matricula : '.$result->fields["matricula"].' - Nome : '.$result->fields["nome"].' - Ano / Semestre : 2018 / 2</b></h3></div>'; } */ echo '<div class="two">'; //id='content text-center'>"."<br>"; //echo "<div id='pageFooter'><br>"; $result=$conexao->Execute($sql); $rodape=""; if (!$result->EOF) $rodape=$result->fields["titulorodape"]; $result=$conexao->Execute($sql); while (!$result->EOF) { // $texto0="<div><br>"; $texto1=" <h3><b>Questão : ".$result->fields["numeroQuestao"]."</b></h3><br/>"; $texto2=" <b>Enunciado</b></br>".$result->fields["enunciado"]."<br/>"; $texto3=" <b>Alternativa A</b></br>".$result->fields["alternativaA"]."<br/>"; $texto4=" <b>Alternativa B</b></br>".$result->fields["alternativaB"]."<br/>"; $texto5=" <b>Alternativa C</b></br>".$result->fields["alternativaC"]."<br/>"; $texto6=" <b>Alternativa D</b></br>".$result->fields["alternativaD"]."<br/>"; // $texto7="</div><br>"; $texto8="<br>"; // $texto9="&nbsp"; // $texto10="<div class='footer'>"; // $texto11=$result->fields["titulorodape"]; // $texto12="</div>"; $textor=""; $textor=$texto1.$texto2.$texto3.$texto4.$texto5.$texto6.$texto8; //$texto9.$texto10.$texto11.$texto12; echo htmlspecialchars_decode($textor); echo "<div class='footer'>".$rodape."</div>"; $result->MoveNext(); } echo "</div>"; // echo "<div style='page-break-inside: avoid;'>".$rodape."</div>"; } //if isset <?php header("Content-Type: text/css; charset=UTF-8"); ?> h1 { text-align: center } count::before { counter-increment: section; content: "\A I am flag " counter(section) ".\A "; font-weight: bold; white-space: pre; } @media print { .two { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } .one { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } input[type="button"] { display: none } } .footer { column-count: 1; position: fixed; text-align: center; bottom: 0; } .genClass5667 { } html { position: relative; min-height: 100%; } body { margin: 0 0 60px; /* bottom = footer height */ } Por favor, me ajudem. Um abração a todos!
  4. LucasMMO

    Campo de assinatura

    Boa tarde Estou criando um formulário que sera usado por alguns de meus colaboradores, cujo quais no final de uma visita precisaram colher a assinatura do cliente. Seriam um campo que permita uma especie de desenho livre, onde o cliente iria dar um visto no celular e ele seria salvo na base, para ser usado depois na hora de gerar o relatório. Muito parecido com o que as empresas de entrega usam. A aplicação esta toda em HTML, PHP e um pouco de JAVA É basicamente isso, já procurei por todos os fóruns e até agora não encontrei nada parecido. Se alguém puder me ajudar desde já agradeço
  5. Matheus Arcanjo

    Problemas com a Centralização

    Estou com problemas para centralizar duas divs de forma paralela, sendo que a quantidade de divs em excesso e cores são tentativas de correção do erro, alguém poderia me dizer onde estou errando ao tentar centrarlizar os elementos que estão em vermelho ? <!DOCTYPE html> <!--For Portuguese--> <html lang="pt-br"> <!--For English--> <html lang="en"> <html> <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>Matheus Arcanjo</title> <link rel="stylesheet" type="text/css" href="style.css" /> <link href="https://fonts.googleapis.com/css?family=Alegreya" rel="stylesheet"> <!-- font awesonme--> <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/regular.js" integrity="sha384-t7yHmUlwFrLxHXNLstawVRBMeSLcXTbQ5hsd0ifzwGtN7ZF7RZ8ppM7Ldinuoiif" crossorigin="anonymous"></script> <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/brands.js" integrity="sha384-sCI3dTBIJuqT6AwL++zH7qL8ZdKaHpxU43dDt9SyOzimtQ9eyRhkG3B7KMl6AO19" crossorigin="anonymous"></script> <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script> <!-- end of font awesome --> </head> <body> <header> <div id="header-inner"> <a href="index.html" id="logo"></a> <nav> <ul> <a href="#" id="menu-icon"></a> <li><a href="index.html" class="current">Home</a></li> <li><a href="#">Currículo</a></li> <li><a href="#">Abilidades</a></li> <li><a href="#">Contato</a></li> <li><a id="facebook" href="https://www.facebook.com/matheusarcanjjo" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><a id="linkedin" href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li> <li><a id="github" href="#" target="_blank"><i class="fab fa-github"></i></a></li> </ul> <!-- teste dos icones fora do menu <ul class="social-header"> <li><a href="https://www.facebook.com/matheusarcanjjo" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#" target="_blank"><i class="fab fa-github"></i></a></li> </ul> --> </nav> </div> </header> <!-- End of Header --> <section class="banner"> <div class="banner-inner"> <div id="left"> <img id="img-banner" src="img/matheus2.png"> </div> <div class="right1"> <div id="right"> <h2>Matheus Arcanjo <br></h2> <p>Nasceu em Goiânia em 28/10/1994. Graduado em Ciência da Computação pela Universidade Católica de Goiás em 2017, busca crescer como profissional na área de web design.</p> </div> </div> </div> </section> <!-- End Banner --> <section class="cv"> <h2>Formação Acadêmica</h2> <div="education"> <ul> <li> <div><time>2012-2017</time></div> </li> </ul> </div> <h2>Experiência Profissional</h2> <div id="work-timeline"> <ul> <li> <div><time>2013 - </time></div> </li> <li> <div><time>2016</time></div> </li> <li> <div><time>2016</time></div> </li> <li> <div><time>2017</time></div> </li> </ul> </div> </section> <section class="skills"> <h2>Conhecimentos e Abilidades</h2> <progress value="30" max="100">lorem ipsum</progress> </section> <!-- end of cv --> <section class="contact"> <h2>Contato</h2> <form action="#" method="post"> <input type=text name="name"></br> <input type="text" name="subject" ></br> <input type="text" name="email"></br> <input type="textarea" name="texto"></br> <input type="button" name="eniar"></br> </form> </section> <!-- end of contact --> <footer> <div id="footer-info"> <p>&copy: Matheus Arcanjo</p> </div> <div id="footer-social"> <ul class="social"> <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#" target="_blank"><i class="fab fa-github"></i></a></li> </ul> </div> </footer> </body> </html> @import url('https://fonts.googleapis.com/css?family=Alegreya'); * { margin: 0; padding: 0; border: 0; } body { background-color: #F5F5F5; color: #67727A; font-family: 'Alegreya', serif; } h2 { font-size: 150%; font-weight: 700; } header{ background-color: #DEECDD; width: 100%; height: 86px; } #header-inner { max-width: 1200px; margin: 0 auto; } #logo{ margin: 20px; float: left; width: 200px; height: 60px; background: url(img/20070.png) no-repeat center; } /*--- Navigation --*/ nav{ float: right; padding: 25px 20px 0 0; } #menu-icon { display: hidden; width: 40px; height: 40px; background: url(img/nav.png) center; } a:hover#menu-incon { border-radius: 4px 4px 0 0; } ul { list-style-type: none; } nav ul li { font-family: 'Alegreya Sans', sans-serif; font-size: 150%; display: inline-block; float: left; padding: 10px; } nav ul li a { color: #8DC8B2 ; text-decoration: none; } nav ul li a:hover { color: #2F7082; } a:hover#facebook { color: #3b5998; } a:hover#linkedin{ color: #0274B3; } a:hover#github { color: black; } .current { color: #2F7082; } /* End of Navigation Stile */ .banner{ background-color: pink; } .banner-inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0 50px 0; position: relative; background-color: cyan; } #img-banner{ width: 100%; display: flex; align-items: center } #left{ background-color: red; max-width: 450px; width: 45% margin: 0 auto; } .right1{ background-color: red; max-width: 450px; width: 45% margin: 0 auto; float: right; } #right{ width: 100%; display: flex; align-items: center } /*End of banenr */ .cv{ clear: left; width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0 50px 0; } .skills{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0 50px 0; } .contact{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0 50px 0; }
  6. Ao clicar em uma categoria no index, será redirecionado para a pagina categories. html e preciso que faça um efeito de scroll até a <li> respectiva dessa página. Segue as imagens abaixo para exemplificar: Primeira imagem: Clico na categoria Furnitures por exemplo. Segunda imagem: Efeito scroll até a <ul> específica. Ja possui um script que abre essa <ul> automaticamente após redirecionamento. Abaixo segue uma parte do código fonte: Index.html <div class="main-content"> <div class="w3-categories"> <h3>Browse Categories</h3> <div class="container"> <div class="col-md-3"> <div class="focus-grid w3layouts-boder1"> <a class="btn-8" href="categories.html" class="scrollSuave"> <div class="focus-border"> <div class="focus-layout"> <div class="focus-image"><i class="fa fa-mobile"></i></div> <h4 class="clrchg">Mobiles</h4> </div> </div> </a> </div> </div> <div class="col-md-3"> <div class="focus-grid w3layouts-boder2"> <a class="btn-8" href="categories.html#parentVerticalTab2"> <div class="focus-border"> <div class="focus-layout"> <div class="focus-image"><i class="fa fa-laptop"></i></div> <h4 class="clrchg"> Electronics & Appliances</h4> </div> </div> </a> </div> </div> <div class="col-md-3"> <div class="focus-grid w3layouts-boder3"> <a class="btn-8" href="categories.html#parentVerticalTab3"> <div class="focus-border"> <div class="focus-layout"> <div class="focus-image"><i class="fa fa-car"></i></div> <h4 class="clrchg">Cars</h4> </div> </div> </a> </div> </div> <div class="col-md-3"> <div class="focus-grid w3layouts-boder4"> <a class="btn-8" href="categories.html#parentVerticalTab4"> <div class="focus-border"> <div class="focus-layout"> <div class="focus-image"><i class="fa fa-motorcycle"></i></div> <h4 class="clrchg">Bikes</h4> </div> </div> </a> </div> </div> <div class="col-md-3"> <div class="focus-grid w3layouts-boder5"> <a class="btn-8" href="categories.html#parentVerticalTab5"> <div class="focus-border"> <div class="focus-layout"> <div class="focus-image"><i class="fa fa-wheelchair"></i></div> <h4 class="clrchg">Furnitures</h4> </div> </div> </a> </div> Categories.html <div class="categories-section main-grid-border"> <div class="container"> <h2 class="w3-head">All Categories</h2> <div class="category-list"> <div id="parentVerticalTab"> <div class="agileits-tab_nav"> <ul class="resp-tabs-list hor_1"> <li>Mobiles</li> <li>Electronics & Appliances</li> <li>Cars</li> <li>Bikes</li> <li>Furniture</li> <li>Pets</li> <li>Books, Sports & Hobbies</li> <li>Fashion</li> <li>Kids</li> <li>Services</li> <li>Jobs</li> <li>Real Estate</li> </ul> <a class="w3ls-ads" href="all-classifieds.html">View all Ads</a> </div> <div class="resp-tabs-container hor_1"> <span class="active total" style="display:block;" data-toggle="modal" data-target="#myModal"><strong>All USA</strong> (Select your city to see local ads)</span> <div> <div class="category"> <div class="category-img"> <img src="images/cat1.png" title="image" alt="" /> </div> <div class="category-info"> <h4>Mobiles</h4> <span>5,12,850 Ads</span> <a href="all-classifieds.html">View all Ads</a> </div> <div class="clearfix"></div> </div> <div class="sub-categories"> <ul> <li><a href="mobiles.html">mobile phones</a></li> <li><a href="mobiles.html">Tablets</a></li> <li><a href="mobiles.html">Accessories</a></li> </ul> </div> </div> <div> <div class="category"> <div class="category-img"> <img src="images/cat2.png" title="image" alt="" /> </div> <div class="category-info"> <h4>Electronics & Appliances</h4> <span>2,01,850 Ads</span> <a href="all-classifieds.html">View all Ads</a> </div> <div class="clearfix"></div> </div> <div class="sub-categories"> <ul> <li><a href="electronics-appliances.html">Computers & accessories</a></li> <li><a href="electronics-appliances.html">Tv - video - audio</a></li> <li><a href="electronics-appliances.html">Cameras & accessories</a></li> <li><a href="electronics-appliances.html">Games & Entertainment</a></li> <li><a href="electronics-appliances.html">Fridge - AC - Washing Machine</a></li> <li><a href="electronics-appliances.html">Kitchen & Other Appliances</a></li> </ul> </div> </div> <div> <div class="category"> <div class="category-img"> <img src="images/cat3.png" title="image" alt="" /> </div> <div class="category-info"> <h4>Cars</h4> <span>1,98,080 Ads</span> <a href="all-classifieds.html">View all Ads</a> </div> <div class="clearfix"></div> </div> <div class="sub-categories"> <ul> <li><a href="cars.html">Commercial Vehicles</a></li> <li><a href="cars.html">Other Vehicles</a></li> <li><a href="cars.html">Spare Parts</a></li> </ul> </div> </div> <div> <div class="category"> <div class="category-img"> <img src="images/cat4.png" title="image" alt="" /> </div> <div class="category-info"> <h4>Bikes</h4> <span>6,17,568 Ads</span> <a href="all-classifieds.html">View all Ads</a> </div> <div class="clearfix"></div> </div> <div class="sub-categories"> <ul> <li><a href="bikes.html">Motorcycles</a></li> <li><a href="bikes.html">Scooters</a></li> <li><a href="bikes.html">Bicycles</a></li> <li><a href="bikes.html">Spare Parts</a></li> </ul> </div> </div> <div> <div class="category"> <div class="category-img"> <img src="images/cat5.png" title="image" alt="" /> </div> <div class="category-info"> <h4>Furniture</h4> <span>1,05,168 Ads</span> <a href="all-classifieds.html">View all Ads</a> </div> <div class="clearfix"></div> </div> <div class="sub-categories"> <ul> <li><a href="furnitures.html">Sofa & Dining</a></li> <li><a href="furnitures.html">Beds & Wardrobes</a></li> <li><a href="furnitures.html">Home Decor & Garden</a></li> <li><a href="furnitures.html">Other Household Items</a></li> </ul> </div> </div> <div> SCRIPT dentro de categories.html <script type="text/javascript"> $(document).ready(function() { //Vertical Tab $('#parentVerticalTab').easyResponsiveTabs({ type: 'vertical', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'hor_1', // The tab groups identifier activate: function(event) { // Callback function if tab is switched var $tab = $(this); var $info = $('#nested-tabInfo2'); var $name = $('span', $info); $name.text($tab.text()); $info.show(); } }); }); </script> Encontrei essa documentação: https://github.com/jellekralt/Responsive-Tabs#scroll-to-accordion-panel Parte da documentação: Scroll to Accordion panel This options can be used to enable automatic scrolling to the accordion panel that has been opened scrollToAccordion: false, // (default) disables the auto scrolling to the accordion panel scrollToAccordion: true, // enables the auto scrolling to the accordion panel Scroll to Accordion panel on load This option can be used to disabling the scrolling to an accordion panel on load scrollToAccordionOnLoad: true, // (default) enables scrolling to accordion on load scrollToAccordionOnLoad: false, // disables scrolling to accordion on load You can define an offset in pixels for the scroll to accordion panel by setting the scrollToAccordionOffset option. scrollToAccordionOffset: false, // (default) disables the auto scrolling to the accordion panel scrollToAccordionOffset: true, // enables the auto scrolling to the accordion panel porem não consegui utilizar esse efeito de scroll. Obs.: Devo manter o código fonte do mesmo jeito, ordens do meu Boss.. ;S Desde já agradeço.
  7. indio25

    Nao aparece as fotos na pagina

    Boas pessoal Eu tenho este site mas ele deixou de exibir as foto o que estou a fazer de errado? http://www.carseletric.hol.es/ver/xiaomi-mi-robot-vacuum-1st-generation-roborock-s50-second-generation
  8. O professor passou o seguinte exercício: Elabore um script que leia dois números e imprima em uma tabela (gerada dinamicamente) o resultado das operações aritméticas soma, produto, divisão e resto da divisão (%) entre esses números. Porém não estou conseguindo criar uma função em JavaScript para fazer todas operações necessárias e imprimir na tabela. Se puderem me ajudar,agradeço bastante!!!!Já consegui fazer essa tabela,como no anexo abaixo.
  9. Olá pessoal do iMasters, conheci o fórum a pouquíssimo tempo e já quero agradecer aos Administradores e Mantenedores deste fórum que a primeira vista parece ser um lugar ótimo para trocar experiencias e conhecimentos. Não fiz nenhum curso especializado área, não tenho um bom conhecimento, mas gosto muito de programação, principalmente na html, css(odiando até então), php e etc... Iniciei um projeto, que considero como um objetivo pessoal. Ele é bem simples, mas reflete bastante minha base de conhecimento. Minha intenção é aprender cada dia mais e me aperfeiçoar até me tornar independente de vídeos tutorias do YouTube. Tomei como NewMeta a criar uma nav bar responsiva transparente. E acredite ... Até consegui ;) porém acontece isso aqui " http://prntscr.com/h861rf " após passar a madrugada de hoje inteirinha tentando resolver o bug, acabei descobrindo que a Materialize.css está bugando/conflitando com a NavBar. Tentei abandonar a Materialize.css mas ela é essencial para que o meu site fique em ordem, caso contrario " http://prntscr.com/h8640z " ele fica assim, quando deveria ficar assim lindo e maravilhoso assim: http://prntscr.com/h865ur . Meu website de bosta é esse aqui: http://officialyume.xyz/ caso queiram dar uma olhadinha. Caso queiram ver as css elas estão bem aqui: http://officialyume.xyz/conteudo/css/ Vou procurar por algum tutorial aqui no forum sobre como "Bloquear o Acesso das pastas que estão no meu host" ou algo do tipo, pois eu não sei me referir a isso corrretamente. E é isso, espero que me ajudem guys, obrigado por lerem até aqui.
  10. Boa tarde galera. Quero saber se é possível eu criar um sistema que mostre quando eu colar um link em um editor de texto como o Tiny MCE ele exiba uma prévia da imagem e do texto? Temos o caso do facebook, do linkedin, entre outros... Esse print abaixo acabei de fazer no facebook... na parte de publicação colei o link do Forum Imaster e apareceu essa prévia... e ao postar também fica assim. ***Edit: Esse sistema que estou fazendo é em PHP/MySql Como isso é feito? Alguém sabe me dizer? Obrigado
  11. Gabriel42

    Menu Dropdown

    Bom pessoal estou com muita dúvida em menu Dropdown e não é de hoje! Já vi inúmeras vídeo-aulas, tutoriais mais simplesmente não consigo entender Estou desenvolvendo um projeto pra adquirir mais experiencia: http://prnt.sc/f1xmnr O menu já esta pronto como podem ver na imagem no link acima mais não consigo arrumar o menu dropdown se vocês poderem me ajudar agradeço. CSS /* RESET */ * {margin: 0; padding: 0; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal; box-sizing: border-box; border: none; outline: none;} img {max-width: 100%;} ul {list-style: none;} a {text-decoration: none;} /* MENU ATENDIMENTO */ .menu-atendimento {position: relative; width: 100%; height: 40px; background-color: #282828; font-size: 1em; font-weight: 300;} .menu-atendimento h2 {position: relative; float: left; padding-left: 90px; padding-top: 10px; color: #0294c4; cursor: default;} .menu-atendimento ul li {position: relative; float: right; padding-right: 100px; padding-top: 10px;} .menu-atendimento ul li a {color: #0294c4;} .menu-atendimento ul li a:hover{color: #f3f3f3;} /* CABECALHO */ .cabecalho {position: fixed; width: 100%; height: 58px; background-color: #f1f1f1;} .logo-marca {width: 48px; height: 31px; float: left; margin-top: 15px; margin-left: 90px; background-image: url(../img/logo-marca.png);} .logo-texto {width: 111px; height: 31px; float: left; margin-top: 17px; margin-left: 10px; background-image: url(../img/logo-texto.png);} /* MENU */ .menu {float: right; white-space: nowrap;} .menu ul {position: relative;} .menu ul li {width: 150px; float: right; margin-right: 100px;} .menu ul li a {display: block; padding-top: 20px; text-align: center; color: #282828; font-size: 1.1em} HTML <!DOCTYPE html> <html lang="pt-br"> <head> <title>CopenHost</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </head> <body> <div class="menu-atendimento"> <h2> <i class="fa fa-phone" aria-hidden="true"></i> 0800 6839 7171</h2> <ul> <li> <a href="#"> <i class="fa fa-user" aria-hidden="true"></i> Painel do Cliente</a> </li> <li> <a href="#"> <i class="fa fa-envelope" aria-hidden="true"></i> Webmail</a> </li> <li> <a href="#"> <i class="fa fa-comments" aria-hidden="true"></i> Atendimento</a> </li> </ul> </div> <header class="cabecalho"> <h1 class="logo-marca"></h1> <h1 class="logo-texto"></h1> <nav class="menu"> <ul> <li> <a href="#">FAQS</a> </li> <li> <a href="#">Sobre</a> </li> <li> <a href="#">Produtos <i class="fa fa-caret-down" aria-hidden="true"></i> </a> <ul> <li> <a href="#">Hospedagem de Sites</a> </li> <li> <a href="#">Hospedagem WordPress</a> </li> <li> <a href="#">Revenda de Hospedagem</a> </li> <li> <a href="#">Registro de Dominios</a> </li> </ul> </li> </ul> </nav> </header> </body> </html>
  12. Gabriel42

    Menu dropdown

    PESSOAL ESTOU COM MUITA DÚVIDA EM MENU DROP DOWN ALGUEM PODE ESTAR ME AJUDANDO? ME ADD NO SKYPE OU EM ALGUM OUTRO LUGAR PRA ME AJUDAR
  13. Gabriel42

    Erros com sub-menu

    Pessoal estou com um pequeno poblema no meu sub-menu, eu fiz tudo certinho com efeito hover quando eu aperto no menu abre o sub-menu, até ai tudo bem. Só que quando eu afasto o cursor do menu pra clickar em um item do sub-menu o sub-menu some. MENU NORMAL = http://prnt.sc/f0nwbo MENU QUANDO VOU CLICKAR NO SUB-MENU = http://prnt.sc/f0nwt9 CÓDIGO CSS /* SUB MENU */ .menu ul li ul {position: absolute; display: ; background-color: #f1f1f1; margin-left: -105px; margin-top: 35px; display: none;} .menu ul li ul li {display: block; height: auto; width: 200px; margin-top: 20px; padding-left: 120px;} .menu ul li ul li a {font-size: 1.2em; font-weight: normal; display: block; display: inline-block; white-space: nowrap; color: #013d8d; padding-left: 50px; color: #282828;} .logo-hospedagem {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/hospe.png); float: left; margin-top: -10px; margin-left: -110px; border-bottom:} .logo-wordpress {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/word.png); float: left; margin-left: -110px;} .logo-revenda {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/revenda.png); float: left; margin-left: -110px;} .logo-dominio {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/dominio.png); float: left; margin-left: -110px; margin-bottom: 10px;} .menu li:hover ul, .menu li.over ul{display:block;}
  14. CÓDIGO DOS BOTOES: <html> <body> <link rel="stylesheet" href="/SLP/css/css/Pesquisa.css"> <table border="1"> <tr> <td> <a href="css/css/T.php" class="btn btn-blue">Titular</a> </td> <td> <a href="" class="btn4 btn-blue">Substituto</a> </td> <td> <a href="" class="btn3 btn-blue">Aula Atividade</a> </td> <td> <a href="" class="btn2 btn-blue">Substituto CTD</a> </td> </tr> </table> </head> </body> CÓDIGO DE PESQUISA: <!DOCTYPE html> <html> <script> </script> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!-- Latest compiled and minified CSS --> </head> <body> <br/> <br/> <br/> <br/> <br/> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" size="35" id="palavra" placeholder="Digite seu nome ou sua matrícula.." required /> <span class="input-group-btn"> <button class="btn btn-blue" id="buscar" type="button">Buscar</button> </span> </div> </div> </div> <div id="dados"></div> </div> <link rel="stylesheet" href="/SLP/css/css/CDTpag2.css"> <script> $('#buscar').click(function () { if( $("#palavra").val().length < 1 ) { Alert("digite uma palavra") return false; } else { buscar( $("#palavra").val() ); } }); function buscar(palavra) { var page = "/SLP/css/css/busca.php"; $.ajax ({ type: 'POST', dataType: 'html', url: page, beforeSend: function () { $("#dados").html("Carregando..."); }, data: {palavra: palavra}, success: function (msg) { $("#dados").html(msg); } }); } $('#buscar').click(function () { buscar($("#palavra").val()) }); </script> </br></br></br></br></br></br></br></br> <link rel="stylesheet" href="/SLP/css/css/voltar.css"> <a href="Pesquisa" class="bt btn-blue">Limpar</a> <br/> <link rel="stylesheet" href="/SLP/css/css/voltar.css"> <a href="Sistema de Lotação" class="bt btn-blue">Voltar</a> </body> </html> COMO FAZER PARA QUE OS BOTOES ABRA A PARTE DO CÓDIGO DE PESQUISA NA MSM PAGINA EMBAIXO DELES SEM IR PRA OUTRA PAGINA ??
  15. Vinicius P da Silva

    Fazer um parser em arquivos zipados

    Olá galera, como vocês estão? Sou estagiário em programação web, tenho apenas 6 meses de experiencia em php, no meu estágio, estamos fazendo um trabalho de monitoramento de rede, usando um software, Fiddler, ele me gera um zip, dentro dele tem vários arquivos que são gerados pelo programa com dados estatísticos da rede. Resumindo tudo isso, ele gera três tipos de arquivos, *.txt, *.xml, *.htm. Para trabalhar com eles criei scripts, que abrem o zip e leia o conteúdo dos arquivos e mandem para um banco de dados, desses três já consegui dois, txt e xml, estou preso no htm, o código padrão que uso para abrir os zips e tratar os arquivos: <?php if (!extension_loaded('zip')) { echo ("Seu arquivo php.ini não está habilitado para esta função!"); } $dir_origem = 'C:\Users\vinicius.psilva\Documents\Fiddler2\Captures'; //$arquivos_zip = glob($dir_origem."\*.zip") foreach (glob($dir_origem."\*.zip") as $arquivo_zip ) { echo "$arquivo_zip" . "<br>"; $zip = new ZipArchive(); if($zip ->open($arquivo_zip) == true){ echo "Aberto" . "<br/>"; $ }else{ echo "default"; return 0; } } } } } ?> Queria ajuda para poder trabalhar com o htm: Passo a passo do que terei que fazer: 1 - Juntar vários zips em uma variável, abrir eles e ler o seu conteúdo; 2 - Pegar todos os arquivo htm, fazer a leitura deles. 3 - Com regex, pegar somente o texto escolhido 4 - Mandar esses dados para um banco de dados Com os outros arquivos eu consegui, um dos scripts utilizados: function getTxt($dirOrig){ $date = date('d-m-Y'); $zip = new ZipArchive(); $arqZips = glob($dirOrig."\*.zip"); foreach($arqZips as $arqZip){ echo $arqZip.'<br/>'; $er = '/[/W/w]*monitoramento(.+)10(.+)_(.+). ?/'; preg_match($er,$arqZip); $txt_name=substr($arqZip,0); $posiçao = strpos($txt_name, "monitoramento"); $name_txt=substr($arqZip,$posiçao); //print_r() ; echo "$name_txt". "<br/>"; echo '<br/>'; $count_c = 1; echo $arqZip . '<br/>'; if ($zip -> open($arqZip) == TRUE) { //ao abrir o próximo arquivo inicializa o contador em zero $total_c=0; // pega o total de xml dentro do zip } echo '<p>'.'<h5>'."TXT Arqs *_s.txt ".'<h5/>'.'<p/>'.'<br/>'; for ($i = 0; $i < $zip->numFiles; $i++) { $filename = $zip->getNameIndex($i); if ($a1 = substr($filename,-6) == "_c.txt"){ $total_c++; } } echo 'O numero de arquivos'.': '."$total_c" . "<br>"; // Define o numero de zeros a esquerda if ($total_c<=9){ $numero_de_zeros = 1; } elseif ($total_c>=10 && $total_c<=99){ $numero_de_zeros = 2; } elseif ($total_c>=100 && $total_c<=999){ $numero_de_zeros = 3; } elseif ($total_c>=1000 && $total_c<=9999){ $numero_de_zeros = 4; } elseif ($total_c>=10000 && $total_c<=99999){ $numero_de_zeros = 5; } while ($count_c <= $total_c) { $file_arq_c = "raw/" . str_pad($count_c, $numero_de_zeros, "0", STR_PAD_LEFT). "_c.txt".'<br/>'; $file_arq_res_c = $zip->getStream($file_arq_c); if ( $file_arq_res_c ) { $texto = ''; while (!feof($file_arq_res_c)) { //realiza o teste para saber se o programa chegou ao final $linha = fgets($file_arq_res_c, 5000); // Linha responsavel por ler todas as linhas do arq e armazenar em strings dentro da variavel $texto = $texto . $linha; } echo $file_arq_c; fclose( $file_arq_res_c); if (ereg("^CONN",$texto)==true){ $connect = '/^CONNECT (?P<connect>[\S]*)/'; preg_match($connect, $texto, $matches); $connect_db = $matches ['connect']; echo "$connect_db" . "<br/>"; $host = '/[\w\W] *Host: (?P<host>[\S]*)/'; preg_match($host, $texto, $matches); $host_db = $matches ['host']; echo "$host_db" . "<br/>"; $proxy = '/[\w\W]*Proxy-Connection: (?P<Proxy_Connection>[\S]*)/'; preg_match($proxy, $texto, $matches); $proxy_db = $matches ['Proxy_Connection']; echo "$proxy_db" . "<br/>"; $user = '/[\w\W] *User-Agent: (?P<User_Agent>[\S]*)/'; preg_match($user, $texto, $matches); $user_db = $matches ['User_Agent']; echo "$user_db" . "<br/>"; $version = '/[\w\W] *Version: (?P<Version>[\S]*)/'; preg_match($version, $texto, $matches); $version_db = $matches ['Version']; echo "$version_db" . "<br/>"; $extensions = '/^[\w\W]Random: (?P<extensions>[\s]*)Ciphers:/'; preg_match($extensions, $texto, $matches); $extensions_db = $matches ['extensions']; var_dump ($extensions_db); return; return; if (mysql_query("INSERT INTO dados (id, get,nome_arq, host, accept, user_agent, referer, cookie, date) VALUES ('NULL' ,'$connect_db','$filename', '$host_db','$proxy_db','$user_db','$version_db','$extensions_db', '$date' '')")) { echo "<p>"; printf(" Row inserted : %d .\n\n\n\n", $db); echo "<br/>"; echo '<p/>'; } else { echo"<br/>"."<br/>"."Nao possivel o envio para o banco, pois foi encontrado um erro: " . "<br/>" . mysql_error().'<br/>'; } mysql_close(); } else{ $p_linha = '/[\w\W]*GET (?P<p_linha>[\S]*)/'; preg_replace($p_linha, $texto, $matches); $get_db = $matches ['p_linha']; echo "$get_db" . "<br/>"; $host = '/[\w\W]*Host: (?P<host>[\S]*)/'; preg_match($host, $texto, $matches); $host_db = $matches ['host']; $accept = '/[\w\W]*Accept: (?P<accept>[\S]*)/'; preg_match($accept, $texto, $matches); $accept_db = $matches ['accept']; $user_agent = '/[\w\W]*User-Agent: (?P<user_agent>[\S]*)/'; preg_match($user_agent, $texto, $matches); $user_agent_db = $matches ['user_agent']; $referer = '/[\w\W]*Referer: (?P<referer>[\S])*/'; preg_match($referer, $texto, $matches); $referer_db = $matches ['referer']; $cookie = '/[\w\W]*Cookie: (?P<cookie>[\s]*)/'; preg_match($cookie, $texto, $matches); $cookie_db = $matches ['cookie']; if (mysql_query("INSERT INTO dados (id, get,nome_arq, host, accept, user_agent, referer, cookie, date) VALUES ('NULL' ,'$get_db','$name_txt', '$host_db','$accept_db','$user_agent_db','$referer_db','$cookie_db', '$date' '')")) { echo "<p>"; printf(" Row inserted : %d .\n\n\n\n", $db); echo "<br/>"; echo '<p/>'; } else { echo"<br/>"."<br/>"."desiste disso " . "<br/>" . mysql_error(); } mysql_close(); } } $count_c++; echo "Fim"; echo "<br/>"; } } } } Seguindo a lógica de cima, pretendo fazer o restante. Agradeço a Ajuda
  16. Galera, se puderem ajudar... Eu estou fazendo um site basico. Só que agora o CSS não está moldando o site conforme os elementos que atribuo (nao sei se estou usando os termos corretos), exceto pelo "a.aba:hover" e "a.titulo:hover". Segue o que eu fiz: HTM: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Fotocronografias</title> <link rel="stylesheet" type="text/css" href="layout.css" /> </head> <body> <h1><b><a href="home.htm" class="titulo">Fotocronografias</a></b></h1> <hr> <h2><a href="home.htm" class="aba">HOME</a> <a href="publicacoes.htm" class="aba">PUBLICAÇÕES</a> <a href="apresentacao.htm" class="aba">APRESENTAÇÃO</a> <a href="submissao.htm" class="aba">SUBMISSÃO</a> <a href="expediente.htm" class="aba">EXPEDIENTE</a> <a href="contato.htm" class="aba">CONTATO</a></h2> <a href="arquivo apoio 2.htm" class="imagem"><img src="imagem publicacao ramdon 1.jpg" class="imagem" title="A Batalha do Mercado é um evento ligado à cultura Hip Hop em Porto Alegre e acontece desde dezembro de 2011 nos arredores do Mercado Público, seu principal cenário, também tendo o Chalé da Praça XV, o Largo Glênio Peres e terminal de ônibus da Praça Parobé com elementos constitutivos dessa manifestação cultural no cenário urbano do Centro Histórico de Porto Alegre." alt="Capa Mcs"/></a> <a href="arquivo apoio.htm" class="imagem"><img src="imagem publicacao 1.jpg" class="imagem" title="Essa exposição foi concebida a partir de um trabalho realizado como forma de avaliação para a disciplina de Antropologia Visual e da Imagem, cursado no primeiro semestre de 2011, sob a orientação das Professoras Dra. Juliana Cavilha e Viviane Vedana. Nosso processo de trabalho consistiu em idas semanais até o estúdio EduTattoo." alt="Placa Castelo Branco" /></a> </body> </html> CSS @charset "UTF-8"; /* CSS Document */ body <!--formato da pagina em geral--> { background-color: #000000; margin-right: 40px; margin-bottom: 10px; margin-left: 70px; } <!--atribuí o 'h1' para o nome da pagina web--> h1 { color:#FFFFFF; font-family: Garamond, Georgia, serif; font-style:oblique; font-size: 40px; text-transform:uppercase; align-content:center; margin-left: 1000px; margin-bottom: 50px; } <!--atribuí o 'h2' para os links das paginas internas principais--> h2 { color:#FFFFFF; font-family: Garamond, Georgia, serif; font-style:oblique; font-size: 26px; text-transform:uppercase; align-content:center; margin-bottom: 50px; } <!--atribuí o 'p' para o nome da pagina web--> p { color:#FFFFFF; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; text-align: justify; margin-bottom: 0.5em; } <!--atribuí o 'a.aba' se refere aos links principais das sessões e no de baixo consiste em um efeito das mesmas para destaque visual--> a.aba { color:#FFFFFF; text-decoration:none; align-items:center; margin-left: 250px; } a.aba:hover { color: #F39A4D } <!--atribuí o 'a.titulo' se refere aos efeitos do titulo da pagina web--> a.titulo { color:#FFFFFF; text-decoration:none; align-items:stretch; } a.titulo:hover { color: #F39A4D } h1 { color: #000000; font-family: Garamond, Georgia, serif; } <!--atribuí o '.imagem' para formatar as imagens. Aqui ainda preciso fazer as caixas fotografias que o fabricio pediu sem cortar a imagem--> .imagem { width:50%; height:50%; display:block; margin-left: 490px; margin-bottom: 10px; } Ressalto que a ultima vez que acessei deu tudo certo. Estou usando dreamweaver.
×

Important Information

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