Archief - Krijg mijn uitklapmenu maar niet geforceerd bovenop mijn fotogallerij..

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
z

zeescheet

Legacy Member
Hoi,

zit met het volgende probleem op

Inspiratie

Hou je de muis over de link WERKWIJZE nu, dan zie je links in beeld het uitklapmenu verschijnen.

Ga je naar de pagina van de link CONTACT en je gaat dan met de muis over
WERKWIJZE dan zie je perfect waar het uitklapmenu normaal dient te komen.

Heb al getracht met de z-index te spelen en vele andere zaken...
Geraak er niet uit helaas!

Als iemand mij in de juiste richting zou kunnen wijzen aub, thx !!
`

`Haste`

Legacy Member
Maak op de kapotte pagina van
Code: 
<script type="text/javascript">google.load("mootools", "1.2.1");</script>	
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
het volgende
Code: 
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("mootools", "1.2.1");</script>

Grtz
H

Homer`

Legacy Member
Je gebruikt een hele hoop van je css niet? Of mis ik iets, want veel refferences in uw css zoals submenuscontainer heb je nergens staan in je HTML?
z

zeescheet

Legacy Member
De menubalk werkt nu maar de AD gallerie niet meer..
Hier is de pagina na uw correctie
Inspiratie__2

Dit haal ik uit de gegenereerde code nu - De grote foto EN de navigatiepijltjes laadt hij niet langer correct in.
<div class="ad-image-wrapper"></div>
<div class="ad-controls"></div>

Bij een werkende fotogallerij wordt dit deel dynamisch ingevuld en ziet er ongeveer zo uit:
<div class="ad-image-wrapper"><div style="width: 840px; height: 369px; top: 0px; left: 0px;" class="ad-image"><img src="inspiratie/12.jpg" width="840" height="369"></div><img style="display: none;" class="ad-loader" src="https://www.beyondgaming.be/forums"><div class="ad-next"><div style="opacity: 0.7;" class="ad-next-image"></div></div><div style="height: 369px;" class="ad-prev"><div style="opacity: 0.7; display: none;" class="ad-prev-image"></div></div></div>
<div class="ad-controls">
<p class="ad-info">1 / 28</p><div class="ad-slideshow-controls"><span class="ad-slideshow-start">Start</span><span class="ad-slideshow-stop">Stop</span><span style="display: none;" class="ad-slideshow-countdown"></span></div></div>

******************************************************************
Hier nog de pagina zonder uw correctie maar dat je ziet hoe de gallerij dient te werken.
Inspiratie

Alvast heel hard bedankt om het mee te willen helpen zoeken !!! :)
z

zeescheet

Legacy Member
@homer:
Submenuscontainer wordt dynamisch gegenereerd en zie je enkel onder de generated content staan bij Inspiratie__2

Hier een klein stukje uit de gegenereerde code
<!-- Create a MenuMatic Instance -->
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="subMenusContainer"><div style="display: none; visibility: visible; z-index: 1; height: 107px; width: 240px; top: 426px; left: 449px;" class="smOW">

Het klopt wel dat ik niet alles van de css van menumatic.css gebruik momenteel. Bijvoorbeeld css selectoren om een verder niveau in de navigatie op te dirken staan er nog in terwijl ik die eigenlijk niet nodig heb hier doordat de nesting slechts 1 niveau diep is.

Misschien niet zo netjes dat ik dit nog niet heb opgekuisd maar doordat deze selectoren niet aan bod komen kunnen ze ook geen fout veroorzaken toch?
`

`Haste`

Legacy Member
Ok het was wat laat gisteren zag nog wat js errors maar anyway.
Het probleem heeft niets met css te zien denk ik, gewoon wat javascript die niet in de juiste volgorde staat.

Move heel de volgende blok naar de head
Code: 
<!-- Load the Mootools Framework -->
<script src="__inspiratie.php_bestanden/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("mootools", "1.2.1");</script><script src="__inspiratie.php_bestanden/mootools-yui-compressed.js" type="text/javascript"></script>
	
	<!-- Load the MenuMatic Class -->
	<script src="__inspiratie.php_bestanden/MenuMatic_0.js" type="text/javascript" charset="utf-8"></script>
toevoegen onder
Code: 
<script type="text/javascript" src="__inspiratie.php_bestanden/jquery.js"></script>
  <script type="text/javascript" src="__inspiratie.php_bestanden/jquery_002.js"></script>
z

zeescheet

Legacy Member
Levert geen resultaat op helaas. Heb de scripts in versch. volgordes zitten plaatsen en zo geprobeerd.

Nog andere ideeën?
D

Deefees

Legacy Member
Mootools + jquery library? Werkt niet voor zover ik weet. Omdat ze dezelfde naamgeving gebruiken voor sommige elementen, dus die bibliotheken vechten met elkaar denk ik. Je zal dus ofwel je menu of je fotoslider moeten ombouwen zodat alles ofwel werkt met Jquery of Mootools.

Don't shoot me if i'm wrong, het is maar mijn gedacht.
`

`Haste`

Legacy Member
Ok, begin terug van Inspiratie
en maak opnieuw van
Code: 
<script type="text/javascript">google.load("mootools", "1.2.1");</script>	
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
het volgende:
Code: 
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("mootools", "1.2.1");</script>
en zet nu overal waar je $ gebruikt jQuery in de plaats zodat
Code: 
 <script type="text/javascript">
  $(function() {
    var galleries = $('.ad-gallery').adGallery();
    $('#switch-effect').change(
      function() {
        galleries[0].settings.effect = $(this).val();
        return false;
      }
    );
    $('#toggle-slideshow').click(
      function() {
        galleries[0].slideshow.toggle();
        return false;
      }
    );
  });
  </script>
het volgende wordt:
Code: 
<script type="text/javascript">
  jQuery(document).ready(function() {
    var galleries = jQuery('.ad-gallery').adGallery();
    jQuery('#switch-effect').change(
      function() {
        galleries[0].settings.effect = $(this).val();
        return false;
      }
    );
    jQuery('#toggle-slideshow').click(
      function() {
        galleries[0].slideshow.toggle();
        return false;
      }
    );
  });
  </script>

1 van je libraries gebruikt blijkbaar het jQuery $ symbool waardoor je dit prob kreeg. (heb het eens offline getest)
z

zeescheet

Legacy Member
:applause:

Fantastisch !!!! Werkt perfect ! 1000x dank

Als ik iets kan terugdoen, laat het mij zeker weten.

Uhm, hoe sluit bij 9Lives weer een topic als 'opgelost'? :$
Z

Zero Grav

Legacy Member
Is enkel mogelijk op hardware, hier laten we de topics gewoon een stille dood sterven. :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan