PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
P

File box maken die alleen klikbaar is met voorbeeld??

Door Pascal Schuffelers op 20-05-2019 14:18
2.187 views
Hallo allemaal,

Ik zou graag het volgende willen bereiken indien dat mogelijk is.
Een pagina met daarin een scrollbaar schermpje waarin alle files worden getoond van een bepaald map.
En zodra ik in dat schermpje een bv. pdf of png aanklik dat hij mij deze rechts ervan toont.

Ik heb zelf al wat zitten stoeien om die lijst te krijgen, wat ook geluk is.:

<textarea name="doms" rows="12" cols="100">
<?php
//Get a list of file paths using the glob function.
$fileList = glob('/home/pi/Google Drive/Online logboek2019/*.png');

//Loop through the array that glob returned.
foreach($fileList as $filename){
    //Simply print them out onto the screen.
   //echo "<a href=".$filename."> test</a>", "&#13;&#10;";
    echo $filename;
}
?>
</textarea>


Echter , heb gelezen dat een link hierin niet mogelijk is.

Kan mij iemand helpen hoe ik mijn gedachte werkend krijg?

Alvast bedankt.
Ariën
20-05-2019 14:34 gewijzigd op 20-05-2019 14:38
Een divje met een overflow:auto, of anders een iframe? Een textarea gaat niet echt lukken, en loont zich er ook niet voor.
Jelle Dnw
21-05-2019 11:22 gewijzigd op 21-05-2019 11:23 

<select name="file" id="files">
<?php

//Get a list of file paths using the glob function.
$filelist = glob('/home/pi/Google Drive/Online logboek2019/*.png');

//Loop through the array that glob returned.
foreach($filelist as $filename) 
{
    echo '<option value="<?php echo $filename; ?>"><?php echo $filename; ?></option>';
}
?>
</select>
<img src="" id="image" alt="" />


Dan kan je met jQuery listenen op een change event:


$(function() {
  $('#files').change(function() {
    $('#image').attr('src', $(this).val());
  });
});

Reageren

Inloggen om te reageren