Why are MathJax images not displaying on my webpage?

Greg Bernhardt · May 23, 2011

micromass said:

Edit: it seems PF doesn't have the right packages for it. But there are lots of packages that let you do this. See the link above, page 26 onwards...

remember we are using mathjax :)

micromass · May 23, 2011

Here's another one that works: \iint\!\!\!\!\!\!\!\!\!\!\!\bigcirc \ f(x,y)dxdy

[tex]\iint\!\!\!\!\!\!\!\!\!\!\!\bigcirc \ f(x,y)dxdy[/tex]

flyingpig · May 23, 2011

Let's see

[tex]\iint\!\!\!\!\!\!\!\!\!\!\!\!\!\!\bigcirc \[/tex]

micromass · May 23, 2011

flyingpig said:

Let's see

[tex]\iint\!\!\!\!\!\!\!\!\!\!\!\!\!\!bigcirc \[/tex]

You need \bigcirc, not bigcirc...

I don't know how TeX-savy you are, but \! is a negative space, it moves the cursor to the left. This allows you to type over other symbols or closer to previous symbols. There are better ways to do this, but MathJax will probably not allow this...

vela · May 23, 2011

Greg Bernhardt said:

I tried that last night but it broke IE9. I have now added a conditional. Can anyone report if IE8 is better now?

The META tag inside the conditional comment is broken because you have a line break between http- and equiv, but fixing that, unfortunately, doesn't do any good. [strike]When IE8 is emulating IE7, it doesn't like the inline configuration script for MathJax. That's easy enough to fix by using a configuration file instead.[/strike] The bigger problem is that when the META tag is inside the conditional comment, you don't get the performance gain for some reason. Simply taking the META statement out of the conditional comment results in the page rendering much more quickly.

So maybe you can fix it by using EmulateIE7 as the default and then telling IE9 to switch back to IE9 mode:

Code:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">  
<!--[if IE 9]>
    <meta http-equiv="X-UA-Compatible" content="IE=IE9">
<![endif]-->

I don't have IE9 here, so I can't test it.

EDIT: Didn't notice I had compatibility mode on. I think that was causing IE8 to choke on the inline configuration.

EDIT 2: Hmm, seems IE8 sometimes doesn't like the inline configuration, and other times, it doesn't complain.

Greg Bernhardt · May 23, 2011

vela said:

So maybe you can fix it by using EmulateIE7 as the default and then telling IE9 to switch back to IE9 mode:

ah yes good catch vela! fixing now! IE8 users please report back any changes in performance

flyingpig · May 24, 2011

[tex]\iint\!\!\!\!\!\!\!\!\!\!\!\!\!\bigcirc \ [/tex]

edit: THAT'S IT I GIVE UP

vela · May 24, 2011

Greg,

Apparently, you can have only one X-UA-Compatible meta tag in a page, and it needs to be outside of the conditional comment to get the performance gain in IE8. Unfortunately, when you do this, it causes a JavaScript error in IE9 with the inline configuration you have for MathJax. The solution is to read in the settings from a file. When I did this, both IE8 and IE9 rendered quickly.

To create the settings file, I just grabbed defaults.js from the MathJax distribution and tweaked it with your settings. You also have to update the URL at the bottom of the file, per the MathJax documentation, otherwise you'll get a long delay when the page loads.

So what you want is this:

Code:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  

    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <script type="text/javascript" src="[PLAIN]https://www.physicsforums.com/default.js"></script>[/PLAIN] 
</head>

Greg Bernhardt · May 24, 2011

ok we are now loading the config file locally. please report any performance changes

micromass · May 24, 2011

Check out https://www.physicsforums.com/showthread.php?p=3319479#post3319479 the second post. The exponent in the first line doesn't come out nice...

Greg Bernhardt · May 24, 2011

micromass said:

Check out https://www.physicsforums.com/showthread.php?p=3319479#post3319479 the second post. The exponent in the first line doesn't come out nice...

what are you using to view?

micromass · May 24, 2011

Greg Bernhardt said:

what are you using to view?

Firefox. I've checked IE, and the formula comes out nice there...

Also, loading LaTeX is really slow right now. It takes about a minute before things start loading.

Greg Bernhardt · May 24, 2011

micromass said:

Firefox. I've checked IE, and the formula comes out nice there...

