dushkin

I already got help. You can view it here if you'd like to: https://stackoverflow.com/questions/64559370/html-css-javascript-how-can-i-build-a-menu-dynamically

Thank you very much for your attention!!!

It is an array of objects with several string fields inside.

Something like this:

I use REST API to get the values from a database into an object array (after parsing the JSON response):

async function showMenu() {
    try{
        (async () => {
            const response = await fetch('http://localhost:8088/teams') /*Get teams object from db*/
            var teamsArrObj = await response.json()
            console.log(teamsArrObj);

/* Meanwhile I return the array but actually I want to build the menu based on the returned values */

            return teamsArrObj;
        })()
    }catch{
        console.log("error"); /* Enhance error handling here! */
    }
}

Hi Niche. I am working on my first ever web project.

I am using a REST API call to get the list of menu items.

The last weeks I spent studying HTML, CSS, JavaScript and JQuery.

My server was built using Spring Boot which is also new for me.

I hope I would not need to study also PHP to get a solution for that 😄

Hello all,

 I am using the W3.CSS animated drop-down (https://www.w3schools.com/w3css/w3css_dropdowns.asp).

 But I cannot figure out how can I populate the menu items dynamically according to a list of item names.

I guess some Javascript should be involved here, so I try in this forum 🙂

     <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

    <div class="w3-dropdown-click">
       <button onclick="showMenu()" class="w3-button">Team1</button>
       <div id="Demo" class="w3-dropdown-content w3-bar-block w3-animate-zoom">
           <a href="#" class="w3-bar-item w3-button">Link 1</a>
           <a href="#" class="w3-bar-item w3-button">Link 2</a>
           <a href="#" class="w3-bar-item w3-button">Link 3</a>
       </div>
    </div>

Thanks!

Hi all,

I have created a static web site on our company network. It is not exposed to the internet.

They are pure HTML - no CSS or scripting so far.

I meant for it to be very simple cause I was very limited by time.

But, apparently, a search mechanism is required.

I found the google and other auto creators on the web. But they require ,as far as I understood, to set an internet web URL and do not support internal sites.

whereas my urls domain is in the form of:

192.168.4.xxx/something.htm

So, do you know a solution I can use? a free component or a javascript I can use?

Thanks!