JavaScript Dynamic list in html (bootstrap list) dynamic list html javascript,dynamic list html,dynamic list html

I have a list of bootstrap component class="list-group" I have a folder of videos/category, I want to when I click on a category, the list updates without loading a page (by changing the path). Have this code :

    <div class="list-group">
    <?php
        $directory = "./videos/";

        $videos = glob($directory . "*.*");


        foreach($videos as $video)
        {
            $pathp = pathinfo($video);
            echo '<a target='_blank' href="' .  $video . '"class="list-group-item list-group-item-success">' . $pathp['basename']. ' - <b>(' . round(filesize($video) / pow(1024,2 ), 2) .') Mo</b>' .'</a>';
        }
    ?>                  
    </div>

I'm not asking for a complete code, just idea I have to read. I'm not using jQuery, just Bootstrap and pure JavaScript! Thank you.

Answer:1

I have a object in my HTML site which I expand/add to with a little JavaScript bit (below) on button click. Can I refresh the dropdown/select on it's own to show the new choices automaticaly or can ...

I have a object in my HTML site which I expand/add to with a little JavaScript bit (below) on button click. Can I refresh the dropdown/select on it's own to show the new choices automaticaly or can ...

I have an XSLT with javascript in it which uses "&lt ;" and "&gt ;" inside for loop <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/...

I have an XSLT with javascript in it which uses "&lt ;" and "&gt ;" inside for loop <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/...

  1. python lxml library
  2. python lxml library install
  3. lxml python library installed on the managed machine
  4. lxml python library ubuntu
  5. lxml python library download
  6. python lxml parser library
  7. lxml python standard library
  8. python install parser library lxml

There are a list of links on a page and some of them are already visited by me. I have to make them invisible after any action(checking a checkbox, clicking button, etc). I tried to use jQuery: $("a:...

There are a list of links on a page and some of them are already visited by me. I have to make them invisible after any action(checking a checkbox, clicking button, etc). I tried to use jQuery: $("a:...

  1. hide visited links
  2. res hide visited links
  3. css hide visited links
  4. javascript hide visited links

Here is what i need to do. So i have this code <input type="file" id="uploadImage" name="image" /> <input type="submit" id="ImageName" name="submit" value="Submit"> So when i click ...

Here is what i need to do. So i have this code <input type="file" id="uploadImage" name="image" /> <input type="submit" id="ImageName" name="submit" value="Submit"> So when i click ...

  1. browser javascript
  2. browser javascript console
  3. browser javascript support
  4. browser javascript test
  5. browser javascript editor
  6. browser javascript engine
  7. browser javascript import
  8. browser javascript console script error
  9. browser javascript api
  10. browser javascript ide
  11. browser javascript modules
  12. browser javascript version support
  13. browser javascript compatibility
  14. browser javascript version
  15. browser javascript console chrome
  16. browser javascript console error
  17. browser javascript security model
  18. browser javascript error
  19. browser javascript interpreter
  20. browser javascript sandbox