Your SlideShare is downloading. ×
0
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Labs Javascript AIT #2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Labs Javascript AIT #2

134

Published on

Exercício de Javascript em formato Labs realizado na AIT-PROEG (facebook.com/aitproeg) #2

Exercício de Javascript em formato Labs realizado na AIT-PROEG (facebook.com/aitproeg) #2

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
134
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. LAB’s AIT #2 vitor$ /etc/init.d/javascript restart by @VitorCastro sexta-feira, 16 de agosto de 13
  • 2. //OBJETIVO sexta-feira, 16 de agosto de 13
  • 3. D.O.M de novo ... document.write(“texto”) // escreve o texto na página window.innerWidth ou document.documentElement.clientWidth // largura da resolução da tela window.innerHeight ou document.documentElement.clientHeight // altura da resolução da tela sexta-feira, 16 de agosto de 13
  • 4. Location window.location // url de página atual .hostname // nome do host .pathname // caminho sem o hostname .port // número de porta .protocol // protocolo (http ou https) sexta-feira, 16 de agosto de 13
  • 5. History window.history.back() // Voltar a página sexta-feira, 16 de agosto de 13
  • 6. Navigator window.navigator // object Navigator .userAgent // qual navegador .appName // nome do navegador .appVersion // versão do navegador sexta-feira, 16 de agosto de 13
  • 7. Timing window.setInterval(function,intervaloTempo) // executa function em um intervalo em milisegundos window.setTimeout(function,intervaloTempo) // executa function depois de um intervalo de tempo window.clearTimeout(referenciaSetTimeOut) // timeout = setTimeout(function,1000) clearTimeout(timeout) window.clearInterval(referenciaSetInterval) // semelhante ao “window.clearTimeout” sexta-feira, 16 de agosto de 13
  • 8. Event onload window.onload = function(){ code } // quando a janela carregar executa a funçao sexta-feira, 16 de agosto de 13
  • 9. Criar element Html document.createElement(nameTag) // criar element com a tag indicada no parametro [elementHtml].appendChild(element) // adiciona element no elementHtml document.createTextNode(“text”) // cria um bloco de texto [elementHtml].removeChild(elementRemove) // remove o element do “pai” sexta-feira, 16 de agosto de 13
  • 10. Missão #2 sexta-feira, 16 de agosto de 13
  • 11. #RULES if (google.com.br) return false; if (facebook.com) return false; if (gmail.com || hotmail.com || @qualquerEmail) return false; if (coding) return like; sexta-feira, 16 de agosto de 13
  • 12. index.html <body></body> sexta-feira, 16 de agosto de 13
  • 13. //TODO #1 Escrever na página os dados de largura e altura de resolução do vídeo, url e navegador utilizado. Caso a largura seja maior que 1024 exibir mensagem na página “resolução está ok” Caso a largura seja menor que 1024 exibir mensagem na página “aumente sua resolução” sexta-feira, 16 de agosto de 13
  • 14. //TODO #2 Crie um input type=”submit” com o “id=botao” e “value=Zerar”. O input deve está contido em uma div “id=nome”. A div “id=nome” deve está no body sexta-feira, 16 de agosto de 13
  • 15. //TODO #3 Depois de 3 segundo da página já carregada executar o TODO #2. A cada 5 segundos escreva na tela (div id=”timeout”) o tempo restante, dado que o timeout da página é de 1 min. Se o timeout atingir 1 min deve parar o contador do tempo e escrever na “div id=timeout” que a página expirou sexta-feira, 16 de agosto de 13
  • 16. //TODO #4 Se clicado no input “id=botao”, o timeout da página deve retorna para 1 min. sexta-feira, 16 de agosto de 13
  • 17. TIMEBOX 45 Minutos para o CODE 5 Minutos para cada participante apresentar o que fez para os demais sexta-feira, 16 de agosto de 13
  • 18. sexta-feira, 16 de agosto de 13

×