Archief - JS/jquery probleempje

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.
s

sQuare

Legacy Member
Ik ben bezig aan een simpele site, maar toch werken er enkele dingen niet.

Het eerste probleem is dat de content niet tevoorschijn komt met de 'kartels'.
Tweede (kleiner) probleem is de kleur van de footer, die heeft een andere kleur tewijl hij in de css wel dezelfde kleur heeft.

Als je snel, en meerdere keren op een knop uit de navigatie klikt, loopt alles wat in het honderd. Kan je hier iets tegen beginnen?
Alvast bedankt!

https://533097.webontwerp.khleuven.be/FUIF/indexbrecht.html
a

adrianhates

Legacy Member
1) opacity: 0.7 zorgt voor een kleinere kleur intensiteit waardoor uw kleur niet meer de gedefinieerde kleur is en zich mengt met de achterliggende kleuren.

2) je kan een animatie stoppen in jquery met "stop()". Google maar eens
w

woony

Legacy Member
het eerste probleem is omdat jquery sequentieel werkt.
hij zal dus stuk voor stuk verwerken.
Zet gewoon uw 'kartels' samen met uw content in een div, en zet uw show en slide op die div en dan zullen ze mooi samen komen.

Het kleur probleem is simpel.
De kleur is hetzelfde maar de transparantie niet.
Uw content en menu hebben een transparantie van 0.7 opacity: 0.7;
dus ofwel ook doen op uw footer, ofwel die opacity op 1 zetten.

het laatste probleem, is zoals het eerste.
zaken gebeuren sequentieel en je hebt animaties met een tijdspanne , als je dus sneller gaat klikken als die tijdspanne zul je dergelijk effect krijgen.

Dit kun je opvangen door alle huidige acties te stoppen bij elke klik.
Dus voor je je actie doet bij klik gebruik .stop() en hide() op alle andere divs.
check de jquery docs even daarvoor.
s

sQuare

Legacy Member
adrianhates zei:
1) opacity: 0.7 zorgt voor een kleinere kleur intensiteit waardoor uw kleur niet meer de gedefinieerde kleur is en zich mengt met de achterliggende kleuren.

2) je kan een animatie stoppen in jquery met "stop()". Google maar eens
Klik om te vergroten...

1) vreemd dat de opacity niet het zelfde stond. Dacht dat ik dat nagekeken had!
2)ga ik doen!

woony zei:
het eerste probleem is omdat jquery sequentieel werkt.
hij zal dus stuk voor stuk verwerken.
Zet gewoon uw 'kartels' samen met uw content in een div, en zet uw show en slide op die div en dan zullen ze mooi samen komen.

Het kleur probleem is simpel.
De kleur is hetzelfde maar de transparantie niet.
Uw content en menu hebben een transparantie van 0.7 opacity: 0.7;
dus ofwel ook doen op uw footer, ofwel die opacity op 1 zetten.

het laatste probleem, is zoals het eerste.
zaken gebeuren sequentieel en je hebt animaties met een tijdspanne , als je dus sneller gaat klikken als die tijdspanne zul je dergelijk effect krijgen.

Dit kun je opvangen door alle huidige acties te stoppen bij elke klik.
Dus voor je je actie doet bij klik gebruik .stop() en hide() op alle andere divs.
check de jquery docs even daarvoor.
Klik om te vergroten...

Ik heb al geprobeerd alles in een div te zetten maar dat lukte niet. Ik vind het gewoon erg vreemd omdat de content als laatste staat, en hij wordt als eerste getoond.


Beiden bedankt voor het snelle antwoord.
m

meuh

Legacy Member
Met uw menu is er ook vanalles mis... Je hebt in uw <a> tags tekst staan + dan heeft de <a> ook nog eens een background image.
Je krijgt deze error:
Uncaught ReferenceError: $ is not defined

Verwijder eens bovenaan al uw jquery includes en zet dit onderaan:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>

<script>
Hier komt ook al uw code dat bovenaan staat.
</script>
s

sQuare

Legacy Member
t was idd een hoop puin. tis ver opgelost. alvast bedankt voor alle reacties!
a

adrianhates

Legacy Member
wa voor rare logfile is dat? Zo raar dat externe urls geblokkeerd worden..
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