Ondersteuning » Code oplossingen gezocht » [NSFW] de code in function.php om JS aan te sluiten op custom page werkt niet?

  • Opgelost johannes999

    (@johannes999)


    Hallo,
    ik heb javascript code in mij footer.php om de header positie te veranderen wanneer wordt naar beneden gescrolld. het werkt perfect behalve op custom contact.php page.
    ik heb na veel zoeken deze code gevonden in google om javascript op een specifieke pagina aan te sluiten.
    de code is :

    
    

    function wpb_hook_javascript() {
    if (is_single (‘5’)) {
    ?>
    <script type=”text/javascript”>
    // your javscript code goes here
    </script>
    <?php
    }
    }
    add_action(‘wp_head’, ‘wpb_hook_javascript’);`

    
    nu ik heb deze code aangepast in mij function.php met contact pagina ID 16
    de code is geworden
    
    

    function auto_garage_hook_javascript() {
    if (is_single (’16’)) {
    ?>
    <script type=”text/javascript”>
    // your javscript code goes here

    const header = document.querySelector(‘header’);

    window.addEventListener(‘scroll’, () => {
    if (window.scrollY > 24) {
    header.classList.add(‘change’);
    change.style.display = ‘initial’;
    change.style.marginTop = ‘-104px’;
    }

    else {
    header.classList.remove(‘change’);
    change.style.display = ‘none’;
    }
    })

    </script>
    <?php
    }
    }
    add_action(‘wp_head’, ‘auto_garage_hook_javascript’);

    `
    maar het werkt niet wanneer ik ga naar contact pagina en scrol naar beneden de functie werkt niet.
    weet mischien iemand wat het kan de probleem zijn met deze code?
    als is echt noodzakelijk ik kan hele code in function.php paste hier.
    dank u wel

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

