JQuery :: Debug Scripts That Are Loaded With GlobalEval()?
Aug 19, 2010
I have a piece of code that I dynamically load using globalEval(). But I am not able to debug this piece of code, specifically in IE, even when I place a "debugger;" statement.
Until now I have used the javascript function eval(), wrapped it in a try / catch block and showen him the error message if the javascript code was flawed.But this comes with the problem that if there is no error the script will be executed.So what I´d like to is use the jquery function globalEval(), wrap it in a try / catch block and display the error message if the script does not run sucessfully as I have done before,BUT:if the script would execute without an error I´d like to use some kind of preventDefault so that the script would not be executed at all and instead I could show the user a message that the script passed validation.I know that the way I propose is not possible as the script has to be executed somehow so that possible errors are generated...does anyone have an idea how to do what i propose ?
I keep getting a syntax error on line 3 and 4 of this very simple script. Normally firebug would give me enough info to fix this but jQuery escapes me. I can see no reason for the errors. <script type="text/javascript"> $(".shipping-switch[name='shipping_switch']").click(function(){ var selector = "div#sub-address"; if($(this).val() === "1"){ $(selector).slideDown("fast"); } else { $(selector).slideUp("fast"); }}); </script>
I know this has to be easy, but I can't seem to figure it out. I'm debuggin' someone elses code...
x="hello"; +x+"world"
....and I don't get it! What does the "+x+"world" do? If I alert(x) the only thing that comes out is "hello". I also wondered why it doesn't error without the ";" at the end of the line.
When you write html or css then the validation proces is a good way of finding errors. I get some syntax error / code: 0 errors in IE, how can I figure out what the problem is. The thing is - it works - but it does not look good when IE says the page is done with errors...
Is there any way to debug javascript in a web application? When I develop JSP pages, and it has the javascript code in it. The problem is the debugger in Java IDE (WSAD in my case) can only debug Java code but not Javascript code.
I have to debug the error for eleave system for a company. when i do the testing i define that having an extra day for the service length at the system. i don't want you to settle the problem for me, just tell me where can i find the source to know where is the problem? at least i know where the souce it, so i can repair it.
I have a couple of problems with my site related to javascript
These areas of the site use jquery and they work fine in Firefox and Chrome but not in IE
First problem is related to tablesorter and pager (jquery plugins) that give a properly paginated list of members in Firefox but gives all the returned members in one big list using IE (and usually a complaint that 'this script is taking too long' as well)
The other problem is related to the member search age, it has these expandable areas where the user can select further search criteria - they use jquery 'slider' to reveal the collapsed areas, again this works fine in Firefox or Chrome but looks messy in IE
To compound the problem the only javascript debugger I have is a plugin for Firefox called Venkman which I find pretty useful to find problems with AJAX etc, but seeing as the jquery/javascript stuff works OK in Firefox it's difficult to fix what isn't wrong there!
So really, how do I go about even beginning to understand these problems so I can fix them?
what i want this to do is take the x_cityid and add it to teh hidden field with the id of citiesid (I will do an ajax call before this but my simple javascript is not working)what am i doing wrong?
function addtocitylist() { var x_cityid = document.getElementById('x_cityid'); var x_areaid = document.getElementById('x_areaid');
I am trying to make a canvas element display an image with some text on using canvas.drawImage and canvas.fillText. Only problem is my code is generating a very odd and hard to debug error.
I'm trying to use cluetip jquery plugin inside a message_container div which will be updated once in a while through ajax. The plugin works just fine in any other div, but it seems that in message_container div the already loaded external javascripts are not present ie the plugin doesn't work. Do you have any ideas what would be a proper solution for this issue?
i'm trying jquery, and i want do do something .. that seems i cant understand how to do.thats my problem :i've got a page with some link and a div, every link calls this function :
function ajax_page(ele,url){ $(ele).load(url); setTimeout('justify()', 300);
I'm creating a script to get the next photo without reloading a webpage. To make it more smoothly, I fadeOut() the old image, and fadeIn() the new image.
However, when the new image is not yet fully loaded, the fadeIn() method doesn't really make sence. So I wonder if there is a way to first show an ajax loader, and after the new image is fully loaded, fadeIn the new image.
This is how far I got so far :-)
I first have to remove the first img tag, and inject a new one in the DOM, otherwise the old image flashes for a second, before the new one appears ;-)
I created a slideshow using the cycle-lite pluginLINK. LINK TO SLIDESHOW The slideshow is nearly great. The first time you load the images it is a bit bizarre. The images loads and fades at the same time.
Is there a way i can hide the images until all has loaded then trigger the slideshow.
I have figured out how to load a fragment into a container but "unloading" is not as clear. Suggest how to do this properly? I tried load() with no arguments and unoad() but nothing works quite right...
I embedded a s3slider jquery plugin which has a sequence of more than 80 pictures.That causes a problem when loading the page,since when the slider starts the page completion get stuck.To overcome this I thought I could make it run after $(window).load and somehow it starts running after the page content is fully loaded but ... it has to wait for the whole set of 80 pictures which is not very practical. first it has to fully load the page content and graphics,except for the imgs under the slider, once that's done, instead of waiting for all the 80 pictures, it has to start running after the first 3 pictures of the banner are loaded...but this doesn't work...
I have a couple of links on my page (inside a <div id="theme-selector">) which allow you to change the CSS stylesheets:
$('#theme-selector a').click(function(){ var csslink = $(this).attr('href'); $('head link').remove();[code]...
Now, after I've changed the style on the page, I want to get the new background color, using the following code (which I put after the
$('head').append call): var bgcolor = $('body').css('background-color'); alert(bgcolor);
The problem is, I think, that it takes some time for the browser to download the new stylesheet and I sometimes get the old background color in my alert message. Is there some event I can bind that will only alert me after all the stylesheets are loaded on the page? At the moment, all I can think of is using a setTimeout(function(), 5000); which isn't great, because what if it takes longer/shorter to load all the CSS on the page.