Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

plaatje hoog / breed

kenzo - 11/11/2009 16:22 (laatste wijziging 11/11/2009 16:23)

PHP beginner

Hallo,

Ik begin een klein beetje javascript te leren, en heb het volgende scriptje gemaakt om te controleren hoe een plaatje is:

breder dan hoog, of hoger dan breed.

Is het breder dan hoog, dan moet de breedte van het plaatje 500px worden, anders moet de hoogte 415px worden.

Het mooie is dat het script werkt, maar alleen een keer.
Het is in een slideshow. De eerste keer checkt hij mooi de waardes en update hij het plaatje, daarna niet meer...

Code

javascript code - Bekijk de code zonder highlighting - Klap code in

                
<script>
function timer(){
setTimeout ( checkImgSize, 100 );
setTimeout ( timer, 1000 );
}
function checkImgSize(){
	if(document.getElementById('ss_img').width > document.getElementById('ss_img').height){
		document.getElementById('ss_img').width = 500;
		alert (""+ ss_img);
	}
	if(document.getElementById('ss_img').height > document.getElementById('ss_img').width){
		document.getElementById('ss_img').height = 415;
		alert ("hoger dan breedt");
	}
}
</script>

            
<script>
function timer(){
setTimeout ( checkImgSize, 100 );
setTimeout ( timer, 1000 );
}
function checkImgSize(){
	if(document.getElementById('ss_img').width > document.getElementById('ss_img').height){
		document.getElementById('ss_img').width = 500;
		alert (""+ ss_img);
	}
	if(document.getElementById('ss_img').height > document.getElementById('ss_img').width){
		document.getElementById('ss_img').height = 415;
		alert ("hoger dan breedt");
	}
}
</script>
 

html4strict code - Bekijk de code zonder highlighting - Klap code in

<body onload='timer();'>

<body onload='timer();'>

Voorbeeld (nu nog met alert)
http://www.sham...s/zaak.php

2 antwoorden

Gesponsorde links

BramBo - 11/11/2009 19:42

JS gevorderde

In principe werkt je code, alleen is het event dat je hiervoor gekozen hebt niet helemaal geschikt(hoewel de eerste keer window.onload prima is).

Hier is 'n ander manier om de functie op te stellen, welke ook werkt met window onload. Het enige wat je eigenlijk nog in jou voorbeeld dient te doen is de timer weg gooien en aan de onchange een extra handler hangen.

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.onload = function() { checkImgSize(); }

function checkImgSize(){
 imgDiv     = document.getElementById('ss_img');
 divWidth  = imgDiv.width;
 divHeight = imgDiv.height;

 (divWidth > divHeight) 
   ? (function(){imgDiv.width  = 500;})()
   : (function(){imgDiv.height = 415;})();
}

            
window.onload = function() { checkImgSize(); }
 
function checkImgSize(){
 imgDiv     = document.getElementById('ss_img');
 divWidth  = imgDiv.width;
 divHeight = imgDiv.height;
 
 (divWidth > divHeight) 
   ? (function(){imgDiv.width  = 500;})()
   : (function(){imgDiv.height = 415;})();
}
 

php code - Bekijk de code zonder highlighting - Klap code in

                <select id="ss_select" name="ss_select" onChange="ss.goto_slide(this.selectedIndex)"> 
            
<select id="ss_select" name="ss_select" onChange="ss.goto_slide(this.selectedIndex)">

zul je dus nog moeten veranderen, bijvoorbeeld:

php code - Bekijk de code zonder highlighting - Klap code in

                <select id="ss_select" name="ss_select" onChange="ss.goto_slide(this.selectedIndex); checkImgSize();"> 
            
<select id="ss_select" name="ss_select" onChange="ss.goto_slide(this.selectedIndex); checkImgSize();">

kenzo - 12/11/2009 09:13 (laatste wijziging 12/11/2009 09:18)
PHP beginner		ik heb 2 probleempjes... - hij doet nog hetzelfde (de eerste keer werkt het goed, daarna niet meer - Als ik op play klik dan gaat hij automatisch spelen. Ik kan de checkImgSize uitvoeren, maar dit gebeurt dan alleen als ik op de button klik. Bij de volgende foto zal hij het niet meer uitvoeren dan ik heb even wat geprobeerd, maar alles werkt totdat een plaatje hoger dan breed is... dan werkt het voor beide mogelijkheden niet meer? Voorbeeld: http://www.sham...s/zaak.php

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten