body onload conflict met window onload js bestand.

Status
Niet open voor verdere reacties.

Carroline75

Nieuwe gebruiker
Lid geworden
31 jan 2018
Berichten
2
Ik weet wat het probleem is; maar het lukt me niet om het op te lossen:

Ik heb een responsive site. Wanneer deze op een klein scherm bekeken wordt, verandert de header met alle losse menulinks in een menublokje. Tot zover gaat alles goed. Maar; zodra ik een body-onload toevoeg voor een ander event, conflicteren zij met elkaar.Ik heb genoeg oplossingen gevonden online, maar ik krijg het niet werkende. Mijn 'gewone' responsive site heb ik maar noodgedwongen zonder menublokje online staan. Ik heb daarnaast een testvariant online staan, waar ik al van alles mee geprobeerd heb, maar welke codes ik ook aanpas, het lukt me niet.

Zou iemand me kunnen laten zien welke codes ik exact zou moeten aanpassen?

Dit zijn de pagina's:
https://www.portrettekeningen.nl/prijzentest.html
https://www.portrettekeningen.nl/css/mobiletest.css
https://www.portrettekeningen.nl/js/mobiletest.js
https://www.portrettekeningen.nl/chainedselectstest.js

Ik hoop dat iemand me kan helpen.
 
Hoi, laten we eerst iets zeggen over de layout, die is niet responsive!
Er staat een klein foutje in de html, 2x </p> achter elkaar: metalart laten maken</a></p></p>
Mogelijk kan je event DOMContentLoaded gebruiken als je dat nog niet hebt geprobeerd. Samen met het opruimen van de rommel in de <head> wordt dit
Code:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Betaalbare portretschilder Carroline van Dijk</title>
<meta name="description" content="Carroline van Dijk schildert betaalbare eigentijdse portretten, dieren of huizen in zwart-wit of kleur.">
<!-- Website Template by freewebsitetemplates.com -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobiletest.css" media="screen and (max-width: 568px)">
<script src="js/mobiletest.js"></script>
<!-- Chained Selects script- By Xin Yang (www.yxscripts.com) Script available at www.dynamicdrive.com
Visit Dynamic Drive at www.dynamicdrive.com for full source code -->
<script src="chainedselectstest.js"></script>
<script src="exampleconfigportret.js"></script>
<style type="text/css">
.style60 {color: #bbd121}
</style>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function(){
initListGroup('lijsten', document.forms[0].aantal, document.forms[0].ondergrond, document.forms[0].kleur, document.forms[0].tekeningformaat, document.forms[0].lijstkeuze, document.forms[0].lijstkleur);
navv();
}, false);
</script>
</head>
<body>
De oplossing werkt niet op verouderde Internet Explorer, wil je dit wel dan komt er nog wat JS bij.
Het is ondoenlijk om alle javascript door te worstelen. Eigenlijk weet ik niet eens wat je met de onload wilt doen :confused:
 
Bedankt

Het is me gelukkig gisternacht toch gelukt om beide events te laten starten..
Maar evengoed bedankt! En over de onload; ik heb een chained.js programma, dat ervoor zorgt dat alle verzendkosten, prijzen, formaten alleen tevoorschijn komen bij bepaalde keuzes. Ziet er verwarrend en chaotisch uit, maar het doet wat het moet doen:)
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan