Door
Gerard Brieder
op 11-09-2018 15:36
gewijzigd op 11-09-2018 16:57
3.205 views
Ik ben beginnend javascript programmeur. Ik vindt het erg lastig om te doorzien. Maar goed ik ben een doorzetter dus ik blijf lezen en proberen.
Ik probeer een popup functie te maken met javascript, maar kom er niet uit. Wat doe ik fout?
<html>
<!--
* De naam van het programma: popup.js
*
* De ontwikkelingsdatum: 2018-09-11
* De naam van de auteur: G.J. de Brieder Sr.
*
* De edit opleverings datum:
* De naam van de editor:
*
* versie nummer: 0.01
*
* De beschrijving van het programma:
* Test meldingen, met de switch case, in een functie van javascript
*
-->
<!--
<body>
<script type="text/javascript">
var schakel = "meterstanden";
/* function popup(schakel) { */
switch (schakel) {
case 'meterstanden':
window.open('/html/Meterstanden.html', 'Tijd voor opnemen meterstanden', 'width=400,height=250,menubar=yes,location=yes,scrollbars=yes');
document.write("Meterstanden is gekozen.<br>");
break;
case 'paswoord':
window.open('/html/Uitleg_paswoord.html', 'Paswoord_uitleg', 'width=250,height=200,menubar=yes,location=yes,scrollbars=yes');
document.write("Paswoord is gekozen.<br>");
break;
default:
window.open('/html/Geen_melding.html', 'Geen Melding', 'width=250,height=200,menubar=yes,location=yes,scrollbars=yes');
document.write("Geen keuze gevonden.<br>");
break;
}
/* } */
</script>
</body>
</html>
-->
Graag zou ik je willen vragen of je een duidelijke titel aan het topic kan hangen en code-tags om je script wilt gebruiken. Dan blijft dit topic en het forum overzichtelijk.
Verder zijn we erg benieuwd waar je precies op vastloopt. Onthoud wel dat pop-ups op browsers standaard afgeschoten worden.
Beste Ariën, wat zijn code tags? Ik heb alles al in schrijf mode gezet (Ik dacht dat het zo de bedoeling was, zodat het niet meer actief is?) tja.... sorry.
Wat betreft de probleem beschrijving:
De switch werkt wel, deze kun je zo testen zoals ik gecodeerd heb. Echter de functie van javascript, die ik nu even afgevlagd heb, krijg ik niet aan het werk met de parameter schakel.
Dat is dus het probleem, waar ik graag ondersteuning bij wil van jullie.
Ik ben nog maar net begonnen met javascript en heb dus weinig ervaring( 1 maand).
Ik hoop dat je me kan helpen.
Alvast bedankt.
1. Zorg ervoor dat je de verschillende .html pagina's die aangeroepen worden ook bestaan.
2. De html heb ik iets aangepast
3. Alles werkt in dit model
<!doctype html>
<html lang="nl">
<head>
<!--
* De naam van het programma: popup.js
*
* De ontwikkelingsdatum: 2018-09-11
* De naam van de auteur: G.J. de Brieder Sr.
*
* De edit opleverings datum:
* De naam van de editor:
*
* versie nummer: 0.01
*
* De beschrijving van het programma:
* Test meldingen, met de switch case, in een functie van javascript
*
-->
<script type="text/javascript">
var schakel = "meterstanden";
function popup(schakel) {
switch (schakel) {
case 'meterstanden':
window.open('1.html', 'Tijd voor opnemen meterstanden', 'width=400,height=250,menubar=yes,location=yes,scrollbars=yes');
document.write("Meterstanden is gekozen.<br>");
break;
case 'paswoord':
window.open('2.html', 'Paswoord_uitleg', 'width=250,height=200,menubar=yes,location=yes,scrollbars=yes');
document.write("Paswoord is gekozen.<br>");
break;
default:
window.open('3.html', 'Geen Melding', 'width=250,height=200,menubar=yes,location=yes,scrollbars=yes');
document.write("Geen keuze gevonden.<br>");
break;
}
}
</script>
</head>
<body>
<h3>Test oproep popupvensters:</h3><br><br>
<button onclick="popup('meterstanden');">Meterstanden</button<br>
<button onclick="popup('paswoord');">Passwoord</button><br>
<button onclick="popup('niets');">Niets</button><br>
<br>
ps. popup werkt niet op mobiele devices!
</body>
</html>
Beste Jan,
Vriendelijk bedankt voor je snelle reactie.
Inderdaad het werkt goed met die buttons die jij hebt toegevoegd.
Echter wat ik wilde is het volgende:
Ik wil de functie popup(schakel){} aanroepen vanuit een ander programma en dan met de variabele schakel bepalen welke oproep actief moet zijn.
vb. als het begin van de maand is, moeten er meterstanden worden opgenomen door de bewoners club.
Dit bericht wil ik genereren nadat een bewoner is ingelogd en het de 1-3e van de maand is.
Nu doe ik dat handmatig.
Ik bepaal al via javascript welke dag het van de maand het is. nl.:
function day_of_month() {
var d = new Date();
var day_of_month = d.getUTCDate();
var month = d.getMonth();
var year = d.getUTCFullYear();
Als nu da dag tussen 1-3 ligt, wil ik die functie popup(schakel){} oproepen, waarbij schakel de waarde “meterstanden heeft”.
Ik weet dus niet hoe ik deze functie kan aanroepen, buiten een button (zoals jij ook al deed).
tja….. studeren voor mij denk ik. echter een zetje is welkom.
Bedankt voor je tijd en moeite die je al gedaan hebt.
Als je wilt dat deze functie wordt uitgevoerd bij het laden van de pagina zul je de functie moeten uitvoeren bij het laden van de pagina, bijvoorbeeld in de <body> tag middels het onload-attribuut. Wat er vervolgens moet gebeuren kun je in de functie zelf regelen.
inderdaad het volgende lost het op:
<head>
<script src="/js/get_day.js"></script>
<script src="/js/popup.js"></script>
</head>
<link rel="stylesheet" type="text/css" href="/css/button_groen.css">
<link rel="stylesheet" type="text/css" href="/css/day.css">
[size=xsmall]Toevoeging op 11/09/2018 21:29:52:[/size]
Allemaal vriendelijk bedankt,
ik kan weer verder.
Ik ga nog even testen hoe ik de dag test kan verbinden met de melding.
vriendelijke groet,
Gerard Jan.
