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

Opgelost johannes999
(@johannes999)

2 jaren, 6 maanden geleden
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)

1 2 →

Moderator Jeroen Rotty
(@jeroenrotty)

Support Moderator

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden

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

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden
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 2 jaren, 6 maanden geleden door johannes999.
Thread starter johannes999
(@johannes999)

2 jaren, 6 maanden geleden
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>

<?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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden
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)

2 jaren, 6 maanden geleden

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)

2 jaren, 6 maanden geleden
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)

2 jaren, 6 maanden geleden

dank u wel,
hartelijke bedankt voor u vriendelijkheid.
johannes