Download Button erstellen

[Alex]

Hallo,

ich würde gerne ein Button erstellen mit Download / Speichern unter Funktion.
Das heißt ich habe irgendeine Datei im wwwroot/webseite Verzeichnis abgelegt, die ich den Webseiten-Benutzern als Download zur Verfügung stellen möchte, in Form eines Buttons.
Als normalen Link klappt es bei mir problemlos, aber als Button weiß ich nicht wie.
Ich hoffe das funktioniert ohne JavaScript.

Gruß Alex

[tami]

hi,

Hallo,

ich würde gerne ein Button erstellen mit Download / Speichern unter Funktion.
Das heißt ich habe irgendeine Datei im wwwroot/webseite Verzeichnis abgelegt, die ich den Webseiten-Benutzern als Download zur Verfügung stellen möchte, in Form eines Buttons.
Als normalen Link klappt es bei mir problemlos, aber als Button weiß ich nicht wie.
Ich hoffe das funktioniert ohne JavaScript.

Statt Text einen Button ein den Link, besser noch ein Bild?
http://forum.de.selfhtml.org/archiv/2006/2/t123266/

mfg

tami

[Alex]

Hi,

Statt Text einen Button ein den Link, besser noch ein Bild?
http://forum.de.selfhtml.org/archiv/2006/2/t123266/

Mit einem Bild kann ich das nicht machen, weil ich bereits mit Buttons arbeite und Buttons
werden bei jedem Browsers anders dargestellt.

Ich habe 7 Buttons in einer Reihe, die auf eine andere html Datei (aber gleiche Homepage) führen.
Da habe ich ein Button in ein Link gesteckt <a>, funktioniert super.
Jetzt möchte ich ein 8ten Button daneben bauen, der eine Zusammenfassung der Inhalte der 7 html Dateien beinhaltet, als Download natürlich.

PS: Ich arbeite mit HTML5 und der Thread aus deinem Link ist von Februar 2006 :)

Gruß Alex

[tami]

hi,

Hi,

Statt Text einen Button ein den Link, besser noch ein Bild?
http://forum.de.selfhtml.org/archiv/2006/2/t123266/

Mit einem Bild kann ich das nicht machen, weil ich bereits mit Buttons arbeite und Buttons
werden bei jedem Browsers anders dargestellt.

Ich habe 7 Buttons in einer Reihe, die auf eine andere html Datei (aber gleiche Homepage) führen.
Da habe ich ein Button in ein Link gesteckt <a>, funktioniert super.
Jetzt möchte ich ein 8ten Button daneben bauen, der eine Zusammenfassung der Inhalte der 7 html Dateien beinhaltet, als Download natürlich.

PS: Ich arbeite mit HTML5 und der Thread aus deinem Link ist von Februar 2006 :)

Jo, CSS ändert sich im Grunde nicht. HTML (im Grunde) auch nicht (zB. die Funktionsweise eines Links). Zwischen den Zeilen also der Hinweise, dass Google vielleicht auch geholfen hätte, weil das "Problem" "uralt" ist, und schon mit niedrigeren html-Versionen lösbar war.

Ein Link erstellt Dir zudem keine Zusammenfassung von 7 anderen (Seiten). Wie soll das gehen?

mfg

tami

[Alex]

Hi,

Jo, CSS ändert sich im Grunde nicht. HTML (im Grunde) auch nicht (zB. die Funktionsweise eines Links). Zwischen den Zeilen also der Hinweise, dass Google vielleicht auch geholfen hätte, weil das "Problem" "uralt" ist, und schon mit niedrigeren html-Versionen lösbar war.

Lassen wir das einfach als ein Hinweis von mir stehen, dass ich HTML 5 benutze, möchte nicht unnötig am Thema vorbeireden.
Fakt ist, dass in dem Link mein "Problem" nicht beantwortet wird, sondern nur eine alternative angeboten.

Ein Link erstellt Dir zudem keine Zusammenfassung von 7 anderen (Seiten). Wie soll das gehen?

Hier weichen wir ein bisschen vom Thema ab. Ich möchte nur wissen wie, bzw. ob es möglich ist einen Button so zu erstellen, dass wenn man drauf klickt ein Speichern unter Pop-Up kommt, sprich die Möglichkeit eine von mir gestellte Datei zu downloaden.

Die Datei, die die anderen 7 Seiten zusammenfasst ist eine Excel-Datei und wird von mir manuell gefüllt, also kein automatismus oder so :)

Gruß Alex

[tami]

hi,

