javascript

jQuery ajax and running timers

Im building an automatic refreshing comment section for my website using jQuery .load. So I am using a javascript 'setTimeout' timer to check for new comments. But after doing some stuff like changing comment pages or deleting (all using ajax), a few old timers keep running, even though I used clearTimeout before loading new ajax conten...

ext js - el.ownerDocument.createRange() errors in IE 8

HI, I am trying to dynamically add a form to a tab in Ext-js. (the tab has already been rendered). fyi, i am using I am using Ext 2.2. the error occurs when during the tab.add function: ie: function tabactivate(tab) { var newItem= new Ext.FormPanel(.....); **tab.add(newItem)**; //ERRORS HE...

JavaScript: How to find out when images are turned off in browser?

Would like cross-browser solution. ...

JS: How do we work with classes in CSS?

How do we manipulate the class of DOM elements with javascript? Is there a getElementsByClassName function? ...

javascript, calling a class which contains a constructor to setup click events etc?

Hi there, i am trying to organize my javascript. What i would like to do is have a class for each PAGE rather then just entering javascript straight into a js - is this good practice? Let me explain .. thinking a long of the lines of, i would really appreciated any input, good or bad and ideas on my variable naming... of remember that ...

IE7 ignores :not-selector.

Internet Explorer 7 seems to ignore the :not-selector in the second line in following example, it shows and then hides the content - instead of showing the content with the right index and hiding the rest. $('.dashboard-module-content:eq(' + indexFoo + ') .expand-collapse').show('fast'); $('.dashboard-module-content:not(:eq(' + indexFoo...

How to convert unordered list into nicely styled <select> dropdown using jquery?

How do I convert an unordered list in this format: <ul class="selectdropdown"> <li><a href="one.html" target="_blank">one</a></li> <li><a href="two.html" target="_blank">two</a></li> <li><a href="three.html" target="_blank">three</a></li> <li><a href="four.html" target="_blank">four</a></li> <li><a href="five.html" t...

jQuery ajax defined actions

When I'm loading some content through ajax it returns an jQuery .click event and some elements. But when the ajax content is loaded a couple of times and I click the the button that is bound to the .click event, the action is executed a couple of times. For example the ajax content is: <script type="text/javascript"> $('#click').click(...

what is the best way to fix IE6 png trancparency with javascript and Jquery

is there any simple way to fix IE6 PNG transparency with javascript and jquery with out using any plug-in or something too complicated ? ...

Resizing images on mouse over (Javascript/MooTools)

I've built a webpage that's supposed to increase the size of images onmouseover. I'm not replacing the images with bigger ones but rather "stretch" the existing ones because of system limitations. Here's the webpage: http://www.moviez.4pu.com/IMDBQueries.aspx You can see that the movie images get bigger when you're on them. Problem i...

Firing a keyboard event on Chrome

I'm trying to fire a keyboard event to a page using javascript on Chrome. I had an approach that used to work on Firefox: pressKey = function(key, shift) { var evt = document.createEvent('KeyboardEvent'); evt.initKeyEvent("keypress", false, true, null, false, false, shift, false, keyCode(key), key.charCodeAt(0)); ...

Norton 360 is thwarting my javascript -- what should I do?

Hi, One of my clients has Norton 360 installed on his computer, and it's interfering with the javascript in my web pages. Not all JS, just some. Simple things like <a href="page.html" onclick="somefunc(); return false;"> don't work. Also using jQuery to attach on onclick event to an a tag doesn't work either: // doesn't work $(d...

How to go to anchor tag in scrollable div without having the whole browser jump down?

I'm building a simple glossary widget as part of a larger project for a client. The content of the glossary is enclosed within a scrollable div (overflow:auto). Each letter has an anchor tag associated with it (#a, #b, #c, etc). Above the scrollable div is a div which contains every letter of the alphabet. Clicking on one of these letter...

facebook app auth status

i am thinking of a browser extension for facebook. now in the app details -- advanced, should i choose a Web app or a Desktop app. and how do i authenticate? i am going to be making this in javascript. ...

Add .click() to dynamically created tab

Hey I'm attempting to add a .click() to a tab that I add dynamically. Code so far: var newtabid = "#privChatArea" + chatmessage.SenderID; $("#tabs").tabs("add", newtabid, "<span style=\"color: red;\">" + chatmessage.SenderNick + "</span>"); I can't seem to figure out how to reference the Tab-button, as the only element I am actuall...

How to apply Google Closure to my entire web page?

Google has the very nice JavaScript compressor called "Closure" http://closure-compiler.appspot.com/home But it's a pain to use for inline JavaScript within an HTML file. Question: Does an online tool exist where I simply give the input "uncompress.html" and it spits out the compressed version of that HTML with all inline JavaScript c...

continous mouseover

Hi there, I am looking for a way to repeat a mouseover action until the user moves away from the target. A mouseover invokes a function once, I am looking for a way to keep doing the function. Cheers, Gazler. ...

best practice for loading necessary JSON data: jquery's $(document).ready() hook? in the <HEAD> of page?

Hi everyone, I have been reading Yahoo's Best Practices For Speeding Up Your Website, but still have a question that I could really use your help with: The very first page of my web app needs to display a bunch of data that is dependent on the city the user is in. On the first visit, the user is prompted to pick her city and I store ...

"read more" link in mootools

Hi! I need a plugin for mootools like this. It's just a simple button which, when clicked, opens up a hidden portion of a div with an animation. When the page is loaded it closes to a point (truncating to some x characters) in the same div. If you take a look at the link, you'll understand... But I need it for mootools, not jQuery. :(...

cannot authenticate with facebook

i am starting to build a facebook extension app. i got the api auth part working. now as i request anything using the javascript api, i am unable to. for example: <div id="profile_pics"></div> <script type="text/javascript"> var widget_div = document.getElementById("profile_pics"); FB.ensureInit(function () { FB.Facebook.get_sessionS...