Wybór pola tekstowego

[TheMarcQ]

Mam na stronie 3 przyciski w formularzu i chcę, by kliknięcie 2 z nich powodowało wyświetlenie pola tekstowego, a ukrycie wyboru pliku z dysku. Trzeci przynisk ma zaś ukrywać pole tekstowe i otwierać pole wyboru pliku z dysku.

 

Sam formularz wygląda tak:

 

    <form action="?t=nowy" method="post" enctype="multipart/form-data">
      <button type="button" value="dysk">
     wybierz plik z dysku
     </button>
       <button type="button" value="url">
         wybierz plik z internetu
     </button>
       <button type="button" value="yt">
     wybierz film z youtuba
     </button>
       <input type="file" name="obrazzdysku">
       <input type="url" name="obrazlubfilmznetu">
     </form>

[ediepl]

Coś takiego?

<form action="?t=nowy" method="post" enctype="multipart/form-data">
      <button onclick="document.getElementById('zdysku').style.display = 1 ? 'block' : 'none'; document.getElementById('txt').style.display = 0 ? 'block' : 'none';" type="button" value="dysk">
     wybierz plik z dysku
     </button>
       <button onclick="document.getElementById('zdysku').style.display = 0 ? 'block' : 'none'; document.getElementById('txt').style.display = 1 ? 'block' : 'none';" value="url">
         wybierz plik z internetu
     </button>
       <button type="button" value="yt">
     wybierz film z youtuba
     </button>
     
     <div id="zdysku" style="display: none">
       <input type="file" name="obrazzdysku">
     </div>
     
     <div id="txt" style="display: none">
       <input type="url" name="obrazlubfilmznetu">
     </div>
     
</form>

[TheMarcQ]

Tak, dokładnie.

 

A ma ktoś może przykład podglądu wybranego przed wysłaniem? Javascript nie jest moją mocną stroną....

[Piotrek1910]

Chodzi ci o takie coś?

http://desmond.imageshack.us/Himg72/scaled...amp;res=landing

[TheMarcQ]

yyyyyy.... nie?

Po wyborze pliku z dysku pod spodem ma wyświetlić ten obraz. Tak jakby skrypt ma pobrać wartość value z pola wyboru i wsadzić go do <img src="ta wartosc"/>

[ediepl]

To jest obraz czy film, bo widzę opcje z YT?

[TheMarcQ]

obraz, chociaż film też by się przydało :)

Wiem że to coś w stylu:

onchange="$("img").attr("src",this.attr("value"))"

wiem, że to źle, ale tylko takie coś zdołałem wykoncypować po godzinie skakania po necie.

 

E: mam już funckje dla pola do wklejania url

<input type="url" name="url" class="url">
<img src="" class="podglad"/>
                <script>
       window.onload = (function(){
try{
    $(".url").keyup(function () {
      var value = $(this).val();
      $(".podglad").attr("src",value);
    }).keyup();
}catch(e){}});
</script>

tak samo zrobiłem z resztą

 

E: Ojć nie zadziałało z opcją upload'u z dysku. Halp?

[gnysek]

Bez flasha, to chyba się nie da AFAIK (no chyba, że HTML5 pozwala).