Rollo
Erfahrenes Mitglied
Hallo,
ich versuche schon seit einigen Stunden Firefox dazu zu bringen die click(); Funktion hinzubekommen. Folgendes möchte ich realisieren. Da man nicht das input-Feld „file“ detailiert formatieren kann, habe ich ein Bild für ein Textfeld und ein Bild für den Button. Das Textfeld ist mit dem Inhalt des input-Feldes „file“ verknüpft (funktioniert) und der Button soll mit einer click()-Funktion das input-Feld „file“ ansteuern.
hier das Javascript:
und das Formular:
Wenn ich diesen Code z.B. mit einer Checkbox ausprobiere funktioniert es einwandfrei im Firefox. Mit einem input-Feld „file“ nicht.
Was mache ich falsch? Oder funktioniert es einfach nicht mit dem type file?
Gruß Rollo
ich versuche schon seit einigen Stunden Firefox dazu zu bringen die click(); Funktion hinzubekommen. Folgendes möchte ich realisieren. Da man nicht das input-Feld „file“ detailiert formatieren kann, habe ich ein Bild für ein Textfeld und ein Bild für den Button. Das Textfeld ist mit dem Inhalt des input-Feldes „file“ verknüpft (funktioniert) und der Button soll mit einer click()-Funktion das input-Feld „file“ ansteuern.
hier das Javascript:
Code:
function FileClick(){
document.carBildDazu.Text.value = document.carBildDazu.Bild.value;
}
function simulateClick() {
var evt = document.createEvent("MouseEvent");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, fasle, 0, null);
var cb = document.getElementById("bild");
var canceled = !cb.dispatchEvent(evt);
if(canceled) {
} else {
}
}
und das Formular:
Code:
<form name="carBildDazu" action="..." method="post" enctype="multipart/form-data">
<input type="file" name="Bild" id="bild" style="display:none;" />
<label for="text">Bild deines Fahrzeugs</label>
<input type="text" name="Text" id="text" class="textfield" />
<button type="button" name="ChooseBtn" value="Open" onclick="simulateClick();FileClick();" style="margin:0 0 0 -24px;">
<p>Datei öffnen</p>
</button>
<button type="submit" name="submitCar" value="Speichern">
<p>Speichern</p>
</button>
</form>
Wenn ich diesen Code z.B. mit einer Checkbox ausprobiere funktioniert es einwandfrei im Firefox. Mit einem input-Feld „file“ nicht.
Was mache ich falsch? Oder funktioniert es einfach nicht mit dem type file?
Gruß Rollo