Javascript functie popup(schakel)
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>
-->
Gewijzigd op 11/09/2018 16:57:09 door Gerard Brieder
Verder zijn we erg benieuwd waar je precies op vastloopt. Onthoud wel dat pop-ups op browsers standaard afgeschoten worden.
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.
Je noemt jezelf java programmeur maar er is geen letter java-code te vinden, alleen javascript code.
https://www.phphulp.nl/php/forum/topic/vullen-van-array/102284/
2. De html heb ik iets aangepast
3. Alles werkt in dit model
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!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>
<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>
Gewijzigd op 11/09/2018 18:14:07 door Jan te Pas
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();
document.getElementById("day_of_month").innerHTML = day_of_month;
/* document.getElementById("month").innerHTML = month; */
/* document.getElementById("year").innerHTML = year; */
return day_of_month;
}
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.
vriendelijke groet, Gerard Jan.
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">
<body id="melding" onload="popup('meterstanden');">
</body>
Toevoeging op 11/09/2018 21:29:52:
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.
De reacties kunnen gesloten worden.
In principe sluiten we geen topics als ze opgelost zijn. Ze zullen zelf gaan zakken in de topiclijst.