Toon posts:

[JS] background td afhankelijk van de resolutie

Pagina: 1

Acties:

36 views sinds 30-01-2008
Reageer

maandag 2 september 2002 10:30

Acties:

rickmans

twittert

Topicstarter

Waarschijnlijk doe ik echt iets heel doms, maar ik kom er even niet meer uit. Ik wil een achtergrond in een td zetten die afhankelijk is van de resolutie.
Nou heb ik het volgende stukje code:

code:

<script language="javascript">
if(screen.height <= 600)
{
    document.all.td1.background = 'image2.jpg';
    document.write(" kleiner dan 600");
}
elseif(screen.height > 600 && screen.height <= 768)
{
    document.all.td1.background = 'image3.jpg';
    document.write("groter dan 600 en kleiner dan 768");
}
elseif(screen.height > 768 && screen.height <= 1024)
{
    document.all.td1.background = 'image4.jpg';
    document.write("groter dan 768 en kleiner dan 1024");
}
elseif(screen.height > 1024 && screen.height <= 1200)
{
    document.all.td1.background = 'image5.jpg';
    document.write("groter dan 1024 en kleiner dan 1200");
}
else
{
document.write("vreemde reso of iets totaal anders");
}
</script>
<table>
<tr>
<td id="td1">
text hier dus
</td>
</tr>
</table>

echter de achtergrond verandert niet en er gebeurt geen document.write. Kortom ik doe echt iets kleins verkeerd denk ik, maar wat? Ik zie het niet meer

Don't mind Rick

maandag 2 september 2002 10:39

Acties:

Pelle

🚴‍♂️

Wat denk je zelf? Je script staat er al voor je je td1 hebt gedefinieerd. Snie choed.
Maak er een functie van, die je onLoad aanroept.

maandag 2 september 2002 10:40

Acties:

rickmans

twittert

Topicstarter

Pelle schreef op 02 september 2002 @ 10:39:
Wat denk je zelf? Je script staat er al voor je je td1 hebt gedefinieerd. Snie choed.
Maak er een functie van, die je onLoad aanroept.

Ik zei toch dat het iets stoms was

zenks. Zal ongetwijfeld zo terug komen om óf te melden dat je een held bent of om te melden dat ik echt een knurft ben met javascript

Don't mind Rick

maandag 2 september 2002 11:09

Acties:

rickmans

twittert

Topicstarter

Ok de knurft meldt zich

Even een kleine samenvatting:
1) functie ervan gemaakt door simpel weg dit te doen
function resocheck()
{
code
}
2) onLoad gedaan in bodytag door
<body onLoad="resocheck">

Dat werkt dus ook niet

Nou zat ik te denken ik zou toch de line met daarin <td background=... gewoon kunnen laten schrijven door javascript, dus in plaats van een functie gewoon document.write doen? Het gaat namelijk toch maar om 1 line

Don't mind Rick

maandag 2 september 2002 13:52

Acties:

Grom

lief hè!

Dit gaat zo niet werken.
Document.write(" kleiner dan 600"); overschrijft je body en er is dus helemaal geen tabel meer.
Zoek eens met google naar hoe document.write werkt en als je dan bezig bent zoek ook eens uit hoe dit werkt en of je daar wellicht iets aan hebt:
document.getElementById('td1').style.backgroundColor='red';

maandag 2 september 2002 13:54

Acties:

Pelle

🚴‍♂️

onLoad="resocheck();"

maandag 2 september 2002 15:30

Acties:

rickmans

twittert

Topicstarter

Pelle schreef op 02 september 2002 @ 13:54:
onLoad="resocheck();"

ja ik had hem zo dus wel, maar het kwam doordat document.write mijn table overschreef, nu even zo opgelost:

code:

<html>
<head>
<title>hoi</title>


<script language="javascript">

function resocheck()
{
    if(screen.height <= 600)
    {
        document.all.td1.background = 'image2.jpg';
        document.getElementById('td1').innerText = " kleiner dan 
600";
    }
    else if(screen.height > 600 && screen.height <= 768)
    {
        document.all.td1.background = 'image3.jpg';
        document.getElementById('td1').innerText = " kleiner dan 
768";
    }
    else if(screen.height > 768 && screen.height <= 1024)
    {
        document.all.td1.background = 'image4.jpg';
        document.getElementById('td1').innerText = " kleiner dan 
1024";
    }
    else if(screen.height > 1024 && screen.height <= 1200)
    {
        document.all.td1.background = 'image5.jpg';
        document.getElementById('td1').innerText = " kleiner dan 
1200";
    }
    else
    {
    document.getElementById('td1').innerText ="vreemde reso of iets 
totaal anders";
    }
}
</script></head>
<body onLoad="resocheck()">
<table border=1>
<tr>
<td id="td1">
text hier dus
</td>
</tr>
</table>
</body>
</html>

Iedereen iig bedankt voor de hulp

Don't mind Rick

maandag 2 september 2002 15:37

Acties: