I'm confused by firebug's output under the tab 'Net' > All:I post this in the JS section, as I'm sure many js coders use firebug and my question pertains to firebug.I have an image which appears several times on my site - the same image each time, just displayed in different places.For each time the image is displayed, I see a separate call to fetch it from the server, with info on 'Queuing, waiting for response, receiving data' etc, all with the number of milliseconds shown.It looks like it's being downloaded multiple times rather than only once.
Using 1.4.1. A comments app. Clicking certain links fetches a comment form which displays below. The button then becomes a "cancel" link. Clicking that removes the form and sets the button back to its original state. Or so it should. I'm seeing some strange behavior. Some strange, but understandable, some not so much.
Basic code:
After removing the form, my code fetches it again and re-displays it. The problem appears to be that click event isstill "happening" and so live() fires immediately. I tried using stopPropagation(), which keeps the form from re-loading but for some reason also keeps displayFormHandler from being run on subsequent clicks.
I saw a hint in the comments for stopPropagation() and added, in cancelFormHandler:
And:
Again, this keeps the form from re-displaying but, bizarrely, causes displayFormHandler to always return false (the console.log() line runs every time). I can understand why the original problem happens but this doesn't make any sense at all. If the class has been removed, subsequent clicks should proceed normally because hasClass() is being evaluated at the time of the click, not when live() is called.
I tried to write sample code to get understanding of javascript's prototypal inheritance (along with the variety of function calling choices.. )
During the process, I got myself throughly confused.
Can anyone explain following behavior [NOTE: Needs firefox+firebug. otherwise replace all console.* to alert or equivalent]
here is my code:
<html> <head> <script type="text/javascript">
function MyClass(){ if(String(this) == '[object Window]'){ console.debug('Are you sure to use this object in global scope?? Or you just missed using 'new' keyword?'); } this.method = function(){ console.info('in MyClass.method'); } this.param1='param1' }
function caller(){ var execClsDirectly = MyClass(); var execClsConstructor = new MyClass();
// execClsDirectly would be null since MyClass does not have any return statement if (execClsDirectly) execClsDirectly.param2='added global fn call'
execClsConstructor.param2='added to obj instance'
var clsRef = MyClass; clsRef.param2='added to class definition'
In the following code, I'd expect the innerText of my DIV (ID=count) to increment after a delay of 1000 milliseconds during each iteration of the FOR loop. However, it's not being re-written until the loop ends.
The window.alert statement is simply to prove that the value I'm assigning to it is incrementing. Code:
im using the autocomplete function to retrieve data values from a database using jquery/ajax/jsonafter web service call my data.d is shown in this format
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code, $(document).ready(function() { // choose text for the show/hide link - can contain HTML (e.g. an image) var showText='<div class="expanddown"></div>'; var hideText='<div class="expandup"></div>'; // initialise the visibility check var is_visible = false; // append show/hide links to the element directly preceding the element with a class of "toggle" $('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>'); // capture clicks on the toggle links $('a.togglelink').click(function() { // switch visibility is_visible = !is_visible; // change the link depending on whether the element is shown or hidden $(this).html( (!is_visible) ? hideText : showText); // toggle the display - uncomment the next line for a basic "accordion" style //$('.toggle').hide();$('a.toggleLink').html(showText); $(this).parent().next('.toggle').slideToggle('fast'); // return false so any link destination is not followed return false; }); }); HTML, <a class="togglelink" href="#"></a> <div class="toggle"> Content </div>
I'm rookie when it comes to Ajax and jQuery an..The following url produces an xml-file that I want to use on my page:When I use firebug it seems like nothing comes back. What have I done wrong?
This is what my code looks like: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
I have firebug installed in my firefox browser, but I can't get console.log, console.debug or console.trace to work. My console window remains empty despite all my efforts. For example I have some code which throws up an alert box ( alert ('here is an alert') so I know 100% that it is being executed. If I now place the line console.log("please log this to the console");next to it, nothing gets written to the console. I also have firephp installed and this is logging to the console for my php code absolutely fine
how I could use firebug to step through massive amounts of javascript that were written by someone else. I'm trying to figure something out for work which has me stumped.
An old co-worker wrote some scripts based on prototype to show input fields on a form when certain options were selected on the previous input fields. I'm trying to duplicate his old code but for some reason it's just not working. I can see that the reason those input fields aren't showing up is because display:none is being added on to the element by the js on the second step after the breakpoint (break on attribute change in firebug). This happens on the working page as well but the working page has about 10 more steps afterwards that eventually remove that style.
Whenever firebug detects a js error on a page, it prevents you from interacting with the page, so you can't scroll, you can't click, you can't do anything except close the window.
I'm downloading jQuery and specifying it using the src attribute on the scropt tag from http://code.jquery.com/jquery-1.6.2.min.js and i'm getting that error.I've tried downloading jQuery and saving it locally and that works. However if i use the CDN it's giving me that error on firebug.
Is there a trick (with javascript or something) that can change a hidden value on a page directly from the browser without using "Firebug" software? for example: <input type="hidden" name="something" value="something_else"> I need to change "something_else" to "something_else_2"
I am getting an error according to firebug of 'id_con is undefined'.i have made sure all entries are correct and i cannot see how to fix this error. how to correct this error.
I'm coding a simple hover-opacity thing for some images on my site on the navigation bar. Although I'm receiving this message in my Firebug. uncaught exception: Syntax error, unrecognized expression: . Here's the navigation code:
I noticed on the "script" menu for firebug when I click "show static and eval scripts" you can see my entire JS code un-obfuscated by firebug. The default option is just "show static scripts" which shows my code as it is - obfuscated.I was quite frankly horrified to discover this after shelling out on software to protect my work. Does anyone have any idea how I can stop firebug from showing this? Is it because im calling eval a couple times throughout the script?
I was trying to apply 2 javascript effects on one image.on the image. It works like it should until I put in the light box effect.The lightbox also works, it just depends on which order I put them in the code on which one will come through.I am relatively new to javascript and I am learning as I go along. Below I inserted part of my code geared towards these two effects. I know I have everything else in the code correct (the body) because they work individually, just not put together (or maybe I have to put a line of code in the body to enable it to work?). Essentially, I want the image to be dulled out when the visitor opens the page, get brighter when they roll over it, then trigger the lightbox when they click on it.
The easy option would be to use an image swap for the dull/bright mouseOver effect; however, I like the way it is done by tutorialhero.The first three scripts are for the light box and the second two are for the rollover. The style sheets are as follows- lightbox, about page layout, rollover effect. Is it possible to have both these effects on the same image?
I have a number of javascript files. Some my own and some which I got off the net in my application. First, there's jquery and then a bunch of plugins and finally, my own scripts to bind all the correct elements and get the page ready.
For some strange reason, none of the scripts get loaded when I load the page. However, once I open firebug to try to see what's happening, it works fine.
Can you see an ajax call in Firebug when using $.getJSON? If so, does it return the jsonobject correct? Maybe there are some enters or something in front of the json?
