segunda-feira, 3 de agosto de 2015

 
Sabe quando você entra em um site clica no campo de um formulário e o texto que está preenchido some para você poder preencher os seus dados? então vou mostrar para você como fazer isso com de maneira simples e direta

irei adicionar essa função no seguinte formulário

<form name="formulario" id="formulario" action="email.php" method="post">
    <input name="nome" id="nome" value="Insira o seu nome"/>
    <input type="submit" name="enviar" id="enviar" value="Enviar"/>
</form>
Então precisamos adicionar o seguinte código no input no qual você quer colocar o efeito

onfocus="this.value=''";
O código ficara da seguinte maneira

<form name="formulario" id="formulario" action="email.php" method="post">
    <input name="nome" id="nome" value="Insira o seu nome" onfocus="this.value='';"/>
    <input type="submit" name="enviar" id="enviar" value="Enviar"/>
</form>
 Entendendo o código

onfocus = Quando o manipulador de eventos estiver nesta tag.
this.value = O valor atribui para vázio, o valor que colocamos nas duas aspa simples.

Mas caso você quer que quando o usuário clique fora do código o valor volte a ser preenchido caso o campo esteja vazio precisaremos criar uma função em JavaScript, para isso insira o código abaixo na sua página

<script type="text/javascript">

function limpar (objeto, msg) {
    if (objeto.value == msg)objeto.value = '';
}

function mostrar (objeto, msg) {
    if (objeto.value == '')objeto.value = msg;
}

</script>
 Depois de inserir esse código, basta incluir o seguinte código html no seu campo input

<form name="formulario" id="formulario" action="email.php" method="post">
    <input name="nome" id="nome" onfocus="limpar (this,'Digite o texto');" onblur="mostrar (this, 'Digite o texto');" />
    <input type="submit" name="enviar" id="enviar" value="Enviar"/>
</form>

Espero que seja útil para vocês, deixe seu comentário.

Como limpar o campo input do formulário ao clicar nele


HTML5 (Hypertext Markup Language, versão 5) é uma linguagem para estruturação e apresentação de conteúdo para a World Wide Web e é uma tecnologia chave da Internet originalmente proposto por Opera Software.1 É a quinta versão da linguagem HTML. Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade.

Para saber se um site foi desenvolvido em HTML5 é bem simples.

Como saber se um site foi desenvolvido em HTML 5?

Simples, basta acessar o site, clicar com o botão direito do mouse sobre o site e solicitar que seja exibido o código fonte no mesmo, nas primeiras linhas você verá a citação referente ao ao DOCTYPE do site, essa linha diz ao navegador em qual HTML e sua versão que o site foi desenvolvido.

O HTML 5 diferente do HTML 4 dispensa citações de versões, basta um código para que ele diga ao navegador que se trata de HTML 5, por isso basta observar se o DOCTYPE está idêntico ao código abaixo:

<!DOCTYPE html>

Se estiver igual, o site está sendo interpretado como HTML5, se estiver diferente trata-se da versão 4. Mas atenção,  apesar do site ter sido marcado como HTML 5 não quer dizer que o desenvolvedor utilizou os novos recursos da linguagem.

Outras opções para saber em qual HTML o site foi desenvolvido:

Foi desenvolvida uma extensão para o Google Chrome, a extensão detecta automaticamente se o site foi ou não desenvolvido em HMTL 5. Para utiliza-la é simples, basta ter o navegador da Google instalado em seu pc, e acessar a seguinte url através dele: Extensão Google Chrome

Agora click em "instalar extensão" e proceda com a instalação normalmente. Reinicie o navegador e pronto! A partir de agora sempre que acessar um site que foi criado em HTML5 irá aparecer o ícone do mesmo logo após o endereço do site.

Como saber se um site foi desenvolvido em HTML 5

Gostaria de relembrar como era os sites como Google, YouTube e até mesmo Templates antigos de seu blogs, o Way Back Machine, uma espécie de museu virtual que mostra o visual de sites desde 1996!

Para navegar pelo passado, é simples: basta entrar no site, acessar o campo "WayBack Machine" e digitar o endereço da página que deseja visitar. Clique em "Take me Back" e pronto.

Aparecerá um painel com anos e meses. Escolha o ano e o mês que deseja ver.