Also, loading LaTeX is really slow right now. It takes about a minute before things start loading.

It takes 60 seconds for the equations to show in FF!?

micromass · May 24, 2011

Yes, it did. But the issue seems resolved now, it goes quite fast now! It was probably something with my connection...

Borek · May 24, 2011

micromass said:

Also, loading LaTeX is really slow right now. It takes about a minute before things start loading.

In a way funny:

attachment.php?attachmentid=35866&stc=1&thumb=0&d=1306258109.png

This must be something with mathjax servers, when they are not fast enough, there are problems

yungman · May 24, 2011

A lot of the old Latex don't work in long equation even though it work here eg

[tex]\left[ \frac 1 c \right ][/tex]

If you look at the latex code, it is perfectly legal. I don't think the new one is better, it is worst. Yes, the older one has some problem, but the new one is very inconvenient.

Borek · May 24, 2011

yungman said:

A lot of the old Latex don't work eg

[tex]\left[ \frac 1 c \right ][/tex]

If you look at the latex code, it is perfectly legal.

And as far as I can tell it works perfectly.

micromass · May 24, 2011

yungman said:

A lot of the old Latex don't work eg

[tex]\left[ \frac 1 c \right ][/tex]

If you look at the latex code, it is perfectly legal.

It works with me (firefox), what browser are you using?

Studiot · May 24, 2011

Update.

I normally run XP with limited user privileges.

I just tried the admin account and bingo the errors don't appear.

However this suggests all those on corporate machines without the ability to access their admin account will struggle?

vela · May 24, 2011

Greg Bernhardt said:

ok we are now loading the config file locally. please report any performance changes

It still renders very slowly in IE8 because of the conditional.

Jimmy Snyder · May 24, 2011

Sorry, I don't know what is supposed to work and what isn't. [itex]\copyright[/itex] doesn't work.

Sybren · May 24, 2011

For me on IE and Chrome, the latex looks pixelated. I would like to have it nice and anti-aliased. Maybe an option to select either these latex fonts for rendering, or to have rendered vector images which can be generated as temporary images?

Greg Bernhardt · May 24, 2011

Borek said:

This must be something with mathjax servers, when they are not fast enough, there are problems

The CDN is on Amazon Web Servers (The Cloud).

I've gotten word from the developers that a small update is coming shortly that should address some IE7 issues.

Borek · May 24, 2011

Greg Bernhardt said:

The CDN is on Amazon Web Servers (The Cloud).

I know. And if I understand the situation correctly I am not sure the idea of loading some (quite large I guess) scripts each time I am visiting PF page sounds a little bit wasteful.

I've gotten word from the developers that a small update is coming shortly that should address some IE7 issues.

Hopefully they will also look at Opera, in most cases when I have problem opening pages at PF in Opera they open in Chrome and FF. This is always related to some problems contacting cdn.

Then, who uses Opera? Borek does...

Greg Bernhardt · May 24, 2011

Borek said:

I know. And if I understand the situation correctly I am not sure the idea of loading some (quite large I guess) scripts each time I am visiting PF page sounds a little bit wasteful.

I might be mistaken but I thought the scripts were on a 24h cache.

Borek said:

Hopefully they will also look at Opera, in most cases when I have problem opening pages at PF in Opera they open in Chrome and FF. This is always related to some problems contacting cdn.

Then, who uses Opera? Borek does...

Do you have any other specific I can relay to them? Anything in Opera logs? btw, 2% of PF visitors use Opera :)

Greg Bernhardt · May 24, 2011

vela said:

It still renders very slowly in IE8 because of the conditional.

oddly the emulation doesn't break IE9 now. the conditionals are off.

berkeman · May 24, 2011

Hey, for the first time in a long time, I can see LaTeX rendered again! Woo-hoo!

Don't know if it's related to whatever you just did, but thanks. I'm running IE7 on Vista on my work PC.

vela · May 24, 2011

Greg Bernhardt said:

oddly the emulation doesn't break IE9 now. the conditionals are off.

That's why I suggested ditching the inline configuration. The combination of inline configuration and IE7 emulation was breaking MathJax on IE9. Now that the pages load the configuration from a file, IE9 works in emulation mode.

Greg Bernhardt · May 24, 2011

vela said:

