Pesquisar na Comunidade
Mostrando resultados para as tags ''html5''.
Encontrado 54 registros
-
Olá, Preciso da ajuda de vocês para um formulário de pesquisa o que eu preciso é o seguinte: Tenho um Select dentro de um Form com 4 Options: Preciso que a cada vez que o usuário selecione um Option o value desse Option seja armazenado em uma variável PHP de forma automática e sem refresh. Se ele trocar o option o valor da variável deve ser alterado instantaneamente e sem refresh, lembrando que cada option tem um valor inteiro distinto e será armazenando em uma variável PHP. Podem me ajudar com exemplos para eu adaptar aqui no meu código? Não da pra postar o código pois o sistema é da empresa e por regras de contratos não se pode postar. A ideia é que de acordo com o value do option uma ação seja disparada por isso preciso armazenar de forma automática em uma variavel PHP e sem refresh. Obrigado a todos!
-
Boa noite galera , um amigo meu passou um código que ele usava , para faze r lista uma e sublista , uma depedente da outra. Mas , tentei colocar no meu projeto , mas não funciona , a 2ª lista não altera os valores conforme o que foi selecionado na 1ª lista. Segue o codigo que ele me passou (ps.:não alterei nada , só o nome do server , user e senha , tabelas coloquei o mesmo nome que ele passou ) produto.php <link rel="stylesheet" type="text/css" media="screen" href="../lib/css/estilo.css"/> <div id="content"> <head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("select[name=tv_assinatura]").change(function() { var empresa_tv = $(this).val(); //alert(empresa_tv); $.getJSON( '../functions/function.inc.php', {empresa_tv: empresa_tv}, function(data){ //alert(data); var option = new Array(); resetaCombo('pacotes'); $.each(data, function(i, obj){ option = document.createElement('option'); $( option ).attr( {value : obj.id} ); $( option ).append( obj.nome ); $("select[name=pacotes]").append( option ); }); }); }); }); function resetaCombo( el ) { $("select[name="+el+"]").empty(); var option = document.createElement('option'); $( option ).attr( {value : '0'} ); $( option ).append( 'Escolha' ); $("select[name="+el+"]").append( option ); } </script> </head> <form action="" method="post"> <fieldset> <label><select name="tv_assinatura"> <option value="0">Tv por assinatura</option> <?php $sql_tv=mysql_query("SELECT * FROM tv_assinatura"); while ($dados = mysql_fetch_array($sql_tv)) { echo("<option value='1'>".$dados['nome_tv']."</option>"); } ?> </select></label> <label><select name="pacotes"> <option value="0">Escolha um Pacote</option> </select></label> </fieldset> </form> </div> function.inc.php <?php header("Content-Type: text/html; charset=ISO-8859-1"); function intGet( $campo ){ return isset( $_GET[$campo] ) ? (int)$_GET[$campo] : 0; } function retorno( $nome_tv ) { $sql = "SELECT `id`, `nome_pacote` FROM `pacotes` WHERE `empresa_tv` = {$nome_tv} "; $sql .= "ORDER BY `nome_pacote` "; $mysqli = new mysqli("server", "user", "key", "DB"); //$con = mysql_connect("server", "user", "key", "DB"); //mysql_select_db( 'ajax', $con ); $q = $mysqli->query( $sql ); //$q = mysql_query( $sql ); $json = ' ['; if( $q->num_rows > 0 ) //if( mysql_num_rows( $q ) > 0 ) { while( $dados = $q->fetch_object() ) //while( $dados = mysql_fetch_assoc( $q ) ) { $json .= '{"nome_pacote'.$campo.'":"'.$dados->nome_pacote.'","id'.$campo.'":"'.$dados->id.'"}, '; //$json .= '{"nome_pacote'.$campo.'":"'.$dados['nome_pacote'].'","id'.$campo.'":"'.$dados['id'].'"}, '; } } else $json .= '{"nome_pacote'.$campo.'": "Não Encontrado"}'; $json .= ']'; return $json; } echo retorno( intGet('empresa_tv') ); ?> SQL Create Database planos ; use planos; CREATE TABLE IF NOT EXISTS `pacotes` ( `id` int(11) NOT NULL AUTO_INCREMENT, `nome_pacote` varchar(25) COLLATE utf8_unicode_ci NOT NULL, `empresa_tv` varchar(15) COLLATE utf8_unicode_ci NOT NULL, `total_canais` int(11) NOT NULL, `canais_sd` int(11) NOT NULL, `canais_hd` int(11) NOT NULL, `equip_01` varchar(30) COLLATE utf8_unicode_ci NOT NULL, `equip_02` varchar(30) COLLATE utf8_unicode_ci NOT NULL, `equip_03` varchar(30) COLLATE utf8_unicode_ci NOT NULL, `preço` decimal(5,2) NOT NULL, `servico_01` varchar(30) COLLATE utf8_unicode_ci NOT NULL, `servico_02` varchar(30) COLLATE utf8_unicode_ci NOT NULL, `foto` varchar(50) CHARACTER SET latin1 COLLATE latin1_german1_ci NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=7 ; CREATE TABLE IF NOT EXISTS `tv_assinatura` ( `id` int(11) NOT NULL AUTO_INCREMENT, `nome_tv` varchar(15) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id`), UNIQUE KEY `nome_tv` (`nome_tv`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=6 ; alguém poderia ajudar a mostrar onde esta o erro e a resolve-lo ? Assim , começo a montar uma pra mim baseada nela. Desde já , grato
-
Sobre o HTML5 Como o nome já diz, é a quinta versão do famoso HTML (que significa Linguagem de Marcação de Hipertexto), sendo desenvolvida desde 2008 pela W3C, um consórcio de empresas de tecnologia que coordena os padrões da internet quanto a linguagem. As mudanças quanto ao seu antecessor foram muitas como: Novas API’s, entre elas uma para desenvolvimento de gráficos bidimensionais Controle embutido de conteúdo multimídia Aprimoramento do uso off-line Melhoria na depuração de erros O HTML5 ainda está sendo desenvolvido mas já pode ser usado em seus documentos com a declaração <!DOCTYPE html>. Novas Tags Foram adicionadas diversas novas tags, que procuram facilitar a vida do usuário e do webmaster, nesta nova versão do HTML. Elas abrangem desde mudanças semânticas a até mesmo mudanças gráficas e multimídias. Abaixo você encontra todas as novas tags do HTML5 com explicação e uso no seu documento. <article> É usada para definir um artigo. Possíveis destinos para esse elemento: post em fóruns, blogs, sites de notícias e comentários. <article> <h1>Brasil</h1> <p>Brasil, oficialmente República Federativa do Brasil, é o maior país da América do Sul e da região da América Latina, sendo o quinto maior do mundo em área territorial e população...</p> </article> <aside> Agrupa informações relacionadas ao elemento principal. Em português, significa "à parte". Se for usada dentro de um <article>, as informações presentes dentro desta tag deverão ser relacionadas ao conteúdo da tag <article>. <p>Minha família e eu visitamos Brasília este verão</p> <aside> <h4>Brasília</h4> <p>Brasília é a capital federal do Brasil e a sede do governo do Distrito Federal. A cidade está localizada na região Centro-Oeste do país, ao longo da região geográfica conhecida como Planalto Central.</p> </aside> <audio> Esta tag define qualquer tipo de som, como música, broadcasts ou streams. <audio controls> <source src="cavalo.ogg" type="audio/ogg"> <source src="cavalo.mp3" type="audio/mpeg"> Seu navegador não suporta esta tag. </audio> Alguns navegadores suportam, enquanto outros não, formatos como WAV e OGG. O formato MP3 é suportado em todos os tipos de navegadores. Qualquer texto que estiver dentro desta tag será exibido por navegadores que não a suportam. <bdi> É uma sigla para Bidirectional Isolation (isolação bidirecional). Sua função é isolar uma parte de um texto que deve ser formatada em uma direção diferente dos outros. <ul> <li>Usuário <bdi>Antônio</bdi>: 60 pontos</li> <li>Usuário <bdi>José</bdi>: 80 pontos</li> <li>Usuário <bdi>إيان</bdi>: 90 pontos</li> </ul> No exemplo acima, os nomes de usuários estão sendo exibidos junto ao número de pontos. Se a tag <bdi> não for suportada pelo navegador, o nome em árabe confundirá o texto (o algorítimo bidirecional colocará os dois pontos e o número "90" junto com a palavra "Usuário" em vez de ficar ao lado da palavra "pontos"). <canvas> Usada para desenhar gráficos, escritos, geralmente, em scripts (como o JavaScript). Qualquer texto que estiver dentro desta tag será exibido por navegadores que não a suportam. <canvas id="myCanvas">Seu navegador não suporta este tipo de tag.</canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 80, 100); </script> <datalist> Especifica uma lista de opções pré-definidas para um elemento <input>. Esta tag é usada para prover uma característica de "autocompletar" para os elementos input. Usuários verão uma lista drop-down de opções já definidas. <input list="linguagens"> <datalist id="linguagens"> <option value="PHP"> <option value="C++"> <option value="C"> <option value="Ruby"> <option value="Java"> <option value="Python"> </datalist> <details> Define detalhes no qual o usuário pode exibir ou ocultar. É semelhante a um spoiler dos fóruns. <details> No final do filme Titanic, Jack (Leonardo DiCaprio) morre, enquanto, Rose (Kate Winslet) fica em um pedaço de gelo no mar. </details> Esta tag não é suportada nos navegadores: Internet Explorer e Mozilla Firefox. <dialog> Define uma caixa de diálogo ou uma janela. Esse elemento torna fácil a criação de modais e diálogos popup. <table> <tr> <th>Ontem <dialog open>Isto é uma caixa de diálogo</dialog></th> <th>Hoje</th> <th>Amanhã</th> </tr> <tr> <td>10/12/2014</td> <td>11/12/2014</td> <td>12/12/2014</td> </tr> </table> É suportada somente nos navegadores Chrome 37+, Safari 6+ and Opera 24+. No próximo artigo você terá a continuação das novas tags e uma lista de todas elas que foram substituídas na quinta versão do HTML. Se você está gostando, por favor, comente abaixo o que você achou deste tópico. Isso é muito importante para mim! Se achou algum erro, me notifique o quanto antes. Uma dica é você testar todos os códigos-exemplos das tags no site: HTMLEdit, que é um bom editor de HTML online. Espero que você aprenda bastante aqui! :D Te vejo na continuação. Abraços, Pedro HSB
-
Bom amigos é o seguinte... a muito tempo tenho essa dúvida... eu sei criar uns layout's básicos com html e css... meu forte é mais design gráfico... bom eu tenho essa grande duvida e não vi ninguém ensinado sobre isso na web e já tentei todas as possibilidades que me vieram a mente, estou falando de alinhamento de div's exatamente onde eu quiser... sou muito ruim em alinhamento de divs... nunca fica como eu espero aqui um exemplo gráfico: Bom eu esqueci de colocar o body... mais vou explicar assim mesmo: eu consigo até fazer em html um layout bem parecido com apenas uma sidebar em cada lado o conteúdo no meio e um rodapé... porem usando o exemplo da imagem o sidebar 1 e 3 junto com o conteudo ficam fora do esqueleto... sendo que era para ficarem dentro... eu sei eu sei coloquei eles dentro da div #Esqueleto é claro... mais eles sempre ficam fora, e outra coisa eu nunca consigo colocar mais sidebar como a 2 e o 4 ou 5 e 6 e assim por diante no lado certo de cada lado... alguém tem algum tutorial ou pena de mim para me ensinar um pouco mais sobre isso? Grato desde já!
