Menu werkt niet meer op telefoons

[Verwijderd]

Hallo.
Zit met een probleem, plots werkt mijn menu van mijn website niet meer op mobiel, wel op desktop. Ik heb 2 dezelfde website layout,met dezelfde css., alleen 2 aparte domeinen NL en BE.Met alleen andere inhoud.

Kopieer ik nu de index.html naar mijn Belgische site, doet het menu het wel, andersom niet.

Zodra je op navigatie menu komt en een link aantikt, komt er een 404 pagina, die ook al niet werkt. De links staan goed ingevuld.

Ben er nu al 2 dagen mee bezig, alles al geprobeerd, css van Be naar Nl gezet, zonder resultaat.

Misschien kan er iemand mee kijken, ik kom er niet meer uit.

https://www.trouwen-bruiloft.nl
https://www.trouwen-bruiloft.be
...


...

[Hahn]

Als je in de console kijkt als de error plaatsvindt, dan zie je onder andere:

code:

GET https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js net::ERR_BLOCKED_BY_CLIENT
17:15:58.524 bruidskleding.htm:16 GET https://www.trouwen-bruiloft.nl/https://js-plugin/pretty-photo/css/prettyPhoto.css net::ERR_ABORTED 404
17:15:58.525 bruidskleding.htm:15 GET https://www.trouwen-bruiloft.nl/https://css/skeleton.css net::ERR_ABORTED 404

Er zit dus iedere keer 'https://' tussen die er niet moet staan.

[Verwijderd]

Ja klopt dit heb ik inmiddels gevonden, de 404 werkt, alleen mijn menu werkt niet op mobile.

[Verwijderd]

Hahn schreef op zondag 2 december 2018 @ 17:18:
Als je in de console kijkt als de error plaatsvindt, dan zie je onder andere:

code:

GET https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js net::ERR_BLOCKED_BY_CLIENT
17:15:58.524 bruidskleding.htm:16 GET https://www.trouwen-bruiloft.nl/https://js-plugin/pretty-photo/css/prettyPhoto.css net::ERR_ABORTED 404
17:15:58.525 bruidskleding.htm:15 GET https://www.trouwen-bruiloft.nl/https://css/skeleton.css net::ERR_ABORTED 404

Er zit dus iedere keer 'https://' tussen die er niet moet staan.

Deze staan in Belgie hetzelfde, de link is gewoon met https in het menu.
Of bedoel je dat ik alleen naar voorbeeld.html inplaats van https://www.domein.nl/voorbeeld.html invul.

Dit heb ik altijd zo gehad, en is in de Belgische site ook zo, en die werkt gewoon.

Je hebt het toch wel over het menu?

[peteroff]

code:

<nav id="mainMenu">
                    <ul>
                      <li><a href="https://www.trouwen-bruiloft.nl/bruidsmode.html" class="firstLevel active">bruidsmode</a>
                        <ul>
                          <li><a href="https://www.trouwen-bruiloft.nl/bruidsaccessoires.html" title="accessoires voor de bruid">Bruidsaccessoires</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/bruidskapsels.html" title="Bruidskapsels">Bruidskapsels</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/bruidsmake-up.html" title="Bruidsmake-up">Bruidsmake-up</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/bruidskleding.htm" title="tips Bruidskleding">Bruidskleding</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/bruidslingerie.htm" title="tips Bruidslingerie">Bruidslingerie</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/bruidsschoenen.html" title="tips trouwschoenen">Bruidsschoenen</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/avondkleding.htm" title="tips avondkleding">Gelegenheidskleding</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/trouwjurken.html" title="tips en trends trouwjurken">Trouwjurken</a></li>
                          <li><a href="https://www.trouwen-bruiloft.nl/trouwpak.html" title="tips en trends trouwkostuum">Trouwkostuum</a></li>
                        </ul>
                      </li>

Bovenstaande voor desktop weergave gaat goed...

Maar onderstaande voor mobiel weergave niet. Kijk maar naar de url's:

code:

