Leveraging window.location.origin with modernizr

My goal is to achieve the following:

var siteBaseUrl = window.location.origin;

However, in IE 9 it returns undefined

I am attempting to grasp how I can utilize modernizr based on the advice provided here:

$window.location.origin gives wrong value when using IE

To address this issue, I made a modification to my code by adding the following block before my siteurl:

    if (!window.location.origin) {
        window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
    }

var siteBaseUrl = window.location.origin;

This adjustment now functions properly, although I am uncertain if implementing modernizr as suggested in the provided link could offer an alternative solution. Alternatively, it's plausible that I may be overcomplicating things and the aforementioned code works effectively with the assistance of modernizr.

Answer №1

When it comes to this situation, modernizr simply alerts you that the method is absent. It doesn't provide a solution or workaround, so you will still need to address the issue yourself.

Essentially, no change would occur.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Verify the dimensions of the window, either width or height

Is there a way to create a condition that checks for window size based on width and height individually? Currently, using '&&' only checks if both width and height are low. How can this condition be modified to display a message if the width is a ...

What is the most effective way to retrieve the full height of a webpage using JavaScript

  Is there a way to get the actual height of the webpage, not just the browser screen height? I noticed that clientHeight only returns the height of the window! Thank you for your help! ...

Swaying while navigating through volumetric fixed step raymarching

Encountering a bug with my shaders while working on the vertex: varying vec3 worldPosition; varying vec3 viewDirection; void main() { gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); worldPosition = vec3(modelMatrix * vec4 ...

Transcribing live content directly from the browser tab

I have a unique idea for developing a browser extension specifically for Chrome. This extension would provide live transcriptions of my team's meetings directly from an open tab in the browser. I am interested in extracting keywords, such as my name, ...

Is there a method for enabling GPT-3's "davinci" to engage in conversation with users via a bot on Discord by utilizing discord.js?

var collector = new MessageCollector(message.channel, filter, { max: 10, time: 60000, }) start_sequence = "\nAI: " retart_sequence = "\nHuman: " collector.on("collect", (msg) => { ...

A new WordPress plugin that includes a custom designed stylesheet featuring a hidden display property within a specific

After reloading the page, my plugin displays a constructed stylesheet. However, when I access it for the first time or reload with ctrl + f5, the constructed stylesheet does not appear. I have meticulously searched through all of the plugin code looking f ...

Tips for changing between two texts within a button when clicked

Seeking a solution for toggling between two different texts inside a button when making an ajax call, with only one text displayed at a time. I'm facing difficulty in targeting the spans within the button specifically. Using 'this' as conte ...

Authentication in Feathers JS without the need for email addresses

Currently, I am in need of an authentication system for my dApp that operates without using email addresses or storing any user information. What I require is an endpoint where users can submit a seed phrase and password to generate a JWT. The process shou ...

When I use `myState` in `Console.log`, the entire array is displayed. However, when I use `myState

As a novice in the realm of React, I am currently working on an Attendance-System Project and grappling with some messy code, my apologies in advance. Within this project, there exists a component named ShowData which receives certain props from its paren ...

Navigating Users and Routing with Ionic Framework (AngularJS)

Currently, I am using Ionic for a new project and could use some guidance with routing (I'm relatively new to Angular). These are the states I have defined: $stateProvider.state('map', { url: '/map', views: { map: ...

Use jQuery to move list items up or down when clicking on an element outside the list, as long as they contain checked checkboxes

I am in need of creating a user interface that includes both a "Move Up" button and a "Move Down" button. These buttons will allow users to reposition list items by moving them up or down within the list, based on whether they click the "Move Up" or "Move ...

Encountering a problem retrieving the .ClientID property in ASP.NET using C#

In my uploadError javascript function for AsyncFileUpload from AJAX toolkit, I have the following code snippet: function uploadError(sender, args) { document.getElementById("<%# uploadResult.ClientID %>").innerText = args.get_fileName(), "<sp ...

Can a javascript variable be integrated into JRoute() function?

function getProduct(category) { document.star.action = '<?php echo JRoute::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='+ category) ?>'; document.getElementById('star').submit( ...

Executing various axios requests to retrieve diverse data and populating multiple sections of the user interface in React Native

I am struggling to display various categories of movies on the same screen, such as "POPULAR MOVIES", "RECOMMENDED MOVIES", and "NEWEST MOVIES". I have been able to retrieve data for the "POPULAR MOVIES" section using an API call, but I'm unsure of th ...

Is there a way to detect when a Bootstrap Alert is displayed?

I am using a flask app that flashes messages to an HTML file. When these flashed messages are caught, they are displayed as a bootstrap alert. Here is an example: {% with messages = get_flashed_messages() %} {% if messages %} {% for message in mes ...

Having trouble accessing a CSV file with JQuery and FileContentResult?

How can I make an ajax call without using ActionLink in my controller? Here is a snippet of my controller code: public IActionResult ExportUsers(List<string> listOfEmails) { /*some data processing*/ return File(result, "text/csv", ...

"Encountering a Three.js issue when attempting to incorporate over 37 spotlights in the scene

My project involves utilizing Three.js r58 (with the WebGLRenderer) to display a 3D model of a building with detailed information about the positions and dim levels of the lights inside. For each light sourced from the database, I create a CubeGeometry ob ...

Tips for aligning a select and select box when the position of the select has been modified

Recently, I encountered an interesting issue with the default html select element. When you click on the select, its position changes, but the box below it fails to adjust its position accordingly. https://i.stack.imgur.com/SwL3Q.gif Below is a basic cod ...

Transforming class components to utilize hooks (storing state within an if statement)

I am facing a challenge with some old code that is structured within a class and I need to convert it to hooks. I have successfully converted most of the code, except for one instance where state is declared inside an if statement. The other conversions in ...

Issues with the functionality of the accordion menu

I have implemented an accordion menu on my website. However, I am facing an issue where the 2nd menu always slides up when it gets loaded instead of sliding up after clicking on it. I want the behavior to change so that the sub menus elaborate only upon cl ...