Search box with choice of search engines - javascript

So here's the deal. I'm creating a personal start page for every time I open up a new tab or window on my browser. In my current start page, I have a search field which immediately searches in Google for me. However, many times I search for images or videos or wikipedia etc. I want to eliminate having to click on (for example) Images after my Google search. I would like to have a dropdown box next to my search, and be able to choose images, following which it would automatically search in Google Images, instead of going to standard Google.
Here's an example of what I'm thinking about:
https://dribbble.com/shots/871091-Search-Box
So the default would be blue, which will do a standard Google search. If I want to search for an image, I click the red icon in the dropdown before the search, which would automatically do a Google Image search. I'd prefer having a dropdown box, and not an option list.
Is this possible? If so, can someone help me with how to go about doing it? I am not a web developer, but I am comfortable with basic and intermediary concepts of HTML, CSS and JavaScript. Linking me some tutorials to this would be helpful, if they exist. I wasn't able to find any in my searches, but maybe I've been using the wrong terms.
Cheers.

The feature you're looking for is called search engines. You can map a keyword to a search engine.
For instance I can type y nyancat in the omnibar to search for "nyancat" on YouTube.
Similarly you can set one up for google images.

Related

How do I select reCAPTCHA challenge for invisible reCAPTCHA

I am trying to implement google invisible reCAPTCHA (v2) on my site.
I want to customize the challenge whenever it is thrown to user.
How do I select which challenge to show to fraudulent users/bots?
I want to show arithmetic challenge instead of selecting the lights in images grid, I'm not able to find the option anywhere. Is it even possible to do that?
Currently, Google doesn't offer this as an option I think it's for a security reason as making it only digits will make it easier for OCRs to figure the answer easier as opposed to alphabet + numbers
I can't figure out a reason why you would only show numbers other than making it easier for the users If so you could check out reCAPTCHA v3 it provides a better user experience as
reCAPTCHA v3 returns a score for each request without user friction. The score is based on interactions with your site and enables you to take appropriate action for your site.
Instead of the usual challenges.

Chrome Extension Popup Questions

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

Google-translate alike front-end

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.

Interacting with QlikView using PhantomJS

I am trying to simulate traffic on QlikView dashboards for the purposes of load testing. I have created a number of simple dashboards that I am viewing in a web browser. When I click anywhere on a graph or select a field in a list box, I can see that network traffic is generated as the application filters to display updated results.
I would like to simulate this traffic by opening the dashboards with PhantomJS and pretending to click on a few different places. Ideally, I would like to select an object such as chart or listbox and click on that programmatically but clicking on random coordinates within the page should suffice as well. However, the usual JS/JQuery click() operations do not appear to have any effect within QlikView even when displayed in a browser.
Any input as to how to approach this would be much appreciated.
Thanks.
Some additional info per comment: Yes, unfortunately I've tried everything on that page and just about everything else produced by stackoverflow/google searches. I can grab elements and do all the normal operations but the pages produced by qlikview are structured differently from any I've worked with. The majority of the elements are clickable and you actually interact with dashboards by dragging the mouse over sections of graphs to zoom in, or selecting criteria from listboxes. Somehow they fire Ajax calls from deep in qlikview's js but on the surface all elements appear as mostly divs and spans without explicit onclick functionality which may be why they don't respond to anything I've tried so far. For this reason I think moving further away from working with individual elements and simulating something like selecting a random portion of the screen may be best but no luck so far.

How to build a chrome extension to highlight text on a specific URl

I am relatively new to both programming and developing chrome extensions. I am developing a chrome extension that will do this simple thing.
On selecting a text, show a button on clicking which the text will be highlighted. (Somewhat like the pin button)
When i revisit the page I can see what where the areas i highlighted.
So currently I have a extension working which can save the bookmark to the database. This is the link from which i got this understanding http://markashleybell.com/building-a-simple-google-chrome-extension.html. If you want i can share the actual code also but it is going to crowd the question.
I think I can make get the selected text to go in to the database if i use contextmenus. But this is what i intend to do is
select the text
A icon comes up (How do i trigger the jquery to add the button, which chrome api i need to use and in which file i should put the code)
3 On clicking the icon the text gets highlighted. (how should i change the DOM of the current page)
I can do the part of extracting the text and sending it to the Database.
The next problem i have no idea about what information I need to store in the database (Example do i need to store the start or end node) so that i can have the text highlighted when i return to the URl. How does a chrome extension start on its own to figure out what part of the page need to be highlighted.
In case you have a sample code that will be great or just tell me what is the logic and chrome api's i need to use.
I know the question is too broad but even if you have a few links that can help to understand this flow it will be great. The project i am working on it to create a far similar version of https://www.diigo.com/, with just the ability to store URL along with the highlighted notes.

Categories