Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [javascript]

a scripting language that allows web pages to present dynamic content to users, such as validation of web forms or automatic saving of data to reduce frustration or to allow visual effects otherwise impossible with HTML.

0
votes
1answer
66 views

How to improve a scrollable dropdown section issue

I have an issue where the overflow of a scrollable list on a website is cutting off my dropdown menu. The scrollable list has a height constraint because it is in a modal which has a set height and ...
1
vote
3answers
158 views

Ways to show a div has more content

I'm basically a back end devlopper but I need to create a page displaying data in diiferent tables. Some of the data rows may contain very large content but I chosed to make all rows the same height. ...
0
votes
1answer
33 views

Display from multiple data sources

I am building a data grid presenting table-structured data (columns and rows) to end users. This grid contains about 500 records but of these records only 350 are distinct on some required fields. I ...
1
vote
2answers
220 views

Should you have a language switcher on a website or use the browser's language preference (or both)?

Since the user's language preference can be retrieved from navigator.language or the Accept-Language header, is it necessary to provide a language switcher on the page itself? Some reasons given to ...
0
votes
2answers
44 views

What is the best pattern for opening Mega Nav on touch device when parent Nav items are link to landing pages?

I have a mega menu opening on desktop, on hover over a parent nav strip. The parent nav items are links on click. The same menu is to be used on landscape tablet. Without on hover, click is used to ...
1
vote
2answers
1k views

Determine the best text color for a given background color [closed]

What is the best way to determine the best color for a text that will have good contrast and will be pleasing to the eyes (i.e. it can be either white, any shade of grey or black) with the help of ...
1
vote
1answer
93 views

Interview project to redesign a website for a property [closed]

I'm applying for a UI/UX position at a company that makes software for landlords, apartments, property managers, etc. After the interview the hiring manager gave me a project to work on. These are the ...
0
votes
1answer
97 views

How can I design my form better? [closed]

I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
4
votes
2answers
118 views

Changing scrolling behavior - good use cases?

Some websites modify scrolling behavior, e.g. by changing scrolling speed, "smooth scrolling", or even snapping to sections on scroll. Personally, I find it incredibly annoying to have my scrolling ...
6
votes
1answer
355 views

Under what context is it acceptable to use javascript onbeforeunload behaviour

