Hallo !

Ik heb een 'klein' probleempje met mijn foto-album :) .
Hij werkt goed in IE en Opera, maar in FireFox slaat hij de bal helemaal mis !

Dit is wat ik heb:

album.php

<?

// Output... + uit DB halen van photos

            echo "<DIV CLASS=\"clAlbum\" ALIGN=\"center\" VALIGN=\"MIDDLE\">
                <IMG SRC=\"upload/photos/" . $Photos['0']['id'] . "." . $Photos['0']['Extension'] . "\" NAME=\"Photo\" BORDER=\"1\" BORDER-COLOR=\"black\">
            </DIV>
            <DIV ALIGN=\"center\">
                <INPUT TYPE=\"button\" VALUE=\"<<\" ONCLICK=\"Javascript:prevphoto()\">
                <SELECT ID=\"photolist\" ONCHANGE=\"Javascript:changephoto()\">

        ";

        for($i = 0; $i < count($Photos); $i++)
        {
            echo "<OPTION VALUE=\"upload/photos/" . $Photos[$i]['id'] . "." . $Photos[$i]['Extension'] . "\">" . $Photos[$i]['Name'] . "</OPTION>";
        }

        echo "
                </SELECT>
                <INPUT TYPE=\"button\" VALUE=\">>\" ONCLICK=\"Javascript:nextphoto()\">
            </DIV>
        ";

// Verdere output
?>


jscript.inc.php

<SCRIPT TYPE="text/javascript">  
function photo(a)
{
    if(nr)
    {
        a.innerHTML= "<IMG SRC='upload/photos/"+photos[nr]+"'>";
        nr++;
    }
    else
    {
        nr = 1;
        a.innerHTML= "<IMG SRC='upload/photos/"+photos[0]+"'>";
    }
}

function changephoto()
{
  Photo.src = photolist.options[photolist.selectedIndex].value;
}

function prevphoto()
{
	if(photolist.selectedIndex == 0)
	{
		photolist.selectedIndex = photolist.options.length-1;
	}
	else
	{
		photolist.selectedIndex--;
	}
	prevphoto();
}

function nextphoto()
{
	if(photolist.selectedIndex == photolist.options.length-1)
	{
		photolist.selectedIndex = 0;
	}
	else
	{
		photolist.selectedIndex++;
	}
	changephoto();
}
</SCRIPT>


Het is een hele brok :) Maar het werkt heel simpel:
We hebben een dropdown-boxje waarin de 'paden naar de foto's' als VALUE zijn meegegeven. Bij het veranderen van die dropdown zal hij de foto veranderen bij de afbeelding met de naam 'Photo'...

Beetje moeilijk uit te leggen :) . Hij werkt dus in IE en Opera, maar in FF geeft hij als fout: photolist is not defined. Terwijl dat wel degelijk zo is !

Mvg,
Ponzi
Ik krijg deze meldingen:

dat komt neer op mijn eerste antwoord; gebruik document.getElementById
Inderdaad :) MAAR: Waarom werkt het dan op mijn oude blog WEL en op mijn nieuwe niet met DEZELFDE scripts? :S
Laat maar zitten Jan :) We zullen het maar wijten aan de vreemde wereld van de PC :P !

Ik heb gewoon OVERAL ( :P ) 'document.getElementById('...')' bij gezet :) En het werkt nu ;)

Heel fel bedankt !

Ponzi
Okee, mooi dat het nu werkt :-)
Moest het je nog interesseren om te kijken > Blog zusje

Gelieve niks te spammen ofzo :) Het is die van mijn zus eh ;)
Het ziet er heel leuk uit en ik wens je zus heel veel plezier ermee :)
Danku :) Ben er nog druk aan bezig en ik zal het haar zeker zeggen ;)

Reageren