Javascript preview functie
Ik ben niet zo goed in javascript en loop daarom tegen een probleempje aan.
Ik wil in mijn systeem graag een preview functie hebben, waardoor ik van mijn nieuws eerst een preview wil zien alvorens ik het post. Ik heb daarvoor een klein scriptje op internet gevonden, maar het voldoet nog niet helemaal aan mijn wensen.
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
</head>
<script language="JavaScript">
function doSubmit() {
displayWindow = window.open('', "newWin", "scrollbars=0,menubar=0,toolbar=0,location=0,status=0");
document.submitForm.submit();
}
</script>
<body>
<form name="submitForm" action="preview.php" method="post" target="newWin">
<input type="text" name="param1"><br>
<INPUT TYPE="button" NAME="button" Value="Bekijk preview!" onClick="doSubmit()">
<INPUT TYPE="submit" NAME="button" Value="Post bericht!">
</form>
</body>
</html>
<head>
</head>
<script language="JavaScript">
function doSubmit() {
displayWindow = window.open('', "newWin", "scrollbars=0,menubar=0,toolbar=0,location=0,status=0");
document.submitForm.submit();
}
</script>
<body>
<form name="submitForm" action="preview.php" method="post" target="newWin">
<input type="text" name="param1"><br>
<INPUT TYPE="button" NAME="button" Value="Bekijk preview!" onClick="doSubmit()">
<INPUT TYPE="submit" NAME="button" Value="Post bericht!">
</form>
</body>
</html>
zoals je ziet, worden hier wat post gegevens verstuurd naar een popup window. Hier moet dan dus de preview van het bericht komen te staan.
Hoe moet ik dit oplossen bij het plaatsen van het bericht? Want als ik ervoor kies om het bericht te plaatsen, dan moeten de gegevens verstuurd worden zonder een popup window. Dus dan moet het zeg maar normaal gesubmit worden naar submit.php oid.
Gewijzigd op 01/01/1970 01:00:00 door Martin vd B
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function setSubmit() {
document.getElementById("if-submit").value = 1;
}
function doSubmit() {
if(document.getElementById("if-submit").value == 1) {
// do submit on same page
document.submitForm.submit();
} else {
// open window
document.submitForm.target = "newWin";
displayWindow = window.open('', "newWin", "scrollbars=0,menubar=0,toolbar=0,location=0,status=0");
document.submitForm.submit();
}
}
document.getElementById("if-submit").value = 1;
}
function doSubmit() {
if(document.getElementById("if-submit").value == 1) {
// do submit on same page
document.submitForm.submit();
} else {
// open window
document.submitForm.target = "newWin";
displayWindow = window.open('', "newWin", "scrollbars=0,menubar=0,toolbar=0,location=0,status=0");
document.submitForm.submit();
}
}
HTML:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<form method="post" name="submitForm" onSubmit="doSubmit();">
<input type="hidden" id="if-submit" value="0" />
// rest van de velden
<input type="button" value="Bekijk preview" onClick="doSubmit();" />
<input type="submit" value="Plaats bericht" onClick="setSubmit();" />
</form>
<input type="hidden" id="if-submit" value="0" />
// rest van de velden
<input type="button" value="Bekijk preview" onClick="doSubmit();" />
<input type="submit" value="Plaats bericht" onClick="setSubmit();" />
</form>
Niet getest.
Gewijzigd op 01/01/1970 01:00:00 door Jesper Diovo
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function setSubmit() {
document.getElementById("if-submit").value = 1;
}
function doSubmit() {
if(document.getElementById("if-submit").value == 1) {
// do submit on same page
document.submitForm.submit();
} else {
// open window
document.submitForm.target = "newWin";
displayWindow = window.open('preview.php', "newWin", "scrollbars=0,menubar=0,toolbar=0,location=0,status=0");
document.submitForm.submit();
}
}
document.getElementById("if-submit").value = 1;
}
function doSubmit() {
if(document.getElementById("if-submit").value == 1) {
// do submit on same page
document.submitForm.submit();
} else {
// open window
document.submitForm.target = "newWin";
displayWindow = window.open('preview.php', "newWin", "scrollbars=0,menubar=0,toolbar=0,location=0,status=0");
document.submitForm.submit();
}
}
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<form method="post" name="submitForm" onSubmit="doSubmit();" action="submit.php">
<input type="hidden" id="if-submit" value="0" />
// rest van de velden
<input type="button" value="Bekijk preview" onClick="doSubmit();" />
<input type="submit" value="Plaats bericht" onClick="setSubmit();" />
</form>
<input type="hidden" id="if-submit" value="0" />
// rest van de velden
<input type="button" value="Bekijk preview" onClick="doSubmit();" />
<input type="submit" value="Plaats bericht" onClick="setSubmit();" />
</form>
Kleine moeite het zelf even uit te zoeken :-).