Hier weichen wir ein bisschen vom Thema ab. Ich möchte nur wissen wie, bzw. ob es möglich ist einen Button so zu erstellen, dass wenn man drauf klickt ein Speichern unter Pop-Up kommt, sprich die Möglichkeit eine von mir gestellte Datei zu downloaden.

https://forum.selfhtml.org/?t=217419&m=1493439

mfg

tami

[Der Martin]

Hallo,

Ich möchte nur wissen wie, bzw. ob es möglich ist einen Button so zu erstellen, dass wenn man drauf klickt ein Speichern unter Pop-Up kommt, sprich die Möglichkeit eine von mir gestellte Datei zu downloaden.

nein, das entscheidet der Browser anhand seiner Konfiguration und anhand der HTTP-Header, die der Server mit der verlinkten Ressource sendet.
Üblicherweise wird ein Browser die Ressource direkt anzeigen bzw. an ein passendes Plugin oder Programm übergeben, wenn der Content-Type-Header einen bekannten Typ angibt; bei Typen, die der Browser nicht kennt bzw. bei denen er explizit so eingestellt ist, wird er das Speichern anbieten.

Man kann diese Entscheidung serverseitig noch ein bisschen beeinflussen, z.B. mit einem Content-Disposition-Header, aber gewinnen tut letztendlich die Browserkonfiguration. Mit HTML allein hast du jedenfalls keine Möglichkeit, darauf einzuwirken.

Die Datei, die die anderen 7 Seiten zusammenfasst ist eine Excel-Datei und wird von mir manuell gefüllt, also kein automatismus oder so :)

Aha, also ein Typ, der einem Browser üblicherweise nicht bekannt ist, also wird in den allermeisten Fällen von allein das passieren, was du haben möchtest - der Browser wird fragen, "Wo speichern?" In ein paar seltenen Ausnahmefällen wird er das Dokument nach dem Download vielleicht direkt an Excel übergeben. Damit wirst du wohl leben müssen.

Ciao,
 Martin

[Alex]

Hi,

Die Datei, die die anderen 7 Seiten zusammenfasst ist eine Excel-Datei und wird von mir manuell gefüllt, also kein automatismus oder so :)

Aha, also ein Typ, der einem Browser üblicherweise nicht bekannt ist, also wird in den allermeisten Fällen von allein das passieren, was du haben möchtest - der Browser wird fragen, "Wo speichern?" In ein paar seltenen Ausnahmefällen wird er das Dokument nach dem Download vielleicht direkt an Excel übergeben. Damit wirst du wohl leben müssen.

Genau das dachte ich auch, dass wenn der Browser den Dateityp nicht kennt, er direkt als download anbietet. Bei mir kommt aber immer die 404 Meldung im Firefox und IE (aktuellste Version).

Ich habe diesen Code für den Download-Button geschrieben, bekomme aber 404er Meldung
<a href="liste.xlsx"><input name="Button1" type="button" value="Download"/></a>

Im Header habe ich sonst nichts spezielles stehen.

<head>  
<meta http-equiv="X-UA-Compatible" content="IE=edge">  
<title>Willkommen<title>  
<link href="css/formate.css" rel="stylesheet" type="text/css">  
<link href="css/formate2.css" rel="stylesheet" type="text/css">  
</head>  

Woran kanns liegen, dass er bei unbekannten Dateitypen nicht den download vorschlägt sondern die 404 Meldung kommt?

Gruß Alex

[tami]

hi,

Hi,

Die Datei, die die anderen 7 Seiten zusammenfasst ist eine Excel-Datei und wird von mir manuell gefüllt, also kein automatismus oder so :)

Aha, also ein Typ, der einem Browser üblicherweise nicht bekannt ist, also wird in den allermeisten Fällen von allein das passieren, was du haben möchtest - der Browser wird fragen, "Wo speichern?" In ein paar seltenen Ausnahmefällen wird er das Dokument nach dem Download vielleicht direkt an Excel übergeben. Damit wirst du wohl leben müssen.

Genau das dachte ich auch, dass wenn der Browser den Dateityp nicht kennt, er direkt als download anbietet. Bei mir kommt aber immer die 404 Meldung im Firefox und IE (aktuellste Version).

Dann ist dein Verweis nicht richtig bzw. die Datei nicht vorhanden. Teste doch mal mit liste.txt oder liste.zip.

mfg

tami

[Alex]

Hi,

hi,

Hi,

Die Datei, die die anderen 7 Seiten zusammenfasst ist eine Excel-Datei und wird von mir manuell gefüllt, also kein automatismus oder so :)

