I want to do a survey in which a participant listens to a sound (I link to a Google Drive .mp3 file in the question), then they respond by using an embedded colour picker to drag and choose a specific hex code.
The widget would be similar (if not the same as) the one shown here.
I just want to know how a user would "submit" the colour that they pick.
I don't want to add to many steps as to confuse the participant (as in, go to this colour picker in another tab, type the hex code in this box).
If there's an action I can include to 'submit' their choice, a better survey hosting site (preferably free, please) or a better widget that allows a user to click and drop to a point on the colour spectrum... Please let me know :) thanks!
Related
I am creating a web page that will have several buttons on it. When a button is pressed it will play a tone or combination of tones.
With the Google Web Designer application, I can create a simple page with one button on it. I'm able to associate the clicking of that button with "Custom Code" for that button in order to play a tone, and it works.
I have not been able to figure out how to use one JavaScript file that several buttons use for their tone-generating functions - rather than having "Custom Code" for each button separately.
I'm not a software engineer and perhaps Google Web Designer is not the appropriate tool.
Any ideas would be appreciated.
I am currently working on a rather important ReactJS web project consisting of editing audio files.
However, I'm encountering a rather complex problem and I must admit that I've been struggling for several days 😅
So, basically, I use WaveSurfer-JS to display an audio track on my site. To edit it, I use what are called Regions plugins that allow the user to select a specific area on the audio track. The idea is that the user can select an area of the audio track and by clicking a button, all other parts of the audio that are outside the selected region are "deleted", or only the audio of the selected part is kept in a variable for example, the type of which I don't know yet. Obviously, I have no idea how to achieve this kind of functionality aha (I just managed to integrate the area selection functionality but as for keeping only the selected audio, I have no idea)!
To better understand my need, I invite you to look the image below in which I show being able to select an area of the audio track and being able to click the button to keep only that area and maybe delete the rest (the selected zone is in black and the button is called "je veux cette partie") 🙂
I am aware that the problem seems quite complex so I won't be surprised if there is no answer under this post, but I still count on those who have already used WaveSurfer-JS with ReactJS to try to help me 😆
Have a nice evening or day!
image to better understand my need
EDIT I found a solution : https://stackoverflow.com/a/24552520/11816999
I'm trying to make a bot for a website, to make purchases faster and automated. In order to do so, I am using javascript (atom) and chrome extensions. I need some help with the following things to do with chrome extension popup, which will improve the UI of my program (user interface)
1.Is there a way for the user to set a time for the code to excecute at? For example, a 24 hour clock they can edit using text boxes in the popup. Maybe this triggers a new tab which has a coutdown clock, at the end of which the code is excecuted on the website.
2.Can I create text boxes, so that the user can fill in various details such as item name and size value, that can be integrated with my main javascript code to change which product is purchased by the bot?
3.How do I create dropdown boxes for things like the category, with multiple options. Again, this must correspond with the main JS code.
4.Can I create a login page that must be filled in with a unique login before the user can access the main login page?
5.Can I create little switches?
6.Is there a way for me to customise the buttons with certain fonts, colours and sizes, and to customise the backgroud colour etc. I really want it to pop!
I know that this is a lot of questions, so please feel free to answer one or two rather thatn all of them! I have an incredibly basic understanding of HTML, so I may have some followup questions for you.
Thanks in advance,
Louis
As many people have used google translation, I want to create a website like "translate.google.com" based on my own machine translation system. I hope somebody can help me with the following questions since I'm not experienced in web development, .
The input area of google-translate is a textarea . When a user hovers on the target phrase, the corresponding source phrase was highlighted. How can I achieve such effects? Do I need to modify the textarea or use span-like control?
The output area of google-translate seems to be not a textarea. When a user clicks on the target phrase, it triggered an event and make communication with the back-end, then the corresponding translation options are displayed right on the target phrase. I want to make the position of the translation options the same as google-translate, how can I achieve this without refreshing the whole page?
Any comment will be welcome.
I am currently using ExtJS and we put sometimes color information into javascript files (I know, that's a big sin, but not the question).
With an effort I find a solution to activate the color picker within a javascript file:
FILE >> SETTINGS >> KEYMAP >> SHOW COLOR PICKER -> Right mouse click -> Add Keyboard Shortcut
and I've added ALT+C. So far, so good.
If I activate the color picker, I can choose a color and see the Hex-Code of it. Then I click on the choose button, nothing happens. Every time I've to select+copy+paste the color value to use it in the javascript file.
Do you know, why choose button does not apply the color value into the source code? Is there an easier way to do that?
This action only works in certain contexts (CSS, LESS, etc.). Using color picker for editing color information in javascript is not supported. Please vote for WEB-7899 and related tickets