Labs Javascript AIT #2

  • 94 views
Uploaded 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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
94
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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