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
Ponzi schreef op 23.07.2006 14:02
Ja :) Eih Kerel :P Als ge me pissed off wilt krijgen moet ge zo door doen :P .. Neenee, is nix maar dat is door het verkeerd overnemen en snel typen ;) .

Het vreemde aan het hele verhaal is, dat als ik heel dit gedeelte in html omzet en in een .HTML-file zet dat het naadloos werkt :S . Enkel in mijn site marcheert het niet :( !


Ik weet niet hoe jij bent, en hoe je kennis is, vaak zijn dit de problemen waar mensen zich op suf zoeken, geen echo ervoor, een slash vergeten bij het afsluiten, dus als ik dit soort dingen zie, dan meld ik het, ik kan zo niet ruiken of dit zo ook in het 'echte' het script staat
Weet ik wel ;) Was maar om te 'lachen', maar ik zit hier al een hele dag mee te klooien :) ...
Ponzi schreef op 23.07.2006 14:10
Sorry Jan, maar het werkt nog steeds niet :(

In IE en Opera blijft het inderdaad met jouw methode werken... maar FF blijft moeilijk doen !

FF heeft een JavaScript-console die heel nauwkeurige foutmeldingen geeft: Menu Extra > JavaScript console.

Als de console open is, zal er wel een hele rij foutmeldingen staan. Maak de lijst eerst schoon door op 'wissen' te klikken. Open of ververs daarna je probleem pagina en kijk wat de console te melden heeft.

Had ik al gedaan :) Tijdens het openen van de pagina geeft hij GEEN enkele fout.

Slechts als ik probeer de volgende / vorige foto weer te geven, print hij een boodschap: 'photolist is not defined' !

Vreemde boel... want op mijn oude blogje werkt het zo !
De melding 'photolist' is not defined betekent dat er geen element is met id="photolist".

Meestal betekent zoiets dat je wel name="photolist" in je HTML hebt staan, maar niet id="photolist".
Ik had ID="photolist" staan, maar geen NAME="photolist". Nu ze er beide staan werkt het nog niet :(
Jan Koehoorn schreef op 23.07.2006 14:14
FF heeft een JavaScript-console die heel nauwkeurige foutmeldingen geeft: Menu Extra > JavaScript console.

Als de console open is, zal er wel een hele rij foutmeldingen staan. Maak de lijst eerst schoon door op 'wissen' te klikken. Open of ververs daarna je probleem pagina en kijk wat de console te melden heeft.

Heb ik zojuist eens met deze topicpagina gedaan. Wauw, wat een lijst.:P
SanThe schreef op 23.07.2006 14:21
[quote=Jan Koehoorn schreef op 23.07.2006 14:14]FF heeft een JavaScript-console die heel nauwkeurige foutmeldingen geeft: Menu Extra > JavaScript console.

Als de console open is, zal er wel een hele rij foutmeldingen staan. Maak de lijst eerst schoon door op 'wissen' te klikken. Open of ververs daarna je probleem pagina en kijk wat de console te melden heeft.

Heb ik zojuist eens met deze topicpagina gedaan. Wauw, wat een lijst.:P[/quote]

Als de scrolbar-kleur nu weg was, had je nog maar 2 meldingen over :-p
@ SanThe & PHP Newbie: was me ook al eens opgevallen inderdaad ;-)

@ Ponzi: mogen we even een link naar een online voorbeeld?
Stond hierboven al :)

>> Klikkie ! <<

PS: Deze 'versie' is wel in het nederlands ;) Maar werkt juist hetzelfde !

Reageren