Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Objeto Window

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5466
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Objeto Window   4/12/2008, 1:40 am

O objeto window fornece uma serie de formas para interação com usuário. Para exibir uma caixa de alerta por exemplo utilize o código abaixo:

Código:
<html>
<body>
<script ttype="text/javascript">

window.alert ("teste")

</script>
</body>
</html>

window.alert e o nome que será exibido dentro da caixa ("teste").

[Você precisa estar registrado e conectado para ver esta imagem.]

Para usar as funções do objeto window não é obrigatório usar a palavra window assim é possível escrever o código de maneira mais simples.

Código:
<html>
<body>
<script ttype="text/javascript">

alert ("teste")

</script>
</body>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]


Usando a função confirm é possível interagir com os usuários com os botões OK e CANCELAR. Você pode criar rotinas que executam ações diferentes dependendo do botão usado.

Código:
<html>
<body>
<script ttype="text/javascript">

valor = confirm ("Aperte um botão");
if (valor == true)
{
document.write ("Você pressionou o botão OK");
}
else
{
document.write ("Você pressionou o botão Cancelar");
}

</script>
</body>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]

[Você precisa estar registrado e conectado para ver esta imagem.]

Analise o exemplo acima... Se o valor que é o nome da nossa variável for verdadeiro, ou seja, o botão que for pressionado for Ok exibiremos a mensagem você pressionou o botão Ok.
Caso contrario.. você pressionou o botão cancelar.

Com a função prompt você pode solicitar uma informação do usuário e utiliza-la em seu código como no exemplo a seguir:

Código:
<html>
<body>
<script ttype="text/javascript">

var nome = prompt ("Por favor digite seu nome","")
if (nome != null && nome != "")
{
document.write ("Olá " + nome + "!")
}

</script>
</body>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]

Desta forma utilizamos o objeto prompt seguido de uma mensagem.

Ao digitar o nome é exibido a mensagem Olá mais o nome como abaixo:
[Você precisa estar registrado e conectado para ver esta imagem.]

É possível abrir um novo endereço a partir da página atual usando o objeto open basta colocar open e entre parentes o endereço da página a ser aberto olhe o exemplo:

Código:
<html>
<body>
<script ttype="text/javascript">

open("http://www.projecthtml.tk")

</script>
</body>
</html>

Para redirecionar o endereço atual para um novo endereço utilize a propriedade location do objeto window como no exemplo abaixo:

Código:
<html>
<body>
<script ttype="text/javascript">

location = ("http://www.google.com.br/")

</script>
</body>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]

Para exibir um texto na barra de status do navegador use a propriedade status desta forma enquanto a página está sendo aberta a seguinte mensagem estará sendo exibida na barra de status.

Código:
<html>
<body>
<script ttype="text/javascript">

status = ("Olhe na barra de status")

</script>
</body>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]

Com a forma print você imprime o conteúdo da janela atual neste exemplo a seguir ele foi relacionado ao evento onClick de um botão isto faz que a página seja impresa só mente no momento do clique.

Código:
<html>
<body>

<h1>PROJECT - HTML</h1>
<h3>Curso de JavaScript online</h3>
<form>
<input type="button" value="Clique para imprimir está página" onclick="print ()">
</form>


</body>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Americo
Novato
Novato


Masculino
Número de Mensagens : 4
Idade : 44
Experiencia em Webdesign : Medio
Pontos : 2372
Reputação : 4
Data de inscrição : 01/06/2011

MensagemAssunto: Re: Objeto Window   1/6/2011, 4:25 pm

Fantastico a forma clara e objectiva da explicação do cód. javacript
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Otome
Admin
Admin
avatar

Feminino
Número de Mensagens : 190
Idade : 25
Localização : *~ Project-HTML ~*
Experiencia em Webdesign : Medio
Pontos : 3721
Reputação : 15
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Objeto Window   26/6/2011, 2:38 pm

Realmente é uma ótima explicação, porém se houver alguma duvida só perguntar.. estamos sempre dispostos a ajudar nas dificuldades.



_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://projecthtml.tk
Trans-Formice
Novato
Novato


Masculino
Número de Mensagens : 2
Idade : 18
Experiencia em Webdesign : Não sei nada pretendo aprender.
Pontos : 2303
Reputação : 1
Data de inscrição : 02/08/2011

MensagemAssunto: Isso ira me ajudar...   2/8/2011, 5:01 pm

Muito bom, assim poderei aprender não sei nada de design.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado




MensagemAssunto: Re: Objeto Window   

Voltar ao Topo Ir em baixo
 
Objeto Window
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: Conhecendo um pouco de Javascript :: Interação com o HTML-
Ir para: