Is there a way to rotate an image in IE8 using Prototype?

Stuck with Prototype. Here's a jsfiddle, but you'll have to use the DRAFT feature () to see it in IE8. http://jsfiddle.net/trevordixon/7rxaE/

<image id="spinner" src="http://cdn3.iconfinder.com/data/icons/transfers/100/239327-loading_spinner-32.png">
<script>
    var angle = 0;
    setInterval(function() {
        angle += 0.1;

        $('spinner').setStyle({
            '-ms-filter': '"progid:DXImageTransform.Microsoft.Matrix(' +
                            'SizingMethod = \'auto expand\', ' +
                            'M11 = ' + Math.cos(angle) + ', ' +
                            'M12 = ' + -Math.sin(angle) + ', ' +
                            'M21 = ' + Math.sin(angle) + ', ' +
                            'M22 = ' + Math.cos(angle) + ')"'
        });
    }, 16);
</script>

I'm open to better ideas for the spinner; animated gif won't work for me for a number of reasons.

Answer №1

Remove the -ms- and ". Internet Explorer 8 utilizes:

filter: property

format instead of the newer.

-ms-filter: "property"

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

Easily move a div by dragging and dropping it from one location to another

Looking to seamlessly transfer a div from one container to another. I've got the CSS and HTML code ready for you to assist me, here is the snippet: <!DOCTYPE html> <html> <head> <style type="text/css"> #my ...

Pop-up - maintain the initial value

I'm working on a modal using Bootstrap and React. Inside the modal, there's a dropdown with an initial empty option: <select class="form-control" onChange={this.handleSelectCat}> <option disabled selected></option> < ...

Exploring the optimal method for file and memory requirements in a Node.js server powered by Express

It's always a good practice to declare your variables at the top for convenience and readability: But I'm curious about how JavaScript handles requiring files. Is everything loaded at declaration or is it loaded at execution time? Is there a sig ...

A table featuring an HTML select element that allows users to choose from preset options or manually enter

My goal is to incorporate a select box where users can either choose from a set list of options or input their own custom value. The select element is nested within a table. Unfortunately, using datalist is not a viable solution for me in this case. I have ...

Issue with NPM package installation due to hostname/IP address not matching certificate's altnames

Need help with npm package installation issue I encountered a problem with NPM while trying to install a package. The error message reads: "NPM is not installing the package. The hostname/IP address doesn't match the certificate's altnames:" H ...

Using Rails to get a sneak peek at the text field

I need help creating a live preview feature for my text area input: This is what I have attempted so far: Here is my controller code: def preview post = Post.new(params[:post]) render :text => post.body_html end def new @post = Post.new res ...

Tips for keeping a reading item in place while scrolling

To enhance the user experience, I would like to improve readability without affecting the scroll position. Question: Is there a way to fix the scrolling item at a specific position (item with the .active class)? I am looking to maintain a consistent read ...

Guide on implementing hapi js with Firebase Cloud Function

Looking into a sample from GitHub, I am trying to integrate express and handlebars on Firebase. With the express method, we can pass the "app" instance directly to "functions.https.onRequest" like this: const app = express(); ... app.get('/', ( ...

Tips for updating routerlink in navigation bar in Angular 4

I'm encountering an issue with routing to the wrong routelink. How can I prevent this from happening? My apologies for my lack of experience. The error message displayed in the Chrome console is: ERROR Error: Uncaught (in promise): Error: Cannot mat ...

Organizing your web application directories with AngularJS and Node.js

As I dive into the world of learning node.js and angularjs, I find myself struggling with how to best organize and structure my folders and their contents. Despite coming across some existing questions on this topic, none have provided a solution that trul ...

What is the reason for the hotel's Object _id not being saved in MongoDB?

Can you assist with troubleshooting this issue? This is the HotelRoom Module: const mongoose = require('mongoose'); const Schema = mongoose.Schema; const HotelRoomSchema = new Schema({ name : { type : String, require : true ...

What is the correct way to invoke a function stored within a key?

My journey with Javascript began earlier this year, so my knowledge is quite limited at the moment. a.click(function(){a.setup()}),{key:"setup", value:function(){ /code/ }} I am trying to figure out how to call the function "setup," but I'm unsure o ...

Is it possible to retrieve ALL current arrays in existence? If so, how can it be

I am working on a script and I need to fetch all existing arrays with their indexes as they are all used by the same function. Is it feasible to achieve this? The script I am working with is in shell script, but I am also curious to know if this can be do ...

The functionality of the checkbox button is not functioning properly

I have implemented a set of checkboxes styled as Bootstrap buttons in order to give them a different look from the standard checkboxes. Below is the code snippet: <div class="btn-group" data-toggle="buttons"> <label class="btn btn-pr ...

Access the input field value with PHP and store it in a variable

I previously looked into this issue, but the solution provided in the accepted answer did not resolve it for me: How to get input field value using PHP Below is an excerpt from my result.php file: ... <th> <form name="form" action= ...

Customizing Date Format for Multiple Datepickers on a Single Page using Angular Material (md-datepicker)

I am currently working with angular material and using md-datepicker. My goal is to be able to set different date formats depending on the user's selection. For example, if the user chooses 'daily', I want the datepicker to display 'MM/ ...

Storing the current date() in JSON format using AngularJS

I am currently working on saving various data, including the current date, in a JSON file stored in LocalStorage. While I have been successful in saving the data, the date is saved in the ISO 8601 format: [{"date":"2014-10-13T17:55:32.953Z"}] This format ...

PHP + MySQL + JavaScript for an Interactive Web Communication Platform

My goal is to develop a Web Chat system using PHP, MySQL, and JavaScript. Currently, I store messages in a MySQL database with an incremental ID (indexed), timestamp, sender, and message. To retrieve new messages, I use AJAX to query the database every 50 ...

Python/Selenium Issue: JS/AJAX Content Fails to Load when URL is Accessed

Currently, I am attempting to gather data from the following URL: The data that I am looking to extract is loaded dynamically, such as the Center Bore information. When accessing the link through a standard web browser, the content loads without any issue ...

Invoking a function without specifying its parent function when nested within another function

I need to execute an anonymous function within another function without actually calling the parent function, as it will lead to errors. Here is the parent function: function onloadCallback() { grecaptcha.render("recaptchaHolder", { "size": "invisi ...