15 reacties aan het bekijken - 1 tot 15 (van in totaal 16)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ik heb je nu al 5+ keer gevraagd op de juiste manier code tags te gebruiken zodat het netjes staat, ik blijf dit niet opnieuw herhalen of voor je oplossen.

    Thread starter johannes999

    (@johannes999)

    wat bedoel jij precies ik begrijpt niet.
    ze zitten tussen CODE
    ik heb de code gekopierd van mij function.php en ik paste hier.
    wat is de probleem precies kun jij mij een vorbeeld geven?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Je moet het net voor het begin en net na de code zetten: `. Je doet het steeds verkeerd en we hebben je het al meermaals uitgelegd.

    Thread starter johannes999

    (@johannes999)

    bedoeld u dat ik bij begin van code
    <?php zetten en bij de end van code ?>.
    ik schrijf jaren bij engelstalige form van wordpress en nooit een probleem geweest.
    ik ben niet nieuwe plus ik ben bijna 62 jaar oud.
    die is hobby voor mij.

    Guido

    (@guido07111975)

    Hoi,

    Als het goed is zie je boven het invoerveld een aantal tags staan, waaronder “code”. Als je code plakt moet je ervoor en erna op “code” drukken. Je ziet dan een ‘ teken voor en na je code staan. Dan wordt de code correct getoond. Je kunt het achteraf ook nog doen, als het de eerste keer mis gaat of als je het vergeet. Maar na een uurtje kun je het niet meer wijzigen.

    Guido

    Guido

    (@guido07111975)

    Verander in jouw code dit:

    if (is_single (’16’)) {

    In dit:
    if (is_page('16')) {

    Want jouw code checkt of het een bericht is, in plaats van een pagina.

    Guido

    Thread starter johannes999

    (@johannes999)

    dank u wel,
    ik doe altijd vooraf de Code in invoer veld dan ik paste de code dan alweer op [/code] in invoer veld.
    ik weet niet wat het gaat fout.
    ik zie nadat ik heb op code geklikt de code veranderd naar [/code] en dan nadat ik heb de code geplakt ik klik nog een keer op [/code].
    ik doe altijd zo . ik ben niet nieuwe voor deze forum ik schrijf meestal in engestalige form . ik heb alleen laatste tijd begonnen met Nederlandse form.
    ik schrijf ook in phphulp forum,stackoverflow forum dus ik heb nooit probleem gehad.
    dank u wel
    johannes

    Thread starter johannes999

    (@johannes999)

    dank u wel,
    ik heb heleboel gezocht in google hoe ik kan js bestand in php bestand includen.
    ik heb paar geprobeerd in function.php en link te maken in header.php maar niet gelukt.
    ik heb van contact page include function weggedaan en ik alle code van contact-form
    in contact pagina geplakt. dus contact-form pagina is overbodig.
    maar toch deze custom contact page erken niet js bestand.
    als ik naar pagina’s gaan en in plaats van contact default kiezen dan wordt allemal normal. ik ben erg moe nu ik ga u advies morgen proberen. ik laat u weten morgen.
    dank u wel iedereen
    johannes

    Thread starter johannes999

    (@johannes999)

    ik gebruik altijd de code voortaan ik iets plakken van boven veld en daarna als ik iets geplakt ik gebruik alweer de code met [/code] van de veld boven.
    ik weet niet waarom zo iets gebeurt.
    ik ga als een test kleine code plakken en kijken of iets fout gaat.

    
    if (is_test (’test’)) {
    ?>
    
    add_action(‘wp_test’, ‘test_javascript’);

    `
    even kijken als het goed is ?

    • Deze reactie is gewijzigd 3 weken, 3 dagen geleden door johannes999.
    Thread starter johannes999

    (@johannes999)

    Hallo,
    ik heb wel geprobeerd om van single naar page te veranderen.
    maar het lukt niet.
    ik heb de js code in footer.php als volgende:

    <script>
    const header = document.querySelector('header');
    window.addEventListener('scroll', () => {
        if (window.scrollY > 24) {
            header.classList.add('change');
            change.style.display = 'initial';
            change.style.marginTop = '-104px';
        } 
    	
    	else {
            header.classList.remove('change');
            change.style.display = 'none';
        }
    })
    
    </script>
    </div><!-- #page -->
    
    <?php wp_footer(); ?>
    </body>
    </html>
    

    ik zie dat deze js code wordt niet erkent door custom page (contact) of andersome.
    ik heb javascripJS.js bestand gemaakt in js folder en deze js code in deze bestand geplakt. daarna ik heb link gemaakt in < head> </head> gedeelte.
    maar toch niet geholpen ik denk het moet op bepaalde wijze deze js bestand erkent worden door contact page!
    iedere idea is welkom.

    Thread starter johannes999

    (@johannes999)

    ik zie nu klopt. ik denk ik heb altijd 2 keer enter gedrukt en doordat de code was niet geplakt tussen 2 CODES.
    dank u wel

    Guido

    (@guido07111975)

    Hoi,

    De pagina Contact en de overige pagina’s zijn verschillend opgebouwd.

    Verander dit eens:

    
    const header = document.querySelector('header');
    

    In dit:

    
    const header = document.querySelector('#header');
    

    Guido

    Thread starter johannes999

    (@johannes999)

    dank u wel,het is gelukt .
    ik heb eerst in function.php in de code syntax header veranderd naar #header heeft niet gewerkt.
    toen ik heb alle code van function.php verwijderd en in de footer php waar js code staat de header veranderd naar #header. toen heeft het gewerkt.
    ik zoude nooit kunnen denken op #.
    hartelijke bedankt
    johannes

    Guido

    (@guido07111975)

    Graag gedaan!

    Maar volgens mij heb je “header” helemaal niet nodig en kan het script ook zo:

    <script>
    const change = document.querySelector('#change');
    window.addEventListener('scroll', () => {
    	if (window.scrollY > 24) {
    		change.style.display = 'initial';
    		change.style.marginTop = '-104px';
    	}
    	else {
    		change.style.display = 'none';
    	}
    })
    </script>

    Guido

    Thread starter johannes999

    (@johannes999)

    dank u wel,
    hartelijke bedankt voor u vriendelijkheid.
    johannes

15 reacties aan het bekijken - 1 tot 15 (van in totaal 16)