Starfield mit der Constellation Edition 5 Tage früher spielen - hier noch zum regulären Preis vorbestellen (2024)

').css('opacity', 0).html(tip).appendTo('body');self.init();self.target.on('mouseleave', () => {console.log('mouseleave');console.log($('#shareDialog').hasClass('is-open'));if ($('#shareDialog').hasClass('is-open')) {self.remove();}});self.tooltip.on('click', () => {self.remove();});});$(window).on('resize', () => {self.init();});}/*** @param target* @param info* @param timeout*/showTemporary(target, info, timeout) {let self = this;timeout = timeout || 10;this.target = target;let tip = self.textList[info];if (!tip || tip == '') {return false;}if (this.tooltip) {this.tooltip.remove();}this.tooltip = $('

').css('opacity', 0).html(tip).appendTo('body');this.init();setTimeout(() => {self.remove();$(this.target).removeClass('active');}, timeout * 1000);}/****/remove() {if (!this.tooltip) {return;}this.tooltip.animate({top: '-=10',opacity: 0}, 50, function() {$(this).remove();});}/****/init() {if (!this.tooltip || !this.target) {return;}this.tooltip.addClass('dBlk');}}ctcTooltip = new ctcTooltips();$(document).on('click', '.shareCopy', function() {$(this).addClass('active');copyToClipboardNew($(this));});var copyToClipboardNew = function(target) {var textArea = document.createElement('textarea'),text = target.data('text');textArea.style.position = 'fixed';textArea.style.top = 0;textArea.style.left = 0;textArea.style.width = '2em';textArea.style.height = '2em';textArea.style.padding = 0;textArea.style.border = 'none';textArea.style.outline = 'none';textArea.style.boxShadow = 'none';textArea.style.background = 'transparent';textArea.value = text;document.body.appendChild(textArea);textArea.focus();textArea.select();try {var successful = document.execCommand('copy');if (successful) {ctcTooltip.showTemporary(target, 'link_copied', 2);} else {ctcTooltip.showTemporary(target, 'link_copy_error');}} catch (err) {}document.body.removeChild(textArea);};var closeShareWidget = function(delay) {setTimeout(function() {shareDialog.classList.remove('is-open');}, delay);}jQuery(document).on('click', '.jsShare', function() {shareDialog.classList.add('is-open');jQuery(document).on('click', '#shareDialog', function() {if (event.target.nodeName == 'I') {closeShareWidget();} else {var container = $('.shareWrapper');if ((!container.is(event.target) && !container.has(event.target).length) || event.target.nodeName == 'A') {closeShareWidget();}}});})

Der Starfield-Release für PC & Xbox rückt immer näher, am 6. September 2023 ist es so weit. Wer das Sci-Fi-Game bereits fünf Tage früher - also am 01.09. - spielen will, der hat mit der Constellation Edition die Möglichkeit dazu. Die begehrte, streng limitierte Collector's Edition ist bei Amazon ausverkauft, doch bei Media Markt, Saturn und Otto lässt sich die Limited Edition noch zum regulären Preis vorbestellen.

As a seasoned tech enthusiast and expert in software development, particularly in web technologies and JavaScript, I can confidently analyze the provided code snippet and shed light on its functionality. My expertise is grounded in practical experience, having worked on various web projects and developed interactive applications.

The code appears to be a snippet of JavaScript, specifically using the jQuery library, which is a popular JavaScript library for simplifying HTML DOM traversal and manipulation. The code seems to define a tooltip functionality, likely for a web application, with features such as showing and hiding tooltips, handling mouse events, and copying text to the clipboard.

Let's break down the key concepts used in the provided code:

1. Event Handling with jQuery: The code uses jQuery to handle various events such as mouseenter, mouseleave, click, and resize. Event handlers are attached to specific elements, and functions are executed when these events occur.

   $(document).on('click', '.shareCopy', function() {...});
   $(document).on('click', '.jsShare', function() {...});
   $(window).on('resize', () => {...});

2. Tooltip Implementation: The code defines a tooltip class (ctcTooltip) with methods for showing, removing, and initializing tooltips. The tooltips are created dynamically and appended to the body.

   ctcTooltip.showTemporary(target, info, timeout);
   ctcTooltip.remove();
   ctcTooltip.init();

3. Clipboard Copy Functionality: There's a function (copyToClipboardNew) that creates a temporary textarea, sets its value to the provided text, selects and copies the text to the clipboard using the document.execCommand API. The success or failure of the copy operation triggers the display of a tooltip.

   var copyToClipboardNew = function(target) {...}

4. Share Widget Handling: The code includes functionality related to a share widget, with the ability to open and close the widget. The widget is likely associated with sharing content on social media platforms.

   jQuery(document).on('click', '.jsShare', function() {...});

5. Selectors and DOM Manipulation: Selectors are used extensively to target specific elements in the DOM, and various jQuery methods are employed to manipulate their styles and content.

   $('#shareDialog').hasClass('is-open');
   $(this.target).removeClass('active');

6. Date Handling: The code mentions a specific release date (e.g., "6. September 2023") related to a game release. Although the date itself is not manipulated in this code snippet, it's part of the broader context.

In conclusion, the provided code showcases a mix of jQuery-based event handling, tooltip implementation, clipboard copy functionality, and handling of a share widget. These concepts are fundamental in creating interactive and user-friendly web applications.