<select class="responsive-nav">
<option value="https://www.trouwen-bruiloft.nl/" selected="">Navigate...</option>
<option value="https://www.trouwen-bruiloft.nl/https://www.trouwen-bruiloft.nl/bruidsmode.html"> bruidsmode</option>
<option value="https://www.trouwen-bruiloft.nl/https://www.trouwen-bruiloft.nl/bruidsaccessoires.html"> -  Bruidsaccessoires</option>
<option value="https://www.trouwen-bruiloft.nl/https://www.trouwen-bruiloft.nl/bruidskapsels.html"> -  Bruidskapsels</option>........

Je moet het verschil in je broncode zoeken bij <nav id="mainMenu"> en <select class="responsive-nav">

Welke software gebruik je? (wat eigenlijk in je topic start hoort te staan)

[ Voor 3% gewijzigd door peteroff op 02-12-2018 18:05 ]

[Verwijderd]

Oke! En hoe krijg ik dat dan goed. In mijn html staat maar 1 menu

[peteroff]

Welke software gebruik je? (wat eigenlijk in je topic start hoort te staan)
Dan kunnen we je wat sneller helpen.

[Verwijderd]

Ik gebruik een asus laptob, en dreamweaver.2015
Maar het rare is dat ik bij de website van Belgie geen probleem heb.

[ Voor 6% gewijzigd door Verwijderd op 02-12-2018 18:12 ]

[peteroff]

Probeer het eens door alle url's van je menu te vervangen zonder je volledige domeinnaam.

dus van dit voorbeeld:
<a href="https://www.trouwen-bruiloft.nl/bruidsaccessoires.html ......
naar dit voorbeeld:
<a href="/bruidsaccessoires.html ....

[Verwijderd]

Oke kan ik doen, maar heb in de website Belgie hetzelfde, en daar geen problemen.
En als ik de index van mijn Nl website naar Be zet, krijg ik geen foutmelding, terwijl er dan ook 2 maal domeinnaam in zou moeten staan.

[Verwijderd]

Ik heb nu de index van www.trouwen-bruiloft.nl op www.trouwen-bruiloft.be gezet. Dan werkt alles perfect.

https://www.trouwen-bruiloft.be/test.html

[peteroff]

Ik denk dat hier het probleem ligt in je costum.js bestand. Maar als je mijn vorige post uitvoert... kom je volgens mij al een heel end... Ik ga eerst even wat eten, dan kijk ik er wat dieper naar in...

code:

 // ul to select
    var optionsList = '<option value="https://www.trouwen-bruiloft.nl/" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="https://www.trouwen-bruiloft.nl/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

[Verwijderd]

peteroff schreef op zondag 2 december 2018 @ 18:14:
Probeer het eens door alle url's van je menu te vervangen zonder je volledige domeinnaam.

dus van dit voorbeeld:
<a href="https://www.trouwen-bruiloft.nl/bruidsaccessoires.html ......
naar dit voorbeeld:
<a href="/bruidsaccessoires.html ....

Is gedaan, maar nog steeds een 404 in het navigatie menu

[Verwijderd]

peteroff schreef op zondag 2 december 2018 @ 18:32:
Ik denk dat hier het probleem ligt in je costum.js bestand. Maar als je mijn vorige post uitvoert... kom je volgens mij al een heel end... Ik ga eerst even wat eten, dan kijk ik er wat dieper naar in...

code:

 // ul to select
    var optionsList = '<option value="https://www.trouwen-bruiloft.nl/" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="https://www.trouwen-bruiloft.nl/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

Je zit nu op mijn blog, en niet op de website. Mijn website is geen Wordpress, maar html5 site.

[peteroff]

Probleem Gevonden.

Op de Belgische versie staat in het custom.js bestand het volgende:

code:

// ul to select
    var optionsList = '<option value="" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

In de Nederlandse versie dit:

code:

 // ul to select
    var optionsList = '<option value="https://www.trouwen-bruiloft.nl/" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="https://www.trouwen-bruiloft.nl/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

