Jak zrobić przycisk na stronie internetowej który od razu będzie instalował mój program

pytanie zadane 27 lutego 2021 w HTML i CSS przez Angry1 Początkujący (260 p.)

2 odpowiedzi

odpowiedź 27 lutego 2021 przez Wiciorny Ekspert (269,790 p.)

odpowiedź 27 lutego 2021 przez Author[] Gaduła (3,130 p.)

Są na to 2 metody albo dać button wewnątrz tagu a:

<a href="path_to_file" download>
<button></button>
</a>

lub przez js (dodaj do buttona wydarzenie onclick):

function download()
{
let a=document.createElement("a");
a.href="path_to_file";
a.download=true; //tutaj nie jestem pewien
document.appendChild(a);
a.click();
}

komentarz 27 lutego 2021 przez Author[] Gaduła (3,130 p.)

O atrybucie download poczytaj tu:W3c

komentarz 27 lutego 2021 przez Wiciorny Ekspert (269,790 p.)

prościej będzie

<button  onClick="function..." ></button>

nie potrzeba do tego tak odwoływać się w JS do elementu, tez można posłużyc się przekazując event, zbindować przycisk i wtedy jeszcze lepiej
A o tym atrybucie dobrze napisane jest :D ze strony, z której skopiowałeś fragmenty kodu, zamiast podać źródło :)

komentarz 28 lutego 2021 przez ScriptyChris Mędrzec (190,190 p.)

nie potrzeba do tego tak odwoływać się w JS do elementu, tez można posłużyc się przekazując event, zbindować przycisk i wtedy jeszcze lepiej

Pod jakim względem lepiej będzie użyć onclick-a? Używanie event handlerów w HTML zaburza podział strony na warstwy i naraża na ataki XSS. Zaleca się wręcz ich blokowanie.

komentarz 28 lutego 2021 przez Comandeer Guru (601,110 p.)

Zacznijmy od tego, że W3SCHOOLS NIE MA ABSOLUTNIE NIC WSPÓLNEGO Z W3C!!! W3C to organizacja tworząca standardy sieciowe, a W3Schools to jedno z najgorszych i pełnych błędów źródeł w webdevie.

Co więcej, umieszczanie przycisków w linkach jest całkowicie bezsensowne zarówno z perspektywy dostępności, jak i semantyki.

Poprawne rozwiązanie to po prostu:

<a href="<URL programu>" download="<Nazwa, pod którą chcemy ściągnąć program>">Download</a>

Jeśli chcemy, żeby to wyglądało jak przycisk, to to odpowiednio ostylujmy. Ale to i tak niekoniecznie jest dobry pomysł.

komentarz 28 lutego 2021 przez Author[] Gaduła (3,130 p.)

Masz rację skróciłem sobie formę... z tym "w3c". Drugi przykład w którym użyłem eventHandlera miał ilustrować możliwość pobierania pliku którego nazwa nie jest znana w momencie tworzenia aplikacji, jestem świadom że to nie najlepszy pomysł z punktu widzenia dostępności strony. Masz jakąś lepszą metodę?

komentarz 28 lutego 2021 przez Comandeer Guru (601,110 p.)

Jak dla mnie można to wciąż ograć linkiem, na żywo podmieniając link. Albo zrobić po prostu link do skryptu na serwerze, który zwróci odpowiedni plik.