Airport Code Tooltip

WHAT IT DOES

Airport Code Tooltip instantly identifies three-letter IATA airport codes in any text you hover over and displays a tooltip with detailed airport information. When you see codes like "LAX", "LHR", "JFK", or "CDG" on a webpage, simply hover your mouse over the code and a tooltip appears showing the full airport name, city, and country. The extension includes a built-in database of over 200 major airports worldwide, covering all major hubs and many regional airports. The tooltip is customizable—you can choose which information to display (airport name, city/country, or the code itself), adjust the tooltip position, and change the background color and text size. This is an invaluable tool for frequent travelers, travel bloggers, itinerary planners, and anyone who reads flight-related content.

WHERE IT RUNS

The extension works on every website with text containing IATA airport codes, including travel booking sites, flight tracking pages, travel blogs, itinerary pages, news articles, and any other page with three-letter airport references. It runs locally in your browser, detecting codes and displaying information without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly.

HOW TO USE

After installation, simply hover over any three-letter IATA airport code on a webpage. A tooltip appears showing the airport name, city, and country. The tooltip updates automatically as you move your mouse across different codes. To customize the experience, open the extension panel and choose the tooltip position (Above cursor, Below cursor, or Beside cursor). Toggle which information to display: "Show airport name," "Show city and country," or "Show airport code." Customize the tooltip background color using the color picker. Select the text size (Small, Medium, or Large). For per-site customization, enable or disable the extension on specific websites using the per-site controls. If you want to add custom airport codes, they can be added manually in the script.

THE ACTUAL MECHANISM — IATA CODE DETECTION WITH AIRPORT DATABASE LOOKUP

The extension uses a simple but effective approach: it scans the text under the user's cursor for three-letter uppercase codes. When the user hovers over a word, the extension checks if it's exactly 3 uppercase letters (e.g., "LAX", "CDG"). If a match is found, it looks up the code in a built-in JavaScript object containing airport data. The database includes over 200 entries with the airport name, city, and country for each code. The tooltip is rendered using a fixed-position div with the user's selected background color and text size. The tooltip is positioned relative to the cursor using the user's selected position setting (above, below, or beside), with viewport boundary detection to ensure it stays on screen. The extension uses debounced hover detection with a 200ms delay to prevent flickering and excessive tooltip updates. When the user moves away from a code, the tooltip is hidden after a 300ms delay. The airport database can be extended by adding entries to the AIRPORT_DB object.

THE PANEL

The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, position selector, airport name toggle, city/country toggle, airport code toggle, background color picker, text size selector, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme.

PLEASE NOTE

This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access and storage engine. The airport database includes over 200 major airports but does not cover every airport code in the world. The extension detects any three-letter uppercase code, so it may occasionally trigger on non-airport codes (e.g., acronyms, abbreviations). No personal data, browsing history, or page content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.