javascript - hent brugerens availWidth og brug som bredde på table - Udvikleren.dk

Tags: javascript

Bruger #15621 @ 03.09.10 12:37

Prøver at få min menu til at gå fra den ene side af skærmen til den anden i browseren.

Når jeg sætter width="100%" i min menu table ser det fint ud, så længe man ikke gør browseren mindre. Hvis man gør det kommer der i stort hvidt felt ude til højre da bredten kun skal være 100% af browservinduet...

Jeg ved at bredden skal hentes med javascript hvilket jeg har bøvlet med i et stykke tid nu.
Vil gerne hente width (availWidth) som et tal der kan bruges i menu tabellen.

Det ser sådan ud lige nu (php fil):

Kode

 print "<script language=\"javascript">
	if (window.location.search == "") 
	{
	window.location.href = window.location + "?width=" + screen.width + "&height=" + screen.height;
	} 
	</script>";

	$width = $_get['width'];
	$height = $_get['height'];


print "

	<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"$width\">

Bruger #15754 @ 03.09.10 13:30

989

JScript kode

 $(document).ready(function() {
 $('#tableid').width(screen.width);
 });

HTML kode

 <html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <meta charset=utf-8 />
 <title>Test</title>
 </head>
 <body>
   <table id="tableid">
     <tr><td>test</td></tr>
   </table>
 </body>
 </html>

Lavet simpelt med jQuery :-)

Indlæg senest redigeret d. 03.09.2010 13:31 af Bruger #15754

Bruger #15621 @ 03.09.10 14:01

har ikke så meget erfaring med JS, men jeg brugte din kode:

Kode

 $(document).ready(function() {
 $('#tableid').width(screen.width);
 });

Som jeg satte i en js fil (width.js)

derefter henviste jeg til den i min table (id=tableid og script src)

Det virker ikke rigtig.. den sætter bae min table width som 0 eller noget i den dur

Bruger #15754 @ 03.09.10 14:39

989

Husk og hente jquery ind - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Bruger #3143 @ 03.09.10 17:41

1.965

hvorfor vil du ikke bruge width: 100%? Det er jo lige netop hvad du har brug for.

Hvis du bruger screen.width som andre foreslår havner du netop i problemet at siden passer til skærmstørrelsen, og ikke til browservinduets størrelse.

Bruger #15754 @ 03.09.10 17:50

989

"som andre foreslår" - det beder han selv om, men du har ret. At sætte width til 100% er mere rigtigt hvis tabellen skal være dynamisk.

Bruger #15621 @ 03.09.10 20:40

Jeg er også gået tilbage til 100% nu.. Problemt var at jeg havde lavet en anden table som havde en width på et bestemt antal pixels og derfor hele tiden beholdt den pågældende bredde uanset browserens bredde. Efter den blev ændret til % var problemet løst.

Tak for alle jeres svar

hent brugerens availWidth og brug som bredde på table

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler