input type=file

Zdravim,

potreboval by som poradit. Potrebujem otvorit dialog file z ineho linku ako je dany pre input type = file. Napr. nieco taketo mam

<a href="blabla" ><img src="niec.gif" /></a>
<input type=file style="display:none;" name="images" />

chcem otvorit input name= images pomocou kliknutia na obrazok niec.gif.
Diky za rady

Budeš potřebovat javascript, ale postačí ti toto:

fakeField.onclick = function () {
realField.click()
}

tak, že fakeField bude ten obrázek niec.gif a realField bude tvůj input images. Implementovat to do stránky jistě zvládneš sám ;)

ak mam pravdu povedat , dufal som ze sa to da nejak bez input images. V IE to dost blbne a potreboval by som to optimalizovat pre viac prehliadacov. S tym javascriptom by sa mi to nemohol nejak opysat, dakujem

inak skusal som to cez jquery pomocou funkcie click(), ale neuspesne, nereaguje to na to. funkcia change() je uz ok, t.j. potrebujem to iba vyvolat, pri zmene to uz viem odchytit.

Ve starších prohlížečích to fungovalo dobře, jak teď, fakt nevím :)

Ještě existuje druhá možnost použití label.. :

<label for="filebox"><img src="niec.gif" /></label>
<input id="filebox" type="file" style="display:none;" name="images" />

Toto riesenie je fajn, ale nefuguje v mozile, preco?

Asi by se tímto způsobem daly krást soubory z lokálního disku bez vědomí uživatele. Zkus zrušit style="display:none;"

ja myslim, ze FF reaguje spravne. Na prvvky s display:none nesmi prohlizec reagovat. Neco jineho je treba visibility:hidden nebo position+z-index, kde to napozicujes pres sebe a z-indexem soupnes dolu. Problem je, ze IE ma treba problemy soupnout pres select cokoli, takze, kdo vi, jak se zachova na input file.

<HTML>Display ovlivňuje zobrazení, visibility viditelnost. Ani jedno tomu prohlížeči nemůže říkat: "Toho si ani nevšímej!" Např. v DOMu ten prvek je a lze s ním manipulovat.</HTML>

Opera konkrétně cokoli uvnitř display:none ignoruje, jako by nebyl. Samozřejmě mimo DOM. Příkladem je skrytí img, kdy opera obrázek ani nenačte (nepošle požadavek).

<HTML>Tomík: jasně, ale to je optimalizace - nač načítat obrázky, které se nezobrazí? U prvku s display:none navíc není třeba znát nic o jeho rozměrech.</HTML>

Nejak som sa stratil vo vasich odpovediach. takze, navrhuje mi skusit to cez z-index? display:none je teda dobry akurat tak na oznamovacie hlasky ako tak citam,... dakujem za pripadne odpovede, a za terasie samozrejme tiez

1) display:none
2) visibility:hidden
3) position+z-index
4) position+overflow+top/left...
Zkus, co uznas za vhodne. Kdyz to das display:none, tak ten prvek opticky neexistuje, pouze javascriptove a tudiz rozbaleni se nemusi ukazat na obrazovce, jako by tam nebyl ani v kodu.

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

input type=file

Nové příspěvky