Redirect a.d.h.v. hoogte viewport
Ik ben bezig met een website welke bestaat uit Flash en HTML. Nu heb ik bovenin (de header met een menu) enkel en alleen HTML en de rest van de ruimte die er is wordt gevuld door een Flash-movie.
Nu kun je in de Flash movie klikken op thumbnails die dan vergroten. Deze vergroting is zo groot als de hoogte die deze tot zijn beschikking heeft. Op een laptop is een vergroting dus kleiner dan op een mooi groot scherm.
Probleem: Ik heb kunnen realiseren dat alles werkt door een overflow:hidden in de <body> te plaatsen. Maar door deze overflow:hidden is er op kleine schermen geen mogelijkheid tot scrollen...en die is dan wel nodig.
Ik heb een goed Javascriptje gevonden dat mij de viewport geeft, en wel dit:
http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
Hoe kan ik dit nu gebruiken met PHP?
if(viewportheight < 600){
overflow:auto;
}
else
{
overflow:hidden;
}
Iemand wijze raad?
Of is het niet slim Javascript met PHP te mixen en kan dit anders?
Alvast bedankt!!
Nu kun je in de Flash movie klikken op thumbnails die dan vergroten. Deze vergroting is zo groot als de hoogte die deze tot zijn beschikking heeft. Op een laptop is een vergroting dus kleiner dan op een mooi groot scherm.
Probleem: Ik heb kunnen realiseren dat alles werkt door een overflow:hidden in de <body> te plaatsen. Maar door deze overflow:hidden is er op kleine schermen geen mogelijkheid tot scrollen...en die is dan wel nodig.
Ik heb een goed Javascriptje gevonden dat mij de viewport geeft, en wel dit:
http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
Hoe kan ik dit nu gebruiken met PHP?
if(viewportheight < 600){
overflow:auto;
}
else
{
overflow:hidden;
}
Iemand wijze raad?
Of is het niet slim Javascript met PHP te mixen en kan dit anders?
Alvast bedankt!!
Gesponsorde koppelingen:
Je hebt geen PHP nodig. Javascript gebruik je gewoon in combinatie met HTML.
Maar hoe dan?
Dat ontgaat mij echt even...
Dat ontgaat mij echt even...
Nou gewoon de code van hier copieeren
http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
Maar dan wordt alleen aangegeven hoe hoog en breed de viewport is...hoe zorg ik vervolgens dat er a.d.h.v. deze informatie (eigenlijk alleen de hoogte) -hidden- of -auto- wordt aangegeven?
Begrijp ik echt niet, want Javascript is voor mij alleen 'pikken en aanpassen', heb er verder geen uitvoerige kennis van.
Het resultaat nu is een regeltje tekst, bv.: Your viewport width is 1024x576
Toevoeging op 28/03/2011 22:31:17:
Kan iemand mij hiermee verder helpen? Zit een beetje vast...
Begrijp ik echt niet, want Javascript is voor mij alleen 'pikken en aanpassen', heb er verder geen uitvoerige kennis van.
Het resultaat nu is een regeltje tekst, bv.: Your viewport width is 1024x576
Toevoeging op 28/03/2011 22:31:17:
Kan iemand mij hiermee verder helpen? Zit een beetje vast...
Gewijzigd op 28/03/2011 15:58:48 door Erick Schluter
Het is toch niet zo makkelijk als ik had gedacht...
Na ellenlange uitleg over 'client' en 'server', diverse Javascript tips & truuks kom ik er nog steeds niet uit.
Waarom is dit zo ingewikkeld?
Kan iemand mij a.u.b. een zetje in de goede richting geven?
Na ellenlange uitleg over 'client' en 'server', diverse Javascript tips & truuks kom ik er nog steeds niet uit.
Waarom is dit zo ingewikkeld?
Kan iemand mij a.u.b. een zetje in de goede richting geven?