On a web page I can use the javascript onbeforeunload event to warn a user they are about to leave the page. window.onbeforeunload = function() { return 'Woah there, are you sure you want to ...
5
votes
3answers
336 views

Should a 404 error be kept in the browser history?

I am working on a script that I will most likely be using for all my future websites that prevents the page from refreshing/redirecting when navigating through it. It does this by Manipulating the ...
2
votes
2answers
775 views

Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?

I have a menu of reference information, like below. download bmml source – Wireframes created with Balsamiq Mockups The above fields are progressively pre-populated by the system, and user has ...
2
votes
1answer
2k views

Nested Child rows in Table

I previously asked ux.stackexchange to help me with how to display configuration settings for a web application. Ways to display both string and boolean on page I've followed the suggestions and ...
5
votes
3answers
436 views

message that the user has JS disabled

I want to prepare a message for my users in case he/she has JS disabled. First of all I want to clarify that I will not make the site work without JS(it requires considerable coding work.) The ...
0
votes
1answer
89 views

Is it bad practice to prevent jump links from cluttering browser history?

I'm developing a website with rather long pages, where the user can click on hyperlinks to scroll up/down to elements of interest. This scrolling is done smoothly (using jQuery), to help maintain ...
5
votes
2answers
799 views

Is it bad practice to disable (replace) the context menu?

I'm working on a web platform where users can select/highlight text and perform selection-specific actions on the highlighted text. The current implementation shows a custom context menu on selection (...
1
vote
2answers
94 views

Blocked Resources: Should we fix the UX for users who block JS or other resources?

A site is built mostly in PHP and JS (link here: http://thebambergergroup.com/) Certain pages won't load or will work awfully when JS is blocked. Two questions: Should a site be programmed so that ...
2
votes
0answers
32 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
0
votes
0answers
516 views

Product/Service Comparison Table for Mobile + Desktop?

I'm making a website for a company that provides services with different package levels. I'm having trouble finding a nice way to make the table/chart that displays the differences between packages. ...
3
votes
1answer
102 views

Using Javascript popups to create a workflow for legal experts writing and editing legislation

I suppose this is a ui-flow question. I'm currently working on a project where a couple of the stakeholders are suggesting the use of popup windows, i.e. browser tabs, to create a workflow to ...
3
votes
2answers
120 views

Set Frequencies in WebApp

I am currently working on Web App to coordinate Frequencies of Microphones. I am not sure how to present the input of the Frequency. Basically a Frequency can be set in a range (eg. 400MhZ - 800 Mhz) ...
0
votes
1answer
119 views

Ideas for application layout using angularJS [closed]

I am converting a classic asp application that displays the status of any number of applications, can be one, can be 10+. I am using angularJS for the front end and restful web service for back end. ...
4
votes
6answers
4k views

Ideal color palette for 24 colors?

I'm making a simple collaborative whiteboard app just for fun and I originally had a color picker with all the colors but the few friends I showed it too said it was too much and they aren't artists ...
4
votes
4answers
833 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
5
votes
3answers
752 views

WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?

WCAG 2.0 has some requirements on robustness: "Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies", but it doesn't ...
6
votes
4answers
930 views

Which is perferred - a standalone login page or a javascript popup over a MyAccount page?

I am designing a new website, and am thinking about the UX for accessing a personal account page. Is it "better" to have a standalone login page (and then redirects to My Account details), or a ...
1
vote
1answer
743 views

Preload or postload a text file for autocomplete jquery

I have to add an autocomplete implemented in jquery and my list of suggestions is approximately 300-400 key value pairs. About 15-20 kb total file size. Since the list is not going to change often, ...
2
votes
2answers
771 views

Interface for selecting multiple items out of thousands, w/ categories

I'm trying to build an interface for filtering lots of data for the sake of searching. I need to present a VERY large collection of names, make it easy for the user to select all the names they need (...
2
votes
1answer
67 views

What is the best way to let the user select a distance for a layer?

So I am creating a layer list using d3 and I have a question about how best let the user select distances. To give some background, the user will be selecting a geographic layer and will then be ...
0
votes
1answer
107 views

Best way to give user information on a layer

The Idea I have a layer list that is being created like this d3 version here and I want to append some sort of information icon to the lowest level nodes. To give some background, the user will be ...
0
votes
4answers
590 views

Better Approach for 4-level Tree Structure

I have a 4-level radio button list which is like: On page load, only the 1st level options are shown (Alpha/Beta/Gamma/Delta). Based on the value selected in the 1st level, the corresponding 2nd ...
28
votes
5answers
3k views

Which input control is recommended for a large value range?

I'm working on a web app that allows the user to enter a timing value in a range from 0s to 1s with a step of 200ns (yes, nanoseconds). I tried that with an input of type range (slider) but that's ...
0
votes
2answers
252 views

Breadcrumbs - is this a valid use?

Recently we've received a design that uses breadcrumbs, but specifies a breadcrumb for a page that does not exist. In effect, the breadcrumb in question, relates to a section of a top-level page. We'...
0
votes
1answer
5k views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
3
votes
1answer
77 views

Name for JS UI Component

There's a text-dragging UI component I want to use, which can be seen in detail here (drag the cookies!). This is a pretty common idea, and is used a lot in native production applications. I would ...
0
votes
1answer
68 views

Disabled JavaScript notice, AFTER user signup?

My site relies heavily on JavaScript, and the site is based on user signup If a user is logged in and has javascript disabled, it throws a notice and disables all major site functions The question ...
0
votes
1answer
552 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
0
votes
0answers
949 views

Tips for a complex sorting/filtering UI

I have a work in progress at http://yipgo.com, in short lets you define items with timestamps and then view them in a read-only agenda summary page. It's important to allow users to customise the way ...
0
votes
1answer
106 views

How to work with web designers pragmatically on my stateless browser app?

These days, lots of stuff is being done on the client. This includes full page rendering, data fetching, and much more. Right now, I am developing an API and also working on the client-side app which ...
4
votes
2answers
820 views

Are one-page web apps always better?

Does anyone have some instances or cases where onepage web applications (for example, a lot of AngularJS apps) are inferior to full loading pages? I'm not including technology, SEO, etc. Only from a ...
0
votes
2answers
342 views

How to render a mobile in HTML5 / CSS3 / Javascript

I am developing a website to promote my app and want to render a mobile which will display different images in transition. Some like done on these pages: http://www.whatsapp.com/ (Uses a background ...
4
votes
2answers
362 views

When you have a side panel open, and the user scrolls, is it better to leave it open or to auto close the panel?

Say you have a side menu that opens from one side after clicking on an icon in a website. This menu would take more than 40% of the view-port in the horizontal direction. If the user scrolls down, is ...
0
votes
2answers
152 views

Are users resizing window?

When I calculate some layout positions and sizes in javascript, I always add a listener to recalculate it when user changes the window size. This way I can e.g. always keep a tile square etc. Now I ...
0
votes
1answer
196 views

Delete image button in dropdown [closed]

I have a tricky requirement regarding the website I am building. I am not sure if it is exactly a design issue or not. I have a drop down which is created at run time. This has a list of user created ...
8
votes
3answers
611 views

Do good UX guidelines exist against little JS windows inside the browser

I encounter a lot of web applications that essentially implement a small windowing system inside the browser. On you web page there exist a number of little boxes that look like windows, which can be ...
-1
votes
2answers
1k views

jQuery - best way to present huge amount of scrollable data [closed]

I have an array with length of 1.5k, each entry needs to be shown (set of DIV's per entry) but when I'm showing it all at once the browser hangs most of the time. I'm trying to figure out the most ...
2
votes
3answers
300 views

Is it good UX or bad UX to prevent people from disabling javascript? [closed]

I realise that I am no longer able to disable javascript from the preference setting of FireFox browser 27.0. As a developer, I always think about graceful degradation for my users. And I know how to ...
2
votes
1answer
646 views

Gallery Lightbox

What do you think of letting one image open a gallery instead of a single image where one can show next and previous (regular lightbox)? I'm thinking something like this: ...or something like this: ...
6
votes
4answers
318 views

Color-coding percentages, how should I interpret a result of 0/0 (as 0% or as 100%)?

I am making a report that requires me to display some calculations as a percentage. Basically, I'm doing a database query for records matching a specific ID. The number returned becomes my denominator ...
4
votes
2answers
534 views

What's the convenient key do delete something on Mac?

I've developed a paint application on the web using HTML5 Canvas element and JavaScript. The user can select stuff he drew and then delete it using the Delete key on Windows (which is convenient in ...