Aha, also ein Typ, der einem Browser üblicherweise nicht bekannt ist, also wird in den allermeisten Fällen von allein das passieren, was du haben möchtest - der Browser wird fragen, "Wo speichern?" In ein paar seltenen Ausnahmefällen wird er das Dokument nach dem Download vielleicht direkt an Excel übergeben. Damit wirst du wohl leben müssen.

Genau das dachte ich auch, dass wenn der Browser den Dateityp nicht kennt, er direkt als download anbietet. Bei mir kommt aber immer die 404 Meldung im Firefox und IE (aktuellste Version).

Dann ist dein Verweis nicht richtig bzw. die Datei nicht vorhanden. Teste doch mal mit liste.txt oder liste.zip.

Da hast du leider recht. ich hatte ein fehler mit dem Link zur Datei :)
Habs korrigiert und funktioniert jetzt xD
Sry für meine d00fheit und Danke für eure Hilfe/Mühe ^^

Gruß Alex

[Auge]

Hallo

Im Header habe ich sonst nichts spezielles stehen.

Wir reden hier die ganze Zeit von HTTP-Headern, nicht vom Head-Bereich eines HTML-Dokuments.

Woran kanns liegen, dass er bei unbekannten Dateitypen nicht den download vorschlägt sondern die 404 Meldung kommt?

Das liegt daran, dass liste.xslx offensichtlich nicht an der von dir angegebenen Stelle (im selben Verzeichnis) vorhanden ist, denn genau das sagt „404 not found“ aus.

Tschö, Auge

[Auge]

Hallo

Statt Text einen Button ein den Link, besser noch ein Bild?
http://forum.de.selfhtml.org/archiv/2006/2/t123266/

Mit einem Bild kann ich das nicht machen, weil ich bereits mit Buttons arbeite und Buttons
werden bei jedem Browsers anders dargestellt.

Ich habe 7 Buttons in einer Reihe, die auf eine andere html Datei (aber gleiche Homepage) führen.
Da habe ich ein Button in ein Link gesteckt <a>, funktioniert super.
Jetzt möchte ich ein 8ten Button daneben bauen, der eine Zusammenfassung der Inhalte der 7 html Dateien beinhaltet, als Download natürlich.

Was hindert dich daran, wieder den Button in einen Link zu stecken? Damit standardmäßig ein Download ausgelöst wird, muss ein passender Header gesetzt werden. Das kann, passend für den Dateityp, über die Serverkonfiguration (z.B. .htaccess) oder, wenn z.B. ein PHP-Skript zwischengeschaltet ist, für jede einzelne Datei über dieses erfolgen. Der Link würde dann, mit einem Parameter für die herunterzuladende Datei, auf das Skript zeigen, welches den Download auslöst.

Die Beispiele für die Funktion header() im PHP-Handbuch und diese Frage bei Stackoverflow enthalten die nötigen Hinweise, die grundsätzlich auch für die Serverkonfiguration gültig sind.

Tschö, Auge

[Der Martin]

Hallo,

Mit einem Bild kann ich das nicht machen, weil ich bereits mit Buttons arbeite und Buttons werden bei jedem Browsers anders dargestellt.

richtig, sie werden passend zum GUI des Hostsystems dargestellt.

Ich habe 7 Buttons in einer Reihe, die auf eine andere html Datei (aber gleiche Homepage) führen.
Da habe ich ein Button in ein Link gesteckt <a>, funktioniert super.

Also was ist dann dein Problem?

Jetzt möchte ich ein 8ten Button daneben bauen, der eine Zusammenfassung der Inhalte der 7 html Dateien beinhaltet, als Download natürlich.

Ja und? Überlege dir, wie die Daten genau aussehen müssen, die da als Download kommen, erstelle dann die dazu passende Ressource und verlinke sie. Wo liegen deine Schwierigkeiten?

PS: Ich arbeite mit HTML5 und der Thread aus deinem Link ist von Februar 2006 :)

Macht doch nichts. Die Basics sind immer noch dieselben.

Ciao,
 Martin

[Matthias Apsel]

Om nah hoo pez nyeetz, Alex!

Jetzt möchte ich ein 8ten Button daneben bauen, der eine Zusammenfassung der Inhalte der 7 html Dateien beinhaltet, als Download natürlich.

<a href="zusammenfassung.zip"> sollte reichen.

Matthias

[ChrisB]

Hi,

Da habe ich ein Button in ein Link gesteckt <a>, funktioniert super.

Falls du hier wirklich von einem button-Element oder input type=button redest – das hat nichts in einem a-Element verloren, das ist invalides HTML.

MfG ChrisB