Feeds RSS Adicine aos seus favoritos


Algumas dicas úteis de Javascript e html

Em: Web, Por: fabio, Data: 27/01/2010 17h 53min

Avaliação:

Dê sua nota: 9 « Muito Bom

Confira neste tutorial dicas e alguns códigos de javascript e html


JAVASCRIPT E HTML

 

01 Como adicionar um ícone na relação de favoritos do navegador?

Para isso, adicione uma imagem de um ícone na barra de endereços do seu site, como no script abaixo:
<link rel=”SHORTCUT ICON” href=”http://www.seudominio.com.br/icone.ico”>

Para que o script funcione corretamente, é necessário colocar o código entre as tags <head> </head>


02 É possível localizar e trocar uma imagem contida em um formulário?

Localizar e trocar uma imagem em um formulário é uma tarefa fácil. Para isso, programe o bloco de script:


03 Como dar uma mensagem de alerta ao clique de um botão?

Essas mensagens devem ser usadas caso seja necessário informar imediatamente o usuário. Logo abaixo, você confere o código.
<SCRIPT>
function drawAlert () {
alert (“Mensagem Alerta!”);
}
// End —>
</SCRIPT>
<FORM>
<input type=button value=”JavaScript Alert! Click Here!”
onClick=”drawAlert()”>
</FORM>


04 Como redirecionar a página após alguns segundos?

Após um determinado intervalo de tempo, o script abaixo redireciona a página para uma URL qualquer:
<html>
<body>
aguarde 20 segundos...
<!———— Início ————>
<head>
<SCRIPT LANGUAGE=”JavaScript”>
<!—
redirTime = “20000”;
redirURL = “pagina.html”;
function redirTimer() { self.setTimeout(“self.location.href =
redirURL;”,redirTime); }
// —>
</script>
<BODY onLoad=”redirTimer()”>
<!———— Fim ————>
</body>
</html>


05 É possível abrir mais que uma página em um só documento HTML?

Com a função iframe, é possível abrir uma página em qualquer lugar da tela. Para isso, copie o exemplo abaixo em seu site:
<HTML>
<body>
<iframe style=”border:0” width=350 height=150 src=”pagina.
html”></iframe>
</body>
</HTML>


06 Como retirar a barra de rolagem do site?

Para fazer a barra de rolagem sumir com o clique no botão, acrescente o código a seguir:
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
function hidden()
{document.body.style.overflow=’hidden’;}
</script>
</HEAD>
<BODY>
<form>
<input type=”button” value=”sem barra” onclick=”hidden()”>
</form>


07 É possível deixar uma barra de rolagem visível novamente, após tê-la escondido?

Com o script abaixo, é possível fazer a barra de rolagem aparecer:
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
<!—
function unhidden()
{document.body.style.overflow=’’;}
// —>
</script>
</HEAD>
<BODY>
<form>
<input type=”button” value=”com barra de rolagem”
onclick=”unhidden()”>
</form>


08 Como tocar um arquivo MID, após carregar a página?

Para tocar um arquivo com extensão MID, basta executar o comando:
<EMBED src=”arquivo.mid” hidden=true autostart=true>


09 Como colocar um link em um texto?

Para colocar um link em sua página, utilize o comando abaixo:
<A HREF=”http://www.seusite.com.br/”>Texto Qualquer</A>


10 É possível inserir um link em uma imagem?

Coloque um link para uma outra página, utilizando uma imagem através do comando:
<a href=”www.link.com.br”><img src=”/imagem.jpg”></a>


11 Como colocar uma imagem de fundo?

Insira o atributo background na tag <body> para colocar uma imagem de fundo em seu site, da seguinte forma:
<body background =”/imagem.jpg>


12 Qual a forma de enviar uma mensagem pela barra de status do navegador?

Deixe uma mensagem copiando este script para seu site:
<head>
<script language=”JavaScript”>
<!—
function statbar(txt) {
window.status = txt;
}
// —>
</script>
</head>
<form>
<input type=”button” name=”look” value=”Escrever”
onclick=”statbar(‘BARRA DE STATUS!’);”>
<input type=”button” name=”erase” value=”Apagar”
onclick=”statbar(‘’);”>
</form>


13 É possível mudar a cor do link quando o mouse está sobre o texto?

