Popup bij file select

In de broncode van die pagina vind je de definitie van die functie:

function open_popup(url){var w=880;var h=570;var l=Math.floor((screen.width-w)/2);var t=Math.floor((screen.height-h)/2);var win=window.open(url,'ResponsiveFilemanager',"scrollbars=1,width="+w+",height="+h+",top="+t+",left="+l);}

Popups word je geacht zelf te implementeren. Op de demo pagina doen ze het als volgt:

function open_popup(url) {
  var w=880;
  var h=570;
  var l=Math.floor((screen.width-w)/2);
  var t=Math.floor((screen.height-h)/2);
  var win=window.open(url,'ResponsiveFilemanager',"scrollbars=1,width="+w+",height="+h+",top="+t+",left="+l);
}

Thanks, werkt!

Nog een vraag, ik wil twee scripts combineren, de video preview en de file select van Responsive Filemanager.
Hier het script van de videopreview:

<script>
				$(document).on("change", ".file_multi_video", function(evt) {
  var $source = $('#video_here');
  $source[0].src = URL.createObjectURL(this.files[0]);
  $source.parent()[0].load();
});
</script>

<video width="250" controls>
  <source src="mov_bbb.mp4" id="video_here">
    Your browser does not support HTML5 video.
</video>

<input type="file" name="file[]" class="file_multi_video" accept="video/*">

Hoe zorg ik ervoor dat als je op 'kies bestand' klikt, je naar de Responsive Filemanger gaat, en niet naar de verkenner van je computer?

Volgens mij kan dat ook niet.
Want tussen de standaard filemanager en de Responsive Filemanager is één groot verschil. De standaard filemanager van de Verkenner kijkt lokaal op je eigen PC. De Responsive Filemanager kijkt op de server in ene bepaalde geselecteerde map.

Verder zou het ook raar zijn om een bestand van je server opnieuw te uploaden. Blijkbaar maak je hier een denkfoutje, vermoed ik?

Nee, je moet een video kunnen selecteren van de responsive filemanager.
Eenmaal geselecteerd wil ik die previewen op de volgende manier in de pagina:

<video width="250" controls>
  <source src="mov_bbb.mp4" id="video_here">
    Your browser does not support HTML5 video.
</video>

Dan moet je hem ook niet aan een upload-input van HTML proberen te hangen ;-)

Heb je al de documentatie gelezen over het gebruik als 'STAND-ALONE FILE MANAGER'?

Ja, maar begrijpen doe ik het niet helemaal...

Nou, als je als veld <INPUT type=“file” name=“video”> kiest, dan gaat de afhandeling via het normale circuit, dus de verkenner. Als je een <a HREF=“JavaScript:void()” onclick=“responsivebrowserfunctie();" >Bladeren</a> waarbij responsivebrowserfunctie het bladeren/selecteren voor zijn rekening gaat nemen. Zet anders jouw hele code hier neer. Dan kunnen we wellicht meer vertellen.

[size=xsmall]Toevoeging op 20/04/2018 15:12:39:[/size]

Jan te Pas op 20/04/2018 15:11:45

Nou, als je als veld <INPUT type=“file” name=“video”> kiest, dan gaat de afhandeling via het normale circuit, dus de verkenner. Als je een <a HREF=“JavaScript:void()” onclick=“responsivebrowserfunctie();" >Bladeren</a> waarbij responsivebrowserfunctie het bladeren/selecteren voor zijn rekening gaat nemen. Dan ga je voorbij aan de verkenner. Vergt een script Pm dat te doen. Zet anders jouw hele code hier neer. Dan kunnen we wellicht meer vertellen.

Ik heb eigenlijk niks meer dan het volgende:

<div class="input-append">
      <input id="fieldID1" type="text" value="">
      <a href="javascript:open_popup('filemanager/dialog.php?type=3&amp;popup=1&amp;field_id=fieldID1')" class="btn" type="button">Select</a>
    </div>

En nu wil ik dus dat als je iets hebt gekozen, je een preview krijgt op de volgende manier:

<video width="250" controls>
  <source src="mov_bbb.mp4" id="video_here">
    Your browser does not support HTML5 video.
</video>