whatcha
Mitglied
Registriert: 12.07.2007
Beiträge: 3
|
|
Hallo,
Ich suche dringend Hilfe und guten Rat zu einem Problem. Ich soll ein Formular erstellen, wo man u.a. ein Bild hochladen soll. Kein Problem.
Doch nun kam die Anforderung, es solle wie bei Google- oder Yahoo-Mail ein Link sein "Attachment auswählen", der die gleiche Funktion aufruft wie der klassische HTML Befehl <input type="file" ...>.
Nach über 2 Stunden googeln bin ich verzweifelt und noch keinen Schritt weiter. Ob ich ein solches Skript finde, weiß ich nicht .. auch ob ich es schaffe, dann noch ein Preview einzubauen, ist fraglich.
Aber wenn jemand ein solches Skript kennt oder hat oder eine Webseite kennt auf der ich mich schlau machen kann, wie man die "file" option mit einem linktext oder bild austauschen kann ...
... das wär super!
Vielen vielen lieben Dank im voraus an denjenigen, der seine wertvolle Zeit opfert und mir vielleicht einen Tipp geben kann!
|
|
| 12.07.2007 19:38:18 |
|
marlo
Mitglied
Ort: Wien
Registriert: 07.06.2007
Beiträge: 73
|
|
Das Problem bei deiner Frage ist nicht die technische Umsetzung, das kann man sicher schaffen. Ich verstehe deine Frage so dass dir jemand die komplette Lösung servieren soll.
Beginne doch einmal das Skript zu programmieren und wenn du zu dem Skript konkrete Fragen hast können dir hier SICHER einige Leute behilflich sein! Das komplette Skript wird dir wahrscheinlich niemand schreiben.
Um dir die Arbeit aber doch etwas zu erleichtern guck doch mal hier nach:
http://www.quirksmode.org/dom/inputfile.html
lg
roman
Beitrag geändert von marlo (12.07.2007 22:09:37)
|
|
| 12.07.2007 21:41:30 |
|
whatcha
Mitglied
Registriert: 12.07.2007
Beiträge: 3
|
|
Hallo Marlo,
ich bin kein schnorrer, der hofft, dass jemand für mich ein skript schreibt. ich bin webdesigner (bitte nicht schimpfen) und kein programmierer.
nun habe ich einfache html-seiten erstellt, was der wunsch war. danach kam der wunsch nach dieser anderen upload-variante und ich will es versuchen mich da durchzubeissen, bevor ich einfach sage "ist nicht".
ich habe stundenlang gegoogelt und versucht, skripte zu editieren ... ich wünschte ich hätte in all den jahren gelernt richtig zu programmieren.
bei vielen web-emailanbietern hat man beim verfassen von mails einen link "datei anhängen" (oder ähnlich). Man klickt auf den Button, wählt eine Datei aus und die Datei wird neben dem Button in normaler Schrift angezeigt.
Sorry, wenn ich den eindruck mache, als wolle ich von kostenloser hilfe provitieren. vielleicht kennt jemand einen guten link, wie du ihn mir geschickt hast. ich werde morgen gleich versuchen, ob ich damit das gewünschte Ziel erreichen kann ...
|
|
| 13.07.2007 01:49:38 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo @whatcha
Einen besseren Tipp als den folgenden Link kann ich Dir leider nicht geben.
http://www.php-free.de/Email/
Vielleicht ist ja was dabei.
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 13.07.2007 09:21:54 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
whatcha
Mitglied
Registriert: 12.07.2007
Beiträge: 3
|
|
Hi, konnte der Seite nichts entsprechendes entnehmen, habe mich dort umgeschaut. aber vielen dank .. "snief"
|
|
| 13.07.2007 10:16:19 |
|
marlo
Mitglied
Ort: Wien
Registriert: 07.06.2007
Beiträge: 73
|
|
Bei meinem Link wurdest du auch nicht fündig?
|
|
| 13.07.2007 21:57:42 |
|
marlo
Mitglied
Ort: Wien
Registriert: 07.06.2007
Beiträge: 73
|
|
ist einmal ein Beginn (habe keine Zeit es fertig zu machen):
Code:
<doctype usw ...>
<html>
<head>
<script type="text/javascript">
<!--
-->
</script>
<style type="text/css">
<!--
div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
-->
</style>
</head>
<body>
<form id="id_das_formular" method="post" enctype="multipart/form-data">
<div class="fileinputs">
<input type="file" class="file" />
<div class="fakefile">
<input />
<img src="search.gif" />
</div>
</div>
</form>
</body>
</html> |
Beitrag geändert von marlo (13.07.2007 22:05:24)
|
|
| 13.07.2007 22:01:17 |
|
|
|
Hallo @marlo,
vielen, vielen DANK !!
Ich hatte ein ganz ähnlichen Problem und dank Deines freundlichen Beitrags hier konnte ich es lösen!!
Der Trick dem FileInput unsichtbar über ein anderes Input oder was auch immer zu legen, ist klasse.
Danke noch mal,
Alex.
|
|
| 25.01.2008 14:31:53 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