De Belgische versie doet het goed, dus even je custom.js bestandje aanpassen?

[ Voor 96% gewijzigd door peteroff op 02-12-2018 18:45 ]

[Pjottski]

HTTP://domein/HTTP://?

[Verwijderd]

peteroff schreef op zondag 2 december 2018 @ 18:35:
Probleem Gevonden.

Op de Belgische versie staat in het custom.js bestand het volgende:

code:

// ul to select
    var optionsList = '<option value="" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

In de Nederlandse versie dit:

code:

 // ul to select
    var optionsList = '<option value="https://www.trouwen-bruiloft.nl/" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="https://www.trouwen-bruiloft.nl/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

De Belgische versie doet het goed, dus even je custom.js bestandje aanpassen?

Joepie..... Yes, en dat terwijl ik het hele js mapje vanmiddag al van Belgie naar Nl had gezet. Nu apart gedaan, alleen de custom.js upgeload, en hij doet het. Pfff Hartstikke bedankt, kan eindelijk een paracetamol aan slikken

[peteroff]

Nu werkt het wel, maar in de NL versie gaat alles naar BE..... bijna goed....

[Verwijderd]

Oh nu dat weer!!! Wat moet ik nog doen>? Maar kan iemand checken of tie het doet op telefoon, bij mij namelijk nog niet, alleen in screenfly werkt het. http://quirktools.com/scr...t.nl&w=375&h=667&a=37&s=1

[peteroff]

Volgende veranderen in custom.js voor beide sites

Van:

code:

// ul to select
    var optionsList = '<option value="https://www.trouwen-bruiloft.be/" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="https://www.trouwen-bruiloft.be/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

Naar: Zonder je domijnnaam erin

code:

// ul to select
    var optionsList = '<option value="" selected>Navigate...</option>';
    $mainMenu.find('li').each(function() {
        var $this   = $(this),
        $anchor = $this.children('a'),
        depth   = $this.parents('ul').length - 1,
        indent  = '';

        if( depth ) {
            while( depth > 0 ) {
                indent += ' - ';
                depth--;
            }
        }

        optionsList += '<option value="' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
    }).end().after('<select class="responsive-nav">' + optionsList + '</select>');

    $('.responsive-nav').on('change', function() {
        window.location = $(this).val();
    }); 
    
})();

[Verwijderd]

Ik kan geen domein naam vinden in js.custom

[peteroff]

Bekijk deze goed: https://www.trouwen-bruiloft.nl/js/custom.js
en deze eens goed: https://www.trouwen-bruiloft.be/js/custom.js

Zoek naar :// ul to select

Daaronder zie je:

code:

var optionsList = '<option value="https://www.trouwen-bruiloft.be/" selected>Navigate...</option>';

en daar nog iets verder onder:

code:

optionsList += '<option value="https://www.trouwen-bruiloft.be/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';

verander dat eens naar:

code:

var optionsList = '<option value="" selected>Navigate...</option>';

en

code:

optionsList += '<option value="' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';

[Verwijderd]

peteroff schreef op zondag 2 december 2018 @ 19:14:
Bekijk deze goed: https://www.trouwen-bruiloft.nl/js/custom.js
en deze eens goed: https://www.trouwen-bruiloft.be/js/custom.js

Zoek naar :// ul to select

Daaronder zie je:

code:

var optionsList = '<option value="https://www.trouwen-bruiloft.be/" selected>Navigate...</option>';

en daar nog iets verder onder:

code:

optionsList += '<option value="https://www.trouwen-bruiloft.be/' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';

verander dat eens naar:

code:

var optionsList = '<option value="" selected>Navigate...</option>';

en

code:

optionsList += '<option value="' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';

Ja heb het gevonden, en bij allebei de domein namen verwijdert. Alleen op screenfly geeft ie het goed, maar in mijn telefoon nog steeds niet, heb alle cookies in tel verwijdert.

[Verwijderd]

Ja het werkt heel erg bedankt peteroff!