Grouped CSS Menu - html

I apologize if this question already exist but I'm not sure what is this called to even search for the correct resources.
I'm trying to create a tabbed header menu for different groups of people. In a sense, each group has their own custom menu which may still share pages. What I'm trying to do is to make the navigation intuitive depending who the site visitor is (what is relevant to the visitor).
eg.
| Student | Teacher | Parents |
| ----------------------------|
| Timetable, Homework, Activities ........|
| Student | Teacher | Parents |
|-------------| |-------------|
| Homework, Schedule .....................|
| Student | Teacher | Parents |
|---------------------------| |
| Timetable ..............................|
As you can see, the Student and Parent group menu both have "Timetable" page. The contents of the page is exactly the same (pointing to the same url). However, if a visitor accessed the Timetable page from the Student menu tab, when the page loads, the menu should show the navigation menu under the Student tab. Likewise if a visitor accessed the page via Parent tab.
Of course, I planned to add colours to the different tabs to further differentiate them, and even further dropdowns on certain items, but I'm stuck even at this preliminary stage.
Can anyone help enlighten me what is this feature called? Any name i could google with. I could read up resources and code it from then on. My searches so far are very disappointing and frustrating :(
Thanks much :)

one option i can suggest is
well first you will need to know who got in ...create log in window with logic you desire... log in with guest choice for parents
then you will have to create an asp file with option to check who is connected to show the right tab
(or you can create an choice bottom/input with JavaScript check)
http://www.w3schools.com/tags/tag_select.asp
look for something like
change Tab based on HTML Select value
on this site
it's not the full answer but it is beginning

Related

How to direct clicks based on the original click and then a selection

Im failing to find the correct terms for what I'm looking to do. I'm not a coder but I can get it done If I get pointed in the correct direction.
I have a network of sites. A main website, a blog, and 3 different woocom stores (international legal reasons all 3 need to be completely separated) I need to be able post a link to a product,let's say "www.--.com/product-x", on the main site the blog or a stand alone link in maybe a Facebook post. Once a potential customer clicks on that link I want them to be sent to a region select page of which there are 3 options. But I don't want them to just be sent to the landing for the woocom store of there selection I want them to be sent to "na.--.com/product-x" or "eu.--.com/product-x"
If it were just 4 or 5 products I would just duplicate the region select page but this isn't realistic. I'd like to compile the "/product-x" part of the URL from where they clicked from,and the "na." And "eu." Part of the URL from there selection.
I'm willing to do some possibly cumbersome .htaccess upkeep or add the pathways individually each time a new product link gets made of that keeps things simpler but aibjust don't want 100 region select pages.
I am aware of Geo-redirects but I'm just not there yet. I for the world can not type the correct thing into Google to find any help on this, and it's not conceivable to me that this is an original idea.
What is this called?

Have several drop down menus with independent filters

I am currently developing a script in Apps Script to assign a locker room and a locker for each new person arriving in my company.
To make it simple, I have a "Dressing" tab in my Sheets that generates a list of people scheduled to be dressed (boots, PPE, ...) every day.
I have another tab that corresponds to my locker room database.
The idea is that, for each new person added automatically in the "Dressing" tab, a drop-down menu with the list of lockers and, depending on the choice of locker, the list of available lockers can be added automatically. Small subtlety, it is possible to accommodate two people in the same locker but, if a locker is free, I want it to appear at the top of the drop-down menu.
To do this, I went through a filter (in J2 in the "BDD LockerRoom" tab) in order to have the lockers corresponding to the choice made in the drop-down menu.
I don't think it's complicated to be able to add a dropdown menu for each new person added automatically in the "Dressing" tab, but what I can't do is to be able to generate the data for several dropdown menus at the same time.
For example, I have 3 people in my "Dressing" tab. What I would like is for 3 drop-down menus to appear in column I and especially for them to be independent of each other. That is to say that if I choose a locker for one of the people, it does not update the list of lockers for the other 2.
I hope I have made my explanations clear enough.
If it is not the case, do not hesitate to ask me for more information.
Thank you in advance for your help (file link)
To clarify, I will detail later what I would like for 3 new people registered automatically in the "Dressing" tab.
First of all, for each new person, I would like in column I in the same tab a drop down menu with the list of dressing rooms to which the person can be assigned. So I created a simple drop-down menu in which I retrieve the data from column A of the "LockerRoom DB" tab.
It is for the continuation that it gets complicated. I would like to display the available lockers from the "BDD LockerRoom" tab once a locker has been selected for the people in the "Dressing" tab. Two people can be assigned to a locker, hence the letters A and B to differentiate them.
To do this, I created a filter in column J of the same tab with the formula :
=index(sort({FILTER($B$2:$B$3351;($A$2:$A$3351=Dressing!I2)*($D$2:$D3351=""))};2;TRUE();0;1)).
This allows me to display the available lockers (without names entered in "BDD LockerRoom" for A and B). It also displays first the empty lockers (without name in A) and then the B lockers. In the screenshot below, you can see that there are names for locker A(wash) in front of lockers 1_A, 2_A and 2_B. And my filter gives me the list in column J of the same screenshot.
I then created another drop down menu in column J of the "Dressing" tab in order to have all the lockers present in the filter.
The problem I have is that since I have designated Dressing!I2 in my filter, the data in the dropdown menu for cells I3 and I4 refer to the choice of the first dropdown menu.
So I would like to modify my filter so that it is updated each time a dressing room is chosen in one of the different drop-down menus (no matter how many).
Hence my request. I hope I have been a little clearer in my explanations. Please excuse me if it is not the case.

