Remove Kibana Auto Complete Bar

100%

Remove Kibana Auto Complete Bar

✓ Published0🌍 Public

Last edited Jan 30, 2017

Created on Jan 30, 2017

This example removes the autocomplete bar from a Kibana search interface. It runs as a userscript that attaches a click event listener to the page. On each click, the script uses jQuery to select the search input, then unbinds the `change`, `focus`, and `keydown` events to disable the autocomplete behavior. The code executes by injecting a function into the page context via a `script` element, and it relies on `document.addEventListener` and `window.jQuery` to target the input field.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 364813

This example implements a custom jQuery autocomplete widget with animated show-and-hide behavior. It uses `jQuery` methods such as `fadeTo`, `stop`, and `show` to control the visibility of a suggestion box, while handling keyboard navigation for arrow keys, tab, and enter. The code fetches suggestions via JSONP requests, renders them as list items, and tracks the selected index with `data`. Stippling effects—fade-in and fade-out—are applied through custom functions, though the code notes issues with animation state confusion. The source is a JavaScript file from a gist.

XXXX

56% match

Loading thumbnail…

Disable HTML form input autocomplete and autofill in React

This example shows how to prevent Chrome autofill and autocomplete on React input fields by manipulating the `autoComplete` attribute. It demonstrates two approaches: setting `autoComplete="disabled"` directly on the `input` element, and using an `onFocus` handler that calls `setAttribute` to force the attribute to "disabled" when React would otherwise render "off". The code uses React's synthetic event system and JSX syntax within a functional component, referencing Chromium’s form style documentation for alternatives like `new-password`.

MMonaiThang

55% match

Loading thumbnail…

Javascript

This example demonstrates a collection of JavaScript utilities for enhancing web page interactivity, focusing on user-input controls and navigation. It shows how keyboard and click events can be managed to prevent accidental data loss and to streamline table or list interactions. The code uses plain JavaScript with jQuery for DOM manipulation, including the `bind` method for event handling, `history.pushState` for URL updates without page reloads, and jQuery’s `prop` and `is` methods to toggle checkbox states. The snippets cover F5 key disabling, dynamic URL changes, and bulk selection of checkboxes, reflecting a typical admin-panel or form-heavy workflow.

IIliaIdakiev

53% match

Loading thumbnail…

Autofocus

This example demonstrates how keyboard input can trigger a data visualization update on a web page. It uses a simple input field and listens for keydown events on the document window to display the numeric key code of the pressed key. The code relies on D3 version 3’s `d3.select` and `d3.event` APIs to manage element selection and event handling, and it updates the input element’s value property with the key code. The interaction is minimal, focusing on immediate visual feedback without additional data processing or rendering.

Mmbostock

53% match

Loading thumbnail…

debouncing input

This example demonstrates a debounced text input for search, showing how user keystrokes trigger an API request only after a pause in typing. It displays the typed text immediately in the input field while delaying the actual search request by 300 milliseconds. The React component uses the `useState` hook to manage both the displayed text and the debounced search value, while `useCallback` wraps lodash’s `debounce` function to stabilize the debounced callback. Each debounced input fires an Axios GET request to the provided `searchPath`, logging the response data to the console. The code illustrates the separation between immediate UI updates and delayed data fetching.

JJoshAddington

50% match

Loading thumbnail…

Ultra Fast Type-ahead

This visualization demonstrates an ultra-fast type-ahead search interface for country names. The code loads a JSON dataset of countries, maps it to an array of names, and uses jQuery’s `$('#search').typeahead` API with a custom substring matcher that employs a regular expression (`^${q}`) to filter results from the first letter. The interface highlights matching text, providing immediate feedback as the user types.

YYuliya

50% match

Loading thumbnail…

browsing tools dotjs snippets

This example shows a collection of JavaScript snippets that add keyboard and mouse shortcuts to specific websites, such as Forrst and Dribbble. It demonstrates how jQuery is used to bind click handlers to page elements, triggering navigation to the next paginated page, and how a custom keydown handler detects the Control key to open a Dribbble shot in a new window. The code relies on jQuery selectors and CSS properties to identify active elements, and it uses `document.location` for redirection. The snippets are designed for the dotjs browser extension, which injects user scripts into matching sites.

TTBD

50% match

Loading thumbnail…

Task List

This interactive task list demonstrates how to add, filter, and delete tasks in a web application. Users type a new task into a form, submit it to create a list item, and can click a remove icon to delete individual entries with a confirmation dialog. A search field dynamically filters visible tasks as the user types, while a “Clear Tasks” button removes all entries at once. The code uses vanilla JavaScript event listeners for form submissions and clicks, jQuery for DOM manipulation, and Materialize CSS for styling the interface.

Bbukbukbukka

50% match