Para fazer essa alteração, é necessário utilizar as tags <style></style>. Abaixo você confere o código completo:
<style><!—
.estilo:link {color: black; text-decoration: none}
.estilo:visited {color: blue; text-decoration: none}
.estilo:active {color: red; text-decoration: none}
.estilo:hover {color: gray; text-decoration : none}
—>
</style>
<a href=”link.html” CLASS=”estilo”>Texto</A>


14 Como desabilitar todas as teclas?

Com o script a seguir, você consegue tirar a funcionalidade de todas as teclas:
<script language=”JavaScript”>
<!—
function keypresed() {
alert(‘Coloque sua mensagem aqui !’);
}
document.onkeydown=keypresed;
// —>
</script>
Para o script funcionar corretamente, é necessário que o código seja colocado entre as tags <HEAD> </HEAD>


15 Dá para identificar o navegador que o usuário está usando?

Sim. Para isso, você deve acrescentar esse script entre as tags <HEAD> </HEAD>:
<SCRIPT LANGUAGE=”JavaScript”>
<!—
browser = navigator.appName;
document.write(“<font size=-1>”+browser+”</font>.</
tt>”)
//—>
</SCRIPT>


16 Como abrir o seu site em janela cheia?

Para o funcionamento do script, coloque o código onde será exibido o link tela cheia:
<script language=”JavaScript1.2”>
<!—
function fullScreen(theURL) {
window.open(theURL, ‘’, ‘fullscreen=yes, scrollbars=auto’);
}
—>
</script>
<a href=”javascript:void(0);” onClick=”fullScreen(‘http://www.
enderco.com’);”>Janela Cheia</a>


17 Dá para alterar o cursor do mouse sobre o link?

Sim. Com o script abaixo, você consegue alterar aquela mão convencional do mouse para tipos diferentes de cursores. Vale ressaltar que o atributo crosshair pode ser substituído por qualquer um dos itens a seguir: hand, crosshair, move, text ou wait.
<a style=”CURSOR: crosshair “ href=”link.htm”>


18 Como modificar a cor de fundo do botões em seu site?

Através do bloco de comandos abaixo, você pode alterar a cor do fundo e a fonte dos botões de formulário:
<input type=”submit” name=”button” value=”Seu texto aqui” style=”color: #FFFFFF; background-color: #CC0000”>


19 É possível fechar a janela do navegador pelo JavaScript?

Sim. Com a função close, é possível fechar a janela do browser do usuário. Veja o exemplo:
<A HREF=”javascript:top.close()”>Fechar</A>


20 Como deixar uma imagem fixa como fundo de página?

Para isso, basta atribuir a propriedade bgproperties fixed. Veja o exemplo:
<BODY background=”imagem.gif” bgproperties=”fixed”>


 

Exibindo resultados 1 a 1, de 2.


Tags: web javascript html códigos ícones imagens formulário efeito de transição âncoras

Deixe seu comentário

Nome:


Email:

Comentário:

  • 02:29
  • 07/05

fjHAfwJGkvdPKCT

5c48fM tpvayorhfwdd, [url=http://sykqdysdcwkb.com/]sykqdysdcwkb[/url], [link=http://dtdbrwhpijms.com/]dtdbrwhpijms[/link], http://upwtdfqmfzrz.com/

  • 23:12
  • 09/06

rzuhptfmszm

aih0sT zicbsmvrtqjf, [url=http://mwjpxeyjeodr.com/]mwjpxeyjeodr[/url], [link=http://gxeuwyegvinm.com/]gxeuwyegvinm[/link], http://kyzbqygeevvd.com/

  • 23:11
  • 09/06

rzuhptfmszm

aih0sT zicbsmvrtqjf, [url=http://mwjpxeyjeodr.com/]mwjpxeyjeodr[/url], [link=http://gxeuwyegvinm.com/]gxeuwyegvinm[/link], http://kyzbqygeevvd.com/

Fim dos comentários

Softwares Similares

  • Mozilla Firefox navegador web para baixar

    Conheça algumas novidades da versão do Firefox 4 Beta 10.

  • Adobe Flash Player plug-in para navegador baixar

    Plug-in de navegação para várias plataformas que oferece experiências incrí...