Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem Style CSS input type="file" [HTML][JS]
Forum PHP.pl > Forum > Po stronie przeglądarki
zolw83
Witam znalazłem fajny opis jak wrzucić style na input type="file":
http://www.quirksmode.org/dom/inputfile.html

Coś mi się krzaczy, dałem kod html i css taki jak poniżej + JS taki sam jak http://www.quirksmode.org/dom/inputfile.html w źródle linia 63:

Kod
//style
<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>

//html
<div class="fileinputs">
    <input type="file" class="file" />
    <div class="fakefile">
        <input />
        <img src="inputfile_pliki/button_select.gif" />
    </div>
</div>
[/b][b]



nie wiem czemu ale nie pokazuje mi w inpucie ścieżki do pliku.
Zastanawiałem się czy nie dać po prostu drugiego inputa i nie przekazywać do niego parametru z inputa file.

Będę wdzięczny za pomoc.
Pozdro.
erix
No jak ma Ci ścieżkę pokazać, skoro input jest przezroczysty? biggrin.gif
zolw83
Cytat(erix @ 23.07.2009, 12:54:08 ) *
No jak ma Ci ścieżkę pokazać, skoro input jest przezroczysty? biggrin.gif


HM... to wiem smile.gif ale http://www.quirksmode.org/dom/inputfile.html tutaj jest ok nie wiem czemu?
erix
A źródła przejrzeć nie możesz? tongue.gif
zolw83
Cytat(erix @ 23.07.2009, 15:08:13 ) *
A źródła przejrzeć nie możesz? tongue.gif


Przejrzałem, ale coś nie idzie, no nic dam drugi input widoczny i zobaczę jak to będzie.

Znalazłem gotowe rozwiązanie: http://www.hedgerwow.com/360/dhtml/css-form-file-upload.html
może komuś się przyda pozdro.

Zowl
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.