File box maken die alleen klikbaar is met voorbeeld??
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.:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<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>", " ";
echo $filename;
}
?>
</textarea>
<?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>", " ";
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.
Gewijzigd op 20/05/2019 14:38:06 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<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="" />
<?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:
Code (php)
1
2
3
4
5
2
3
4
5
$(function() {
$('#files').change(function() {
$('#image').attr('src', $(this).val());
});
});
$('#files').change(function() {
$('#image').attr('src', $(this).val());
});
});
Gewijzigd op 21/05/2019 11:23:32 door Jelle Dnw