Toon posts:

background bepalen a.d.h.v. resolutie

Pagina: 1

Acties:

39 views sinds 30-01-2008
Reageer

maandag 9 september 2002 09:32

Acties:

ramonp

Topicstarter

Is het mogelijk om met een stukkie javascript (of anders) te bepalen welke achtergrondplaatje gebruikt gaat worden?

Duz:
Als de resolutie 800 x 600 is, dat dan plaatje800.jpg als achtergrond gebruikt wordt.
En bij 1024 x 768 plaatje1024.jpg als achtergrond gebruikt wordt.

Dit is iets wat makkelijker te onderhouden.

Nu heb ik het als volgende, maar dan heb ik 2 sites te onderhouden. Maar dat dan nog eens in 3 talen. Dus totaal 6 sites

maandag 9 september 2002 09:41

Acties:

akakiwi

I believe in the ruling class.

Zo-wie-zo heb je al van alles dubbel zitten.

if (screenWidth==0) { window.location="flash_intro_800.html";} else
if (screenWidth<=800) { window.location="flash_intro_800.html";}

Deze twee regels zijn in mijn ogen hetzelfde 0 < 800, dus 2 keer checken is niet echt nodig.
Dan houdt je nog 4 sites over ipv 6

| Life is a game (and games are fun) | homepage |

maandag 9 september 2002 09:48

Acties:

ramonp

Topicstarter

btw ik heb de site niet zelf gebouwd, ik ga hem alleen maar onderhouden (evt verbouwen)

Zo als je ziet wordt dezelfde site geopend.
Dus het zijn er nog steeds 6.

(Nederlands, Engels en Duits in de resoluties 800x600 en 1024x768)

maandag 9 september 2002 09:50

Acties:

akakiwi

I believe in the ruling class.

Wat je moet doen, is alles gewoon aan een database hangen.
Dan heb je 1 keer code, en meteen voor 3 talen de juiste opmaak.

Anders wordt het mooi een tering taak die je moet doen.

| Life is a game (and games are fun) | homepage |

maandag 9 september 2002 10:01

Acties:

ramonp

Topicstarter

akakiwi schreef op 09 september 2002 @ 09:50:
Wat je moet doen, is alles gewoon aan een database hangen.
Dan heb je 1 keer code, en meteen voor 3 talen de juiste opmaak.

Anders wordt het mooi een tering taak die je moet doen.

Geen optie, ik heb geen database tot mijn beschikking.

Plus al het werk dat erbij komt kijken.

maandag 9 september 2002 10:05

Acties:

Hoppie

code:

if (screenWidth==800)
{
        document.all['textlayout'].style.background = "transparent 
               black url(800.pic) no-repeat left top";
}
if (screenWidth==1024)
{
        document.all['textlayout'].style.background = "transparent 
               black url(1024.pic) no-repeat left top";
}

In de HTML file vermeldt je:

code:

1 2	<body id="textlayout"> </body>

Op deze wijze zou je eenvoudig je site geschikt kunnen maken voor diverse resoluties.
Voor wat betreft de verschillende talen zou je inderdaad naar een database kunnen kijken of wellicht via XML inladen?

[ Voor 0% gewijzigd door Hoppie op 09-09-2002 10:09 . Reden: verbetering layout... ]

maandag 9 september 2002 10:20

Acties:

ramonp

Topicstarter

Ik heb zelf ook nog een oplossing gevonden:

<script language="JavaScript">
function init(){

if (document.all) {
var screenWidth = document.body.offsetWidth;

} else if (document.layers) {
var screenWidth = window.innerWidth;

} else {
var screenWidth = 0;
}
if (screenWidth>800) { document.body.background ="test1024.jpg";} else
if (screenWidth<=800) { document.body.background ="test800.jpg";}
}
</script>

maandag 9 september 2002 10:22

Acties:

Hoppie

Via XML verschillende talen inladen:

Mogelijke xml file:

code:

<?xml version="1.0" encoding="ISO-8859-1"?>
    <teksten>
        <titel_du>M'n homepage</titel_du>
        <titel_eng>My homepage</titel_eng>
        <titel_de>Mein homepage</titel_de>
        <hoofdtekst_du>blabla</hoofdtekst_du>
        .....
    </teksten>

Mogelijke JavaScript code om de XML file te lezen:

code:

var teksten = new ActiveXObject("Microsoft.XMLDOM");
teksten.async="false";
teksten.load("teksten.xml");

if (teksten.parseError.errorCode == 0)
{
      titel.innerHTML = teksten.getElementsByTagName('titel_' + language).item(0).text 
}

Waarbij de variabele language "du", "eng" of "de" bevat.

maandag 9 september 2002 10:27

Acties:

ramonp

Topicstarter

XML is allemaal wel leuk en aardig,
maar ik heb er geen verstand van.

maandag 9 september 2002 10:30

Acties:

Hoppie

Bij veel tekst op een pagina kan het sneller zijn om 3 xml files te maken:
teksten_du.xml, teksten_eng.xml en teksten_du.xml. En die vervolgens afhankelijk van de taal in te laden:

code:

var teksten = new ActiveXObject("Microsoft.XMLDOM");
teksten.async="false";
teksten.load("teksten_" + language + ".xml");

if (teksten.parseError.errorCode == 0)
{
      titel.innerHTML = teksten.getElementsByTagName('titel').item(0).text 
}

maandag 9 september 2002 10:31

Acties:

Hoppie

ramonp schreef op 09 september 2002 @ 10:27:
XML is allemaal wel leuk en aardig,
maar ik heb er geen verstand van.

Ik heb je toch al een aardige voorzet gegeven, dacht ik!

maandag 9 september 2002 10:43

Acties:

ramonp

Topicstarter

Hoppie schreef op 09 september 2002 @ 10:31:
[...]

Ik heb je toch al een aardige voorzet gegeven, dacht ik!

Das waar, thanks anyway

maandag 9 september 2002 11:59

Acties:

Verwijderd

Ik wil je er nog even op wijzen dat de grootte van het scherm op zich niets zegt over de grootte van een browservenster.

maandag 9 september 2002 12:21

Acties:

ramonp

Topicstarter

Verwijderd schreef op 09 september 2002 @ 11:59:
Ik wil je er nog even op wijzen dat de grootte van het scherm op zich niets zegt over de grootte van een browservenster.

Weet ik, maar met die achtergrondplaatjes die ik gebruik is daar rekening mee gehouden.

maandag 9 september 2002 14:53

Acties:

OkkE

CSS influencer :+

Aangezien je de page ook mag verbouwen..

ramonp schreef op 09 september 2002 @ 09:48:
(evt verbouwen)

Is het misschien makkelijker gewoon een andere background te gebruiken? Zodat je helemaal niet hoeft te klooien met JS-scripts..

[ Voor 0% gewijzigd door OkkE op 09-09-2002 14:54 . Reden: :-) ]

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

Pagina: 1

Reageer