Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal peguei um código do livro use a cabeça: javascript
e percebi que uma função que faz com que
a rocha fique no mesmo tamanho em diversos navegadores só funciona
se não colocar o dtd no documento html.
se fizerem o teste em vários navegadores perceberão que só funciona se
tirarmos a primeira linha alguém sabe o porquê? qual a dtd mais apropriada?
e onde posso aprender mais sobre isso? Desde já obrigado...
Segue o código a imagem podem pegar aqui http://headfirstlabs.com/books/hfjs/ch01/irock/rock.png
e a outra aqui http://headfirstlabs.com/books/hfjs/ch01/irock/rock.png:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="cookie.js"></script>
<script type="text/javascript">
var username;
function resizeRock() {
document.getElementById("pedra").style.height = (document.body.clientHeight - 100) * 0.9;
}
function greetUser() {
if(navigator.cookieEnabled)
username = readCookie("irock_username");
if(username)
alert('Prazer em conhecê-lo ' + username + '!!!');
else
alert('Olá, Eu sou sua rocha de estimação.');
}
function tocapedra() {
if (username) {
alert("Eu gosto de atenção, " + username + ". Obrigado.");
}
else {
username = prompt("Qual é o seu nome?", "Entre aqui com o nome.");
if (username) {
alert("É bom conhecer você, " + username + ".");
if (navigator.cookieEnabled)
writeCookie("irock_username", username, 5 * 365);
else
alert("Cookies aren't supported/enabled in your browser, which means I won't remember you later. I'm sorry.");
}
}
document.getElementById("pedra").src = "rock_happy.png";
setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 60 * 1000);
}
</script>
</head>
<body onload="resizeRock(); greetUser();">
<div style="margin-top:100px; text-align:center">
<img src="rock.png" alt="pedra" id="pedra" onclick="tocapedra()" />
</div>
</body>
</html>Carregando comentários...