webForumDet fria alternativet

window.height

JavaScript

3 svar · 302 visningar · startad av echoSwe

Medlem sedan nov. 20041 189 inlägg
Frågan#1

document.onLoad = function() {
menu = getElementsByID("menu");
menu.style += "\nheight: ";
menu.style += window.height;
menu.style += "px;";
}

Jag försöker lära mig lite DOM, men det här fungerar inte... Självklart fall av newbie, men jag skulle uppskatta lite hjälp.

Även: hur skriver man för att få
getElementsByTag("a"), eller stämmer det?

Finns det en bra sida som nån känner till som går igenom DOM och ger en bra referens?
Finns det något annat sätt, frågar jag er CSS kännare, att få en bakgrundsbild som har repeat-y som bodys bakgrundsbild, trots att man redan har en bild?

Medlem sedan aug. 20039 340 inlägg
#2
document.onLoad = function() {
menu = getElementByID("menu");
menu.style.height = document.body.clientHeight + "px";
}

Det var mycket fel i den koden... (Byt eventuellt clientHeight mot scrollHeight)

Jag vet inte vad du vill göra, men det funkar nog bättre att sätta:

 <style type="text/css">
  .menuclass {position: absolute; left: 0px; top: 0px; height: 100%; }
Medlem sedan nov. 20041 189 inlägg
#3

Nej, det fungerar inte riktigt. För det första är det #menuID, inte class eftersom det är en specifik div, inte många. Sen är det lite krångligt om man använder nästade divs.

Här är min css:

body  { background: black url(images/bulb.png) bottom left no-repeat fixed;
	min-width: 600px; margin: 0pt; padding: 0pt; position: relative; 
}
#wrapper { min-width: 500px; }
#content {
	float: left;
	margin: 120px 250px 20px 300px;
	border: 1px dotted white;
	padding: 13px;
	background: black url(images/bulb-effect.png) bottom left no-repeat fixed;
	z-index: 15;
	display:block;
}#menuDiv {
	position:absolute;
	top:0;
	right: 0px;
	width: 210px;
	height: 550px;
	z-index: 13;
}

samt HTML:

<div id="wrapper">
	<div id="header"><span id="HH">Nordic Hardcore Gamers - [NHG]</span></div>
	<div id="menuDiv">
		<ul id="menuList">
			<li><img src="images/menuText.png" alt="Nordic Hardcore Gamers menu" /></li>
			<li><a href="#" title="Link">This link</a></li>
			<li><a href="#" title="That link">That link</a></li>
		</ul>
	</div>
	<div id="content">
		<h1>Welcome to our site! </h1>
		<p>ddd</p>
	</div>
</div>

....
jag ska försöka lite till...

Medlem sedan aug. 20039 340 inlägg
#4

Men hur vill du egentligen att det ska se ut?
Jag kan nog dessvärre inte hjälpa dig om jag inte vet det.

253 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)