That's why I suggested ditching the inline configuration. The combination of inline configuration and IE7 emulation was breaking MathJax on IE9. Now that the pages load the configuration from a file, IE9 works in emulation mode.

thanks! you're so smart

vela · May 24, 2011

IE8 works pretty fast now, too. A page that was taking almost 2 minutes to render before now finishes in about 10 seconds!

Borek · May 24, 2011

Greg Bernhardt said:

I might be mistaken but I thought the scripts were on a 24h cache.

Seems like they are loaded every time - or at least I see Opera waiting for mathjax server much often than that.

[qute]Do you have any other specific I can relay to them?[/quote]

Hardly :( Sometimes I get error messages in a popup - two types of these, one is in attachment, other one is

MathJax no longer loads a default configuration file; you must specify such files explicitly. This page seems to use the older default config/MathJax.js file, and so needs to be updated. This is explained further at

http://www.mathjax.org/help/configuration

I guess that's the same problem (with downloading mathjax files) in both cases. From what I understand you were tinkering with configuration details, so could be these messages are related to different configurations.

Anything in Opera logs?

You may get more than you ask for

Code:

[2011-05-24 23:31:18] JavaScript - http://cdn.mathjax.org/mathjax/latest/jax/element/mml/jax.js

Linked script not loaded
[2011-05-24 23:31:18] JavaScript - http://cdn.mathjax.org/mathjax/latest/jax/input/TeX/jax.js

Linked script not loaded
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-webkit-box-shadow is an unknown property
Line 1:
  pace: nowrap; float: none; box-shadow: 5px 5px 15px #AAAAAA; -webkit-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-moz-box-shadow is an unknown property
Line 1:
  5px 5px 15px #AAAAAA; -webkit-box-shadow: 5px 5px 15px #AAAAAA; -moz-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-khtml-box-shadow is an unknown property
Line 1:
   5px 5px 15px #AAAAAA; -moz-box-shadow: 5px 5px 15px #AAAAAA; -khtml-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
Declaration syntax error
Line 1:
  geTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
Declaration syntax error
Line 2:
  ng: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-webkit-border-radius is an unknown property
Line 1:
  : nowrap; float: none; z-index: 201; border-radius: 15px; -webkit-border-radius:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-moz-border-radius is an unknown property
Line 1:
  ndex: 201; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-khtml-border-radius is an unknown property
Line 1:
  px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-webkit-box-shadow is an unknown property
Line 1:
  html-border-radius: 15px; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-moz-box-shadow is an unknown property
Line 1:
  x 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-khtml-box-shadow is an unknown property
Line 1:
  px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
Declaration syntax error
Line 1:
  geTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-webkit-box-shadow is an unknown property
Line 2:
  loat: none; z-index: 201; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-moz-box-shadow is an unknown property
Line 2:
  x 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
-khtml-box-shadow is an unknown property
Line 2:
  px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow:
  --------------------------------------------------------------------------------^
[2011-05-24 23:31:49] CSS - [PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN][PLAIN]https://www.physicsforums.com/search.php?searchid=2702324[/PLAIN] [/URL][/URL][/URL][/URL][/URL][/URL][/URL]
Inlined stylesheet
Declaration syntax error
Line 2:
  geTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
  --------------------------------------------------------------------------------^

Greg Bernhardt · May 25, 2011

MathJax has been added to the mobile skin

micromass · May 25, 2011

Hmm, something annoying: I often make a post, then I edit the post. But after I edited the post, the LaTeX won't run. So I have to click refresh for the LaTeX to show up. It's no biggie, but I just wanted to let this know. (I'm on firefox, by the way)

Fredrik · May 25, 2011

Jimmy Snyder said:

Sorry, I don't know what is supposed to work and what isn't. [itex]\copyright[/itex] doesn't work.

http://www.mathjax.org/docs/1.1/tex.html#supported-latex-commands

Borek · May 25, 2011

micromass said:

Hmm, something annoying: I often make a post, then I edit the post. But after I edited the post, the LaTeX won't run. So I have to click refresh for the LaTeX to show up. It's no biggie, but I just wanted to let this know. (I'm on firefox, by the way)

LOL, that would mean old problems with preview are still here

Why are MathJax images not displaying on my webpage?

Attachments

Attachments

Similar threads

Hot Threads

Recent Insights