 Upload-Button überschreiben
|
Seitenanfang |
| Hi, ich bin Perlprogrammierer und arbeite gerade an einem Script, in dem das Form-Element "file" verwendet wird : <input type="file" name="uploadFile" value="$uploadFile" size="39" accept="text/*"> Es funktioniert prima nur ist das nicht so richtig schick, weil der Button in Design und Scprache sehr von den Browser-Einstellungen abhängig ist. Am liebsten würde ich den Button mit einem Image überschreiben. Kennt ihr dafür eine Lösung oder gibt es eine völlig andere Upload-Möglichkeit ? Vielen Dank,
Peter
Datum: 02.12.2004-13:02
|
re: Upload-Button überschreiben
|
Seitenanfang |
| Hallo, wenn Du z.B. submit(-name => 'insert', -value => 'Speichern', -class => 'button') verwendest, kannst Du dem Button den Text verpassen, den Du möchtest. Mittels CSS kannst Du dann das Aussehen des Buttons über die Klasse "button" bis ins feinste steuern. z.B.
.button {
font-weight:900;
font-size:12pt;
background-color:#bfbfbf;
color:#FFFFFF;
border:0px;
margin-top:2px;
margin-bottom:2px;
} Ciao
Ingo
Datum: 02.12.2004-16:45
|
re: Upload-Button überschreiben
|
Seitenanfang |
Vielen Dank IngoB, mit dem Submit-Button klappt das ganz prima, aber ein Upload-Element lässt sich damit nicht verändern. Nun ja, da muss ich noch ein wenig weitersuchen.
Beste Grüße,
Peter
Datum: 03.12.2004-17:24
|
re: Upload-Button überschreiben
|
Seitenanfang |
hallo peter,
mit ein bißchen umweg geht es :-)[/code]
<html> <head>
<script language="javascript"> function go(){
document.upload.dir.click();
document.upload.anzeige.value = document.upload.dir.value; }
</script>
</head>
<body>
<form id="upload" name="upload">
<input type="file" style="display:none" id="dir" name="dir">
<input type="button" onclick="go();" value="Suchen">
<input id="anzeige" name="anzeige" readonly> <button name="eigener" type="button" onclick="go();" value="Suchen">
<img src="27.jpg" width="106" height="20" border="0" alt="Durchsuchen">
</button>
</form> </body></html>
[/code] gruß
stef
Datum: 03.12.2004-18:15
|
re: Upload-Button überschreiben
|
Seitenanfang |
| Hallo Stef, vielen Dank, die Lösung ist clever und bietet mir alles was ich brauche. Habe das gleich ausprobiert und leider festgestellt, dass es zwar mit dem Explorer funktioniert aber nicht mit Netscape, Mozilla, Opera ... So ein Pech aber auch. Der Input-Type "file" lässt sich hier einfach nicht mit click() ansprechen. Wenn du noch eine Idee hast, wäre ich dir dankbar. Ansonsten aber viele Grüße, Peter
Datum: 06.12.2004-13:24
|
re: Upload-Button überschreiben
|
Seitenanfang |
| Hi, die Gestaltungsmöglichkeiten für das File-Eingabefeld sind zurecht begrenzt. Schließlich muss dem Benutzer immer klar sein, dass er (möglicherweise vertrauliche) Daten von seinem PC ins Netz hochlädt. Margin-Auto
Datum: 05.12.2004-11:21
|
