Popup aken

Tervist,

Sooviks väikest abi teie käest.

Siuke probleem, et oleks vaja lisada uploadi nupule popup aken.

input type="file"→valid faili →kui fail valitud ja klikkad Vali! vms.. Siis peaks peale seda kohe POPUP aken avama ja selle sees Progress barid ja faili nimed mida üles laed.

Mida ise proovinud olen:

Enne seda lingid millelt mida võtsin..

1) http://tympanus.net/Development/CreativeButtons/ ( Kerid alla kuni lillad nupud on.. Sealt kasutasin left slide nuppu )

2) http://codepen.io/ksondere/pen/tAIrl ( POPUP aken mida proovisin kasutada. )

Proovisin mitut moodi aga ei tööta.

1) inputi tagi sisse panin id shortModal. ( Siis nupp ei tööta üldse )

2) panin a tagi inputi ette ja a tagi sisse id shortModal. ( POPUP töötab aga valel ajal. Ta töötab kohe nupu vajutusele aga vaja oleks, et ta enne valiks faili(d) ja kui valitud ss uploadib ülesse ehk seda uploadimist näitaks POPUP aknal progress baridena ja faili nimetustena )

Panen ka enda viimase proovitud kood:

           Lisa fail


võilohistage failid siia!












×
Failide üleslaadimine




 









var __links = document.querySelectorAll('input');function __linkClick(e) { parent.window.postMessage(this.href, '*');} ;for (var i = 0, l = __links.length; i < l; i++) {if ( __links[i].getAttribute('target') == '_blank' ) { __links[i].addEventListener('click', __linkClick, false);}}


<br />
// when .modal-wide opened, set content-body height based on browser height; 200 is appx height of modal padding, modal title and button bar<br />
<br />
<br />
$(".modal-wide").on("show.bs.modal", function() {<br />
  var height = $(window).height() - 200;<br />
  $(this).find(".modal-body").css("max-height", height);<br />
});<br />
<br />

Kuna mul on ka see Drag&Drop süsteemina siis ma ei tea kuidas ta dragides tuleks see POPUP aken ette..

Parimat soovides,

NATO,