Mam 3 pliki: index.html
Kod
<html>
<head>
<link rel="Stylesheet" href="style.css" type="text/css">
<script type="text/javascript" language="JavaScript" src="js.js"></script>
<title>[ Tytul dokumentu ]</title>
</head>
<body>
<h4 onclick="javascript:skrypt();" style="color: white; cursor: pointer;">klik!</h2>
<div id="user_1">info# <br><br></div><br>
</body>
</html>
<head>
<link rel="Stylesheet" href="style.css" type="text/css">
<script type="text/javascript" language="JavaScript" src="js.js"></script>
<title>[ Tytul dokumentu ]</title>
</head>
<body>
<h4 onclick="javascript:skrypt();" style="color: white; cursor: pointer;">klik!</h2>
<div id="user_1">info# <br><br></div><br>
</body>
</html>
js.js
Kod
function skrypt()
{
document.getElementById('user_1').innerHTML = document.getElementById('user_1').style.height;
}
{
document.getElementById('user_1').innerHTML = document.getElementById('user_1').style.height;
}
style.css
Kod
body {
background-color: rgb(26,26,26);
}
div {
height: 520px;
color: white;
background-color: rgb(40,40,40);
border: 1px dotted rgb(77,77,77);
}
background-color: rgb(26,26,26);
}
div {
height: 520px;
color: white;
background-color: rgb(40,40,40);
border: 1px dotted rgb(77,77,77);
}
Efekt powinien być taki, że po naciśnięciu na nagłowek "klik" w divie 'user_1' powinna się wyświetlać jego wysokość zadeklarowana w style.css czyli "520px" zamiast tekstu "#info". Problem w tym, że JS nie widzi tej wysokości i wygląda to tak, jakby była pusta, czyli po prostu nic się nie wyświetla. Problem występuje we wszystkich przeglądarkach (tj. IE, FF, Opera).
Gdy styl diva zapiszemy w html czyli
Kod
<div id="user_1" style="height: 520px;">
wysokość wyświetla się. Gdy jest tylko w pliku zewnetrznym, nie widać jej.
Moje pytanie brzmi: WTH?