Unexpected token ILLEGAL in webkit
JavascriptJqueryGoogle ChromeSafariJavascript Problem Overview
// if the box is outside the window, move it to the end
function checkEdge() {
var windowsLeftEdge = $('#window').position().left;
$('.box').each( function(i, box) {
// right edge of the sliding box
var boxRightEdge = $(box).position().left + $(box).width();
// position of last box + width + 10px
var newPosition = getNewPosition();
if ( parseFloat(boxRightEdge) < parseFloat(windowsLeftEdge) ) {
$(box).css('left', newPosition);
$(box).remove().appendTo('#window');
first = $('.box:first').attr('class');
}
});
} //Uncaught SyntaxError: Unexpected token ILLEGAL Occurs Here
// arrange the boxes to be aligned in a row
function arrangeBoxes() {
$('.box').each( function(i, item) {
var position = $('#window').position().left + i * ( $(item).width());
$(item).css('left', position+'px')
});
}
// shifts all the boxes to the left, then checks if any left the window
function shiftLeft() {
$('.box').animate({'left' : "-=100px"}, 5000, 'linear', checkEdge());
}
// returns the new location for the box that exited the window
function getNewPosition() {
return $('.box:last').position().left + $('.box:last').outerWidth();
}
$(window).load(function() {
arrangeBoxes();
shiftLeft();
setInterval('shiftLeft()', 5000);
$('#gallery-slideshow').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500, //Slide transition speed
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:false, //1,2,3...
keyboardNav:false, //Use left & right arrows
pauseOnHover:false, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, //Triggers after all slides have been shown
lastSlide: function(){}, //Triggers when last slide is shown
afterLoad: function(){} //Triggers when slider has loaded
});
});
$(document).ready(function(){
$('.class-table tr').click(function(){
window.location=$(this).find("a").attr("href"); return false;
});
$('.special-workshop').click(function(){
window.location=$(this).find("a").attr("href"); return false;
});
});
I am getting an Uncaught SyntaxError: Unexpected token ILLEGAL on the line mentioned above. It occurs only in Google Chrome and Safari. It works in Firefox and the same code works on this JSBin (http://jsbin.com/uceqi/18)
What is going on?
There are numerous references to this problem on Stackoverflow but none of them seem to apply to this situation.
If it helps JSLint also throws and error on that line character 2 "Problem at line 22 character 2: Unexpected ''."
Javascript Solutions
Solution 1 - Javascript
Delete all invisible characters (whitespace) around that area, then give it another try.
I've seen that error in Safari when copy/pasting code. You can pick up some invalid (and unfortunately invisible) characters.
Used to happen to me a lot when copying from jsFiddle.
Solution 2 - Javascript
It doesn't apply to this particular code example, but as Google food, since I got the same error message:
<script>document.write('<script src="…"></script>');</script>
will give this error but
<script>document.write('<script src="…"><'+'/script>');</script>
will not.
Further explanation here: https://stackoverflow.com/questions/236073/why-split-the-script-tag-when-writing-it-with-document-write/236106#236106
Solution 3 - Javascript
I got the same error when the script file I was including container some special characters and when I was running in local moode (directly from local disk). I my case the solution was to explicitly tell the encoding:
<script src="my.js" charset="UTF-8"></script>
Solution 4 - Javascript
Note for anyone running Vagrant: this can be caused by a bug with their shared folders. Specify NFS for your shared folders in your Vagrantfile to avoid this happening.
Simply adding type: "nfs" to the end will do the trick, like so:
config.vm.synced_folder ".", "/vagrant", type: "nfs"
Solution 5 - Javascript
Another possible cause for Googlers: Using additional units in a size like so:
$('#file_upload').uploadify({
'uploader' : '/uploadify/uploadify.swf',
'script' : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder' : '/uploads',
'queueID' : 'custom-queue',
'buttonImg': 'img/select-images.png',
'width': '351px'
});
Setting '351px' there gave me the error. Removing 'px' banished the error.
Solution 6 - Javascript
Also for the Google-fodder: check in your text editor whether the .js file is saved as Unicode and consider setting it to ANSI; also check if the linefeeds are set to DOS and consider switching them to Unix (depending on your server, of course).
Solution 7 - Javascript
When in doubt... use JSLint to get it out!
I just ran into a similar problem whilst copying this from JFiddle;
$('input[name=MeetAll]').change(function (e) {
$('#MeetMost').attr('checked', !$('#MeetAll').attr('checked'));
});
$('input[name=MeetMost]').change(function (e) {
$('#MeetAll').attr('checked', !$('#MeetMost').attr('checked'));
});
Jslint told me i had a random "." Charachter...
Things that make you go "hmmmmmm"
Solution 8 - Javascript
Double backslash also works ! Then you declare there really should be a / instead of some function or something.
<script>document.write('<script src="…"><//script>');</script>
Solution 9 - Javascript
It won't be exactly refering to the given problem, but I wanna share my mistake here, maybe some1 will make simmilar one and will also land with his/her problem here:
Ive got Unexpected token ILLEGAL error because I named a function with a number as 1st char.
It was 3x3check().
Changing it to check3x3() solved my problem.
Solution 10 - Javascript
This error can also be caused by a javascript line like this one:
navi_elements.style.bottom = 20px;
Notice that the value is not a string.
Solution 11 - Javascript
You can use online Minify, it removes these invisible characters efficiently but also changes your code. So be careful.