CSS and Javascript functioning correctly within internal server, but encountering issues when accessed externally

I am in the process of creating a website for a friend. The goal is to have a flashy animated style website that functions well on IOS and allows him to make changes easily. To achieve this, I am utilizing JQuery, my own javascript, and multiple css files. Everything was running smoothly when testing on my internal development server across all browsers. However, once I uploaded it to my sub domain to showcase the progress to my friend, it stopped working properly on Internet Explorer. Surprisingly, all other browsers are functioning perfectly except IE, but only when accessed online. I have already conducted w3 validations with no issues identified. Java and all necessary components are enabled on IE as well. I am at a loss as to why this issue is occurring. Has anyone else experienced similar difficulties with IE or is it solely an issue on my computer?

Incomplete Demo

javascriptjquerycssinternet-explorer

Answer №1

Seems like there are some JavaScript errors present.

 $('div#top').animate ({bottom: '250px', }, timeDuration);

The extraneous comma is causing issues with IE (even IE9).

It's worth noting that serving the page from a local server could also have caused problems for IE.

(My IE seems to be stuck in compatibility mode... but regardless, those stray commas will surely disrupt certain versions of IE.)

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

How can escape characters be utilized in the JavaScript split function?

Here are two examples that achieve the same result. I'm curious as to why Option 1 was included in a code example I came across instead of Option 2? What is the significance of the forward/backward slashes in '/\&/'? Option 1: ...

javascript

When copying text from React-PDF Display, the values may appear altered or varied

This snippet of text was excerpted from a brief SHA provided at the git summit. Generated using React-pdf, this is a PDF document with some interesting quirks. Although the displayed text reads as 4903677, it changes to •G07THH when copied. The font ...

javascriptreactjsreact-pdf

Tips for aligning a SPAN in a navbar to the center

When attempting to center the middle span, the right span containing buttons shifts downward. I am trying to create a navigation bar with one link on the left, three links in the center, and two buttons on the right. While floating the elements on the left ...

htmlcss

terminate a node-cron task or abort a node-scheduler job

I'm currently working on a nodejs project that involves managing multiple cron jobs. However, I've encountered an issue when attempting to cancel these jobs. Here's the scenario: I have set up several cron jobs using node-cron or node-sch ...

javascriptnode.jscronnode-cron

Receiving and transmitting messages repeatedly in Discord.JS

Currently, I am developing a simple bot. Interestingly, the bot seems to be responding multiple times to a single command. Here is the code snippet: const Discord = require('discord.js'); var bot = new Discord.Client(); const PREFIX = "+"; var ...

javascriptnode.jsdiscorddiscord.js

Is there a competitive edge in defining Css Selector with symbols versus without symbols in Selenium Test Automation?

When it comes to Test Automation, CSS is used to define page elements. There are two ways to define a sample page element: element :fld_page_element, "#uniqueID .some-class-name" OR, element :fld_page_element, "[id='uniqueID'] [class='som ...

javacssrubyselenium-webdriversite-prism

What is the process to ensure a React JS click handler updates the DOM upon execution?

I have almost completed a demo app using React JS, where data is displayed in a table. In the status column, hovering over an item triggers a popup div with 3 options to click on. After clicking on an option, I am able to run the click handler, but I' ...

javascriptreactjsevent-handlingrendering

CKEDITOR returns a NULL value when trying to insert into the database

Apologies for my poor English, I am trying to add data to a database using CKEDITOR and ajax submit, here is the code $('#add').submit(function(e) { var fd = new FormData(this); e.preventDefault(); // CKEDITOR.instances.isiForm.updateElement() ...

phpjqueryajaxcodeigniterckeditor

Do you need to finish the Subject when implementing the takeUntil approach to unsubscribing from Observables?

In order to prevent memory leaks in my Angular application, I make sure to unsubscribe from Observables using the following established pattern: unsubscribe = new Subject(); ngOnInit() { this.myService.getStuff() .pipe(takeUntil(this.unsubscr ...

javascriptangularrxjs

Can the optionsText be shown while saving the optionsValue in a dropdown menu?

Here is the code snippet I am currently working with: var model = function() { this.nameSomething = ko.observable(''); this.nameId = ko.observable(0); }; var vm = (function() { var myList = [{ id: 1, type: 'foo1'}, { id: 2, ...

javascriptknockout.js

Is there a way for me to store the output of an AJAX call?

One of the challenges I'm facing involves an AJAX request: $.ajax({ url: 'script.php?val1=' + value1 + '&val2=' + value2, dataType: "json", success: function (data) { var newValue1 = data[0]; ...

javascriptjqueryajax

Using the $.each loop to iterate through JSON data within the <optgroup>

I am currently working on extracting information from a JSON file and displaying the subsectors within <optgroup label=""> tags in a non-selectable format. The JSON file I am working with looks like this: { "sectors": [ { "title": "Busi ...

javascriptjqueryjsonloopsoptgroup

Obtain the string value of `reader.result` from the `FileReader

Struggling to retrieve a string in a reader.onloadend but it's constantly returning my entire function. Here is the function I'm using: uploadFile() { let vm = this; var file = vm.$refs["testeLogo"].files[0]; var reade ...

javascriptimagefunctionvue.jsbase64

Obtain Page Parameters within a Nested Next.js Layout using App Router

My Next.js App Router has a nested dynamic page structure using catchall routes configured like this: app/stay/ |__[...category] | |__page.js |__[uid] | |__page.js |__layout.js Within the 'layout.js' file, there is a con ...

javascriptreactjsnext.jsnext.js13

Navigate to a specific section of a webpage with automatic scrolling

I'm developing a Chrome App and incorporating the web view tag, which functions similarly to an iframe. Is there a way to load a webpage inside the web view halfway down the page? I have attempted the following: application.js: $(document).ready(f ...

javascriptjqueryhtmlcssgoogle-chrome-app

Guidance on toggling elements visibility using Session Service in AngularJS

After reading this response, I attempted to create two directives that would control the visibility of elements for the user. angular.module('app.directives').directive('deny', ['SessionTool', function (SessionTool) { ret ...

javascriptangularjs

Show items according to the side menu in Onsen-UI

After successfully populating the sidemenu with OpenCart categories and displaying products on the main page, I am facing an issue when it comes to showing specific products under a particular category. For example, clicking on 'PC' in the side ...

jqueryangularjsonsen-ui

Having an issue with my application crashing and showing the message "[nodemon] app crashed - waiting for file changes before starting...". Does anyone know how to

mainapp.js const PORT = 3000 const express = require('express') const axios = require('axios') const cheerio = require('cheerio') const app = express() app.listen(PORT, ()=>console.log('Server running on port ${PORT} ...

javascriptnode.jsapiexpressnodemon

Is it possible to use Ajax to prompt a pop-up window for basic authentication when logging in?

While attempting to access the reed.co.uk REST web API in order to retrieve all related jobs, I am encountering an issue. Despite passing my username and password, a popup window keeps appearing when I call the URL. The alert message displayed reads: i ...

javascriptjqueryajaxapiauthentication

ES6 Conditional Import and Export: Leveraging the Power of Conditional

Looking to implement a nested if else statement for importing and exporting in ES6? In this scenario, we have 2 files - production.js and development.js which contain keys for development and production code respectively. Additionally, there is another fil ...

javascriptnpmecmascript-6import