Form submit werkt niet in FF maar wel in IE
Ik weet niet in welk forum ik dit moet plaatsen maar ik denk dat het wel algemene scripting is.
Ik heb het volgende stukje code:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<?php
var w = window.open('','','width=1000, height=500');
var htmlA = "<table><tr><td><form action=\"./data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"./data/file/filecontroller.php\" target=\"_blank\">klik</a>";
$(w.document.body).html(htmlA);
?>
var w = window.open('','','width=1000, height=500');
var htmlA = "<table><tr><td><form action=\"./data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"./data/file/filecontroller.php\" target=\"_blank\">klik</a>";
$(w.document.body).html(htmlA);
?>
Dit stukje code opent simpelweg een nieuwe venster en plaats de HTML in dit venster. Nu is het probleem dat als ik een bestand selecteer en upload druk dit wel in Internet explorer werkt maar niet in Firefox (de gehele form submit wordt niet uitgevoerd). Is er een manier om dit op te lossen, want ik zou eerlijk gezegd niet weten waar ik het moet zoeken. Thx!
Kijk eens onder tools -> web developer-> errorconsole in een FF-browser. Het volgende ga je tegenkomen: Doctype not difened, function not defined.
Je zult het geheel in html, javascript & php op moeten splitsen anders doet FF het niet.
Yoop Overmaat op 23/07/2013 12:46:28:
Je hebt hier zowel html als javascript als php in 1, firefox is nogal allergisch voor dit soort van zaken.
Kijk eens onder tools -> web developer-> errorconsole in een FF-browser. Het volgende ga je tegenkomen: Doctype not difened, function not defined.
Je zult het geheel in html, javascript & php op moeten splitsen anders doet FF het niet.
Kijk eens onder tools -> web developer-> errorconsole in een FF-browser. Het volgende ga je tegenkomen: Doctype not difened, function not defined.
Je zult het geheel in html, javascript & php op moeten splitsen anders doet FF het niet.
Ah dank je wel, ik ga het straks even proberen op te splitsen.
Pure javascript
Code (php)
1
2
3
2
3
var w = window.open('','','width=1000, height=500');
var htmlA = "<table><tr><td><form action=\"./data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"./data/file/filecontroller.php\" target=\"_blank\">klik</a>";
w.document.write(htmlA);
var htmlA = "<table><tr><td><form action=\"./data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"./data/file/filecontroller.php\" target=\"_blank\">klik</a>";
w.document.write(htmlA);
Of jQuery met volledige URL's
Code (php)
1
2
3
2
3
var w = window.open('','','width=1000, height=500');
var htmlA = "<table><tr><td><form action=\"http://hierjouwsite.nl/data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"http://hierjouwsite.nl/data/file/filecontroller.php\" target=\"_blank\">klik</a>";
$(w.document.body).html(htmlA);
var htmlA = "<table><tr><td><form action=\"http://hierjouwsite.nl/data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"http://hierjouwsite.nl/data/file/filecontroller.php\" target=\"_blank\">klik</a>";
$(w.document.body).html(htmlA);
Dit komt omdat de jQuery methode, die jij gebruikte, het form wou submitten naar about:blank/data/file/filecontroller.php, dit bestaat echter niet.
Pepijn.
Pepijn Geheim op 25/07/2013 15:34:13:
Je hebt 2 optie's
Pure javascript
Of jQuery met volledige URL's
Dit komt omdat de jQuery methode, die jij gebruikte, het form wou submitten naar about:blank/data/file/filecontroller.php, dit bestaat echter niet.
Pepijn.
Pure javascript
Code (php)
1
2
3
2
3
var w = window.open('','','width=1000, height=500');
var htmlA = "<table><tr><td><form action=\"./data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"./data/file/filecontroller.php\" target=\"_blank\">klik</a>";
w.document.write(htmlA);
var htmlA = "<table><tr><td><form action=\"./data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"./data/file/filecontroller.php\" target=\"_blank\">klik</a>";
w.document.write(htmlA);
Of jQuery met volledige URL's
Code (php)
1
2
3
2
3
var w = window.open('','','width=1000, height=500');
var htmlA = "<table><tr><td><form action=\"http://hierjouwsite.nl/data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"http://hierjouwsite.nl/data/file/filecontroller.php\" target=\"_blank\">klik</a>";
$(w.document.body).html(htmlA);
var htmlA = "<table><tr><td><form action=\"http://hierjouwsite.nl/data/file/filecontroller.php\" method=\"post\" enctype=\"multipart/form-data\"> <label for=\"file\">bestand: </label><input type=\"file\" name=\"uploadedfile\"><br><input type=\"submit\" name=\"submit\" value=\"Upload Bestand\"></form></td></tr></table><br><a href=\"http://hierjouwsite.nl/data/file/filecontroller.php\" target=\"_blank\">klik</a>";
$(w.document.body).html(htmlA);
Dit komt omdat de jQuery methode, die jij gebruikte, het form wou submitten naar about:blank/data/file/filecontroller.php, dit bestaat echter niet.
Pepijn.
Ah oke hartstikke bedankt! Ik had het al iets anders aangepakt(door alles te splitsen) maar kan het nu eventueel weer terugzetten want deze methode was eigenlijk mijn eerste idee :).