How to create custom dropdownlist with Grouped data in Adobe Flex?

I wish to create a custom dropdown list which shows grouped data. The one having title of (category) sub-data shouldn't be selectable while other ones (names) should be selectable.
Expected output should be something like below data to be shown in Dropdown list
Administrators
John
David
Users
Peter
Steven
James
Members
Jury
Image for Reference:

Adding additional fields to form

I currently have this page Rahman | Khaliq | Contacts
What I am trying to do is have a guest choose yes or no, if they choose no, and click submit. I will get The answer no with their name to my email.
If they choose Yes, then I want a dropdown box to appear with numbers 1 though 10. If they choose 1, then a input box shows up so they can put the name of the guest. If they choose 2 then 2 input boxes show up, so on and so forth.
All fields should be required if they choose yes.
The submit should send me the results to my email...
Let me know your guys thoughts.
Thank you very much.

Autolayout Ambiguous WTF! UIViewController's ___LayoutGuide properties ambiguous

When I pause my app in the debugger and
po [[[[UIApplication sharedApplication] delegate] window] _autolayoutTrace]
The recursive description that comes out the other end shows the following:
*<UIWindow:0xc03d900> - AMBIGUOUS LAYOUT
| *<UILayoutContainerView:0xc070ac0>
<<SNIP>>
| | | | | | | | *<_UILayoutGuide:0x134b6240> - AMBIGUOUS LAYOUT
| | | | | | | | *<_UILayoutGuide:0x1348a2f0> - AMBIGUOUS LAYOUT
Okay, well my guess is those are UIViewController's topLayoutGuide and bottomLayoutGuide properties, but how and why are they ambiguous?
These print as ambiguous regardless of which of my view controller subclasses is front most. My content view controllers are being nested inside of UINavigationController installed inside of a UITabBarController. There's nothing surprising or unusual about the setup. UIViewController subclasses, UITableViewController subclasses - doesn't matter, guides still are ambiguous.
I filed a bug report about this a month ago (rdar://15402294) http://openradar.appspot.com/radar?id=5327306709008384
Apple only asked for a sample project afterwards and the issue is still open. You can file a duplicate bug report. The more bug reports they have, the quicker they fix the issue.
UPDATE: my bug report was closed as a duplicate of 10535951 (Open), so it's probably a known issue.
No one outside of Apple probably knows the answer to this question. The iOS system sets the view controller's top and bottom layout guides and _UILayoutGuide is private API. So we're only left with speculation.
In a sense, I see no reason why the term ambiguous would even be applicable to a layout guide. A layout guide is only used as a sort of proxy for a root view's chrome—a status and navigation bar at the top, or a tool bar at the bottom. Their only purpose is to help views position themselves along the vertical axis. Therefore, I see no reason why layout guides would even need any sort of horizontal alignment. And without horizontal alignment, a layout guide would be left permanently ambiguous.
In fact, if you log a top layout guide object, you get a rect with an origin of (0,0) and a width of 0:
<_UILayoutGuide: 0x89c7f60; frame = (0 0; 0 20);
It seems unfair that these hidden layout guides are being judged so harshly by the Auto Layout system. Their ambiguous state is an unsightly blemish on an otherwise beautiful _autolayoutTrace log.
Ambiguous layout generally means you don't have enough constraints to fully define the layout. My guess without seeing your storyboard or nib constraints is that you need some defining constraints for either your current view or the containing view your constraints attach to.
Can you post a screenshot of all your constraints for that view and the containing view?