Beste SD Leden,

Ik zit met een probleempje. Mijn dropdown menu (www.frupdate.nl) werkt niet meer goed. Je ziet in het rode menu dat die van Fotoverslagen het wel doet. Maar die van Feyenoord niet.

Heb de code meerdere malen gecontroleerd maar kan geen fout ondekken. Misschien kunnen jullie me helpen?

PHP Code:

<ul id="navigation">
    <li><a href="../index/">Home</a></li>   
    
     <li><a href="#">Fotoverslagen</a>
        <ul>
<?php
include_once("config.php");
$query = mysql_query("SELECT * FROM fotoverslagen INNER JOIN fotocategorieen ON fotoverslagen_categorie = categorie_id ORDER BY fotoverslagen_id DESC") or die (mysql_error()); 
while ($verslag = mysql_fetch_assoc($query)) { 
echo '<li><a href="../fotoverslagen/'.$verslag['categorie_naam'].'/">&raquo; '.$verslag['categorie_naam'].'</a></li>';
} 
?>
        </ul>
    </li>
<?php
include 'config.php';
$query = mysql_query("SELECT * FROM paginacats") or die (mysql_error());
$num = mysql_num_rows($query);

if($num < 1){
echo 'Geen categorieen';
}
else {
while($result = mysql_fetch_assoc($query)){
echo '<li><a href\="#\">'.$result['categorie_naam'].'</a>'; 
$categorie = $result['categorie_id'];
$query2 = mysql_query("SELECT * FROM paginas WHERE pagina_categorie = '".$categorie."'") or die (mysql_error());
$num = mysql_num_rows($query2);
if($num < 1){
echo '<li>Geen pagina\'s in deze sectie</li>';
}
else {
echo '<ul>';
while($result2 = mysql_fetch_assoc($query2)){
echo '<li>&raquo; '.$result2['pagina_titel'].'</li>'; 
 }
 echo '</li></ul>';
}
 }
}
?>

Mvg,

Jeffrey

Je moet even het stukje javascript posten, waarschijnlijk zit de fout daar (Of kunnen we daarmee zien wat de fout is)

Hier de JAVA

PHP Code:

var fireOn = window.ie ? 'load' : 'domready';
window.addEvent(fireOn, function(){
    var navigation = $$('ul#navigation li');
    var FxDuration = '400';
    var FxTransition = 'sine:out';
    var listItemHeight = 24;
    navigation.each(function(el){
        var submenu = el.getElement('ul');
        var myEffect = new Fx.Morph(submenu, {duration: FxDuration, transition: FxTransition});
        // Check if the element has a submenu..
        if(submenu){
            submenu.setStyle('height','0');
            var OuterLink = el.getElement('a');
            var height = (listItemHeight * submenu.getElements('li').length);
            // Attach some events to the first anchor
            OuterLink.addEvent('mouseover', function(e){
                if(!this.hasClass('active')){
                    this.addClass('active');
                    submenu.setStyle('display','block');
                    myEffect.cancel();
                    myEffect.start({
                        'height': [0, height]
                    });
                }
            });
            // Attach some events to the submenu
            el.addEvent('mouseleave', function(e){
                myEffect.cancel();
                myEffect.start({
                    'height': [myEffect.subject.style.height, 0]
                });
            });
            myEffect.addEvent('complete', function() {
                if(myEffect.subject.getStyle('height') == "0px"){
                    submenu.setStyle('display','none');
                    OuterLink.removeClass('active');
                }
            });
        }
    });
}); 


dit is geen PHP menu hoor, zou ook in de html sectie kunnen ;) sorry dat ik zo zeik :P

maar lijkt mij dat je <LI> en <UL> verkeerd staan bij je knop Feyenoord en de subknop ervan, open je website maar en bekijk de source code.

Fotoverslag:
<LI>Fotoverslag<UL>blabla</UL></LI>

maar bij Feyenoord gaat het verkeerd met je tags :D

je PHP is goed, alleen de plaatsing van je echo "<LI><UL> etc" is verkeerd.

Waar moet ik die echo plaatsen dan? Heb nu </lu> omgedraait met </li> maar dat werkt nog steeds niet.

EDIT:
Zie nu dat hij in FireFox het wel prima doet. Erg vreemd, weet iemand misschien hier iets op?

Kom er nu net achter dat de dropdown helemaal geen JAVASCRIPT nodig heeft... dus die verwijderd. Maar maakt ook niks uit.