Agora você já poderá ver como era a aparência dos sites antigamente.

Navegue pelos sites antigos



Agora é possível ativar comentários do Google+ no Blogger de maneira muito simples, essa nova funcionalidade permite uma interação maior dos leitores da rede social do Google com o seu blog. Assim, todos os comentários públicos feitos no Google+ em posts com as URLs do seu blog, serão integradas e apareceram no seu blog. E é uma verdadeira oportunidade, para conseguir mais comentários no seus post.

Como ativar comentários do Google+ no Blogger

Para ativar essa funcionalidade é preciso ter a sua conta do Blogger vinculada ao Google+, também que tenha privilégio de administrador, Para ativar, acesse o painel do seu blog, clique na aba "Google+" e e marque a opção: "usar Comentários do Google+ neste blog".

Como ficarão os comentários antigos
O Google informou que o novo sistema de comentários integrado ao Google+ manterá todos comentários já feitos em seu blog. Nenhum comentário será perdido. Além disso, ainda será possível excluir ou marcar como spam os comentários antigos
Apenas leitores com conta Google+ pode comentar
Ao ativar esta funcionalidade, somente os usuários que terem perfil no Google+ poderão comentar. então não adianta ter uma conta no Google ou apenas um perfil do Blogger, é obrigatório que a conta usada seja de um perfil no Google Plus., quando for comentar será solicitado para o usuário logar no Google+. Blogs que podem comentar como anonimo, terá a opção opção prejudicada.
Comentários do Google+ aparecem no blog
A melhor parte da noticia é que a integração do Blogger com o Google+ vincula os comentários à sua URL. Todos os comentários feitos em uma publicação no Google+ que tenha URL irão aparecer no seu blog.
Possibilidade do leitor gerenciar comentários

Ao compartilhar o artigo no seu perfil, o leitor poderá escolher quem irá ver o post e o seus comentários na rede social. Se ele será compartilhado apenas com um círculo específico ou, até mesmo, se será público e se será somente no blog, permitindo o total controle na exibição do seu comentário no Google+. Assim, se a postagem for para um círculo específico, outras pessoas, ao acessarem o blog, não visualizarão o seu comentário. Além disso, você poderá depois editar ou excluir o comentário.
Ao visitar o blog o leitor poderá escolher a exibição dos comentários da seguinte maneira:
  • Principais comentários ou Mais recentes primeiros;
  • Público ou apenas de seus círculos do Google+.
Como moderar os comentários

Para remover o comentário, é necessário acessar o post e clicar na seta ao lado do comentário na opção remover, a remoção retira o comentário apenas do blog. Isso quer dizer que, se o leitor compartilhou o comentário pelo Google+ ou fez o seu comentário através dele, ele não será removido da rede social. E não é possível moderar comentários através do painel do Blogger
Vale a Pena?
É preciso analisar bem antes de colocar a função de comentários do Google+, pois a muitas pessoas que não tem conta na rede social o que impossibilita a essas pessoas comentarem no blog, mas há também uma grande vantagem em colocar está funcionalidade, pois comentários feitos em postagem com url do blog na pagina do Google+, aparecera no blog, oque pode gerar mais comentários, então antes de colocar é preciso analisar bem o seu tipo de público, se percebe que boa parte dos leitores tem conta na rede social, é interessante ver essa possibilidade.

Saiba como ativar os comentários do Google+ no Blogger


Com o TwitterFeed, você só precisa colocar o seu login do Twitter, a senha e a URL do feed do seu blog. Veja um tutorial de como fazer isso:

Vá em http://twitterfeed.com/auth/login e no campo “sign up”, cadastre seu e-mail do twitter e uma senha;

Na tela de "New Feed" adiciona uma nome para "Feed Name" e coloque o link de feed do seu blog no "Blog URL or RSS Feed URL"
Caso seja Blogger você usara a URL "http://urldoseublog.blogspot.com/atom.xml"

Avance, na tela "Available Services" escolha o serviço no caso o twitter.

Clique em All Done

E já está pronto, depois disso você pode ir no painel para ver a situação do "Feed Dashboard"

Enviando postagem automaticamente no Twitter

 
CodeFlat © 2015 - Designed by Templateism.com