adam12

I searched and was hoping to find the answer to this question myself. Perhaps the OP has solved his own problem.  I have the same question. I have a table with an enum field named device with set values of 'Computer', 'Laptop', 'Smartphone' etc so how do I create a dropdown selection input list in an HTML to display the options and a previously selected (stored in MySQL) option in that list?

I have a html form that has say 3 text input fields and I want to dynamically change the text in a h2 whenever (on any key press during entry) the content of these 3 text fields changes.  I'm thinking that this could be done somehow with a java script but have no idea how.  Perhaps the following might help clarify:

<h2>This topic describes [field value 1] at [field value 2] in [field value 3]</h2>

So the h2 would dynamically change as input fields 1, 2 or 3 are being entered.

Hoping someone can help.

I've implemented this Responsive Topnav Example and would like to know how I can highlight the selected menu item in the top navigation bar in a different color.

On 3/24/2022 at 12:57 AM, dsonesuk said:

I don't understand the 'don't reduce to 750px'.

The mobile menu only shows to 600px, it does not reduce size? Unless you have added width 750px which won't work properly cuz you are increasing width bigger than viewport area of 600px.

If you have added a media querie for max-width to accomadate 750px width it has to be in right order to work, else the 600px media query will overide it.

I've just copied the codse3 as is from the w3 site and it has @media screen and (max-width: 600px) however when I test the code it and the page fails to reduce in width below about 750px

Thanks for your reply.  As I mentioned, I copied the code as is, without any change and it just does not behave like on the w3 site.  It fails to reduce in width below about 750px and the mobile menu never appears. 

I'm having a problem implementing this Responsive Topnav Example.  I've copied the code as is, without any change and it just does not behave like on the w3 site.  It fails to reduce in width below about 750px and the mobile menu never appears.  Interested to know if anyone else has tried this!  Also, how can the selected menu item be shown by color as being the active item? Appreciate some help with this.