[js] tabel afhankelijk van resolutie laten zien - Softwareontwikkeling

maandag 15 juli 2002 11:52

Acties:

Topicstarter

Ik wil afhankelijk van de resolutie een tabel laten zien met bepaalde eigenschappen. Het gaat om de volgende code:

code:

<div id=adres style=LEFT: 530px; POSITION: absolute; TOP: 61px;  VISIBILITY: hidden; Z-INDEX: 2>
<table border=0 width=500 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td>
   <a href=adres.html target=main>adres</a> |
   <a href=openingstijden.html target=main>openingstijden</a>
  </td>
 </tr>
</table>
</div>

Om kort uit te leggen, de eigenschappen van deze tabel worden in de <div> gegeven. Er staat bijvoorbeeld dat de tabel op 530px van links moet komen. Bij 800*600 is dat goed maar bij 1024*768 moet dat 650px zijn.

Ik had dus al wat geprobeerd met:

code:

if (screen.width < 1024) {
   tabel met 530
}

else if (screen.width > 800) {
   tabel met 650
}

Maar dat werkt niet. Weet iemand een oplossing hiervoor. Ik had al gezocht met "resolutie" maar kon het antwoord op dit probleem niet vinden.

maandag 15 juli 2002 11:57

Acties:

gorgi_19

Kruimeltjes zijn weer op :9

Geen idee wat er precies fout gaat, maar je kan hier eens kijken:

http://www.javascriptsource.com/user-details/resolution-page.html

Digitaal onderwijsmateriaal, leermateriaal voor hbo

maandag 15 juli 2002 11:58

Acties:

Verwijderd

Typefoutje in de eerste regel:
screen.widht moet zijn screen.width

maandag 15 juli 2002 11:59

Acties:

Pelle

🚴‍♂️

En ook hiermee kom je er niet:

code:

1	screen.widht < 800

/edit
raccoon was sneller

maandag 15 juli 2002 12:00

Acties:

Mitsah

Topicstarter

Op maandag 15 juli 2002 11:59 schreef Pelle het volgende:
En ook hiermee kom je er niet:
code:
1
screen.widht < 800
/edit
raccoon was sneller

ja, dat moet natuurlijk 1024 zijn

maandag 15 juli 2002 13:21

Acties:

André

Analytics dude

code:

<div id="adres" style="LEFT: 530px; POSITION: absolute; TOP: 61px;  VISIBILITY: hidden; Z-INDEX: 2">
  <table border="0" width="500" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td>
      <a href="adres.html" target="main">adres</a> |
      <a href="openingstijden.html" target="main">openingstijden</a>
    </td>
    </tr>
  </table>
</div>

Met de volgende code:

code:

if (screen.width <= 800)
{ bla }

if (screen.width > 800)
{ bla }

Dat moet genoeg zijn.

Maar btw je kunt de tabel toch ook op procenten zetten???

maandag 15 juli 2002 13:25

Acties:

Pelle

🚴‍♂️

Persoonlijk ben ik meer fan van de if-else-constructies dan van de if-if-constructies

maandag 15 juli 2002 13:38

Acties:

Mitsah

Topicstarter

Ok ik heb nu de voldende code, maar de explorer geeft aan dat er een syntaxfout is op regel 109 teken 1. dat is in dit geval de "<" van <div id=..... Iemand enig idee.

code:

<script>
if (screen.width <= 800) {

<div id="adres" style="LEFT: 300px; POSITION: absolute; TOP: 61px;  VISIBILITY: hidden; Z-INDEX: 2">
<table border="0" width="500" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <a href="adres.html" target="main">adres</a> |
   <a href="openingstijden.html" target="main">openingstijden</a>
  </td>
 </tr>
</table>
</div>
}

else if (screen.width > 800) {

<div id="adres" style="LEFT: 300px; POSITION: absolute; TOP: 61px;  VISIBILITY: hidden; Z-INDEX: 2">
<table border="0" width="500" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <a href="adres.html" target="main">adres</a> |
   <a href="openingstijden.html" target="main">openingstijden</a>
  </td>
 </tr>
</table>
</div>
}
</script>

maandag 15 juli 2002 13:42

Acties:

Pelle

🚴‍♂️

Ja. JavaScript is geen PHP en dus kun je niet zomaar HTML tussen je code plakken zonder dat dit is voorafgegaan door een of ander print of write commando.

Zoek maar eens naar document.write op een gemiddelde JavaScript site. Topic gaat dicht; 't is wel erg basic dit.

[search=document.write]

Oh, hier heb je misschien ook nog wat aan: http://hotwired.lycos.com/webmonkey/programming/javascript/tutorials/tutorial1.html

maandag 15 juli 2002 13:44

Acties:

Verwijderd

Je kunt geen HTML en Javascript zomaar door elkaar gooien. Kijk eens naar de methode document.write() om je HTML te schrijven.

code:

1	document.write('<html>');

Dit is echt gewoon basiskennis, ik ben nog nooit een tutorial zonder document.write tegengekomen.