javascript

Add console.profile statements to JavaScript/jQuery code on the fly.

Hi folks, We have a thick client app using jQuery heavily and want to profile the performance of the code using firebug's console.profile API. The problem is, I don't want to change the code to write the profile statements. Take this example: var search=function(){ this.init=function(){ console.log('init'); } this.a...

Create an autocompleter like the Facebook status update

Hello I'm trying to create a div with contenteditable like the Facebook status update. Then I mean I want to show an autocomplete box when the user have written @. How would you do that. Currently I'm just playing with keypress and check if the keycode = 64. Somehow that works, but it doesn't validate if there's a space before the alfa...

Ajax create div dynamically+javascript

Greetings, The question relates to ASP.NET MVC I am creating some divs dynamically using AJAX (some views render dynamically). Inside these views a have some JS code. When user click on link i would like to open dialog box with google map. However, because these views are rendered dynamically it does not work because js code is not inj...

get value from jquery UI slider

i am working on http://gamercity.info/ymusic/ i am using UI slider as seekbar while the video is played i want to call a seekTo(seconds) function whenever we click anywhere on the seekbar ...

HTML/Javascript: Selecting uncles/aunts

So I have some code, <div class="chunk" id=""> <div class="chunkContent"> <div class="textLeft" ></div> <div class="textRight" ></div> <div class="notes border">Notes...</div> </div> <div class="tools fl"> <div class="toggleNotes border">n</div> <div class="addChunk border">+</div> ...

Jquery: how to sleep or delay?

i want move up the object, delay 1000ms , then hide it, i get the code: $("#test").animate({"top":"-=80px"},1500) .animate({"top":"-=0px"},1000) .animate({"opacity":"0"},500); i use ".animate({"top":"-=0px"},1000)" to implement delay, it's not good. i want: $("#test").animate({"top":"-=80px"},1500) .sleep(1000) ...

What is scrollTop and scrollHeight

What is scrollTop and scrollHeight in HTML elements. I added a function function fnCheckScroll(){ var iNewHeight = oDiv.scrollHeight; var iscrolTop = oDiv.scrollTop; alert("The value of the scrollHeight property is: " + iNewHeight + "px"); alert("The value of the scrollTop property is: " + iscrolTop + "px"); ...

How to determine the best "framerate" (setInterval delay) to use in a JavaScript animation loop?

When writing a JavaScript animation, you of course make a loop using setInterval (or repeated setTimeout). But what is the best delay to use in the setInterval/setTimeout call(s)? In the jQuery API page for the .animate() function, the user "fbogner" says: Just if anyone is interested: Animations are "rendered" using a setInterval w...

Javascript: adding methods using prototype descriptor

Code: Sorter.prototype.init_bubblesort = function(){ console.log(this.rect_array); this.end = this.rect_array.length; this.bubblesort(); } Sorter.prototype.init = function(array,sort_type){ this.rect_array = array; this.init_bubblesort(); } The code above works as expected, but when I change the init function to: Sorter.pr...

JQuery UI Dialog Not Obeying Position Option On Open

My code, used to work, but I recently updated jquery-ui to 1.8 and jquery to 1.4 because some things weren't working. Once I did that, those things started working, however, now I notice this one dialog is positioning itself top-center, instead of middle-center. Let me explain the code a bit first. The code queries an AJAX request every...

"Zooming" elements on a page while keeping the centre of enlargement in the centre of the window

I'm trying to work out how to enlarge all elements on a page, but keep the centre of enlargement in the centre of the window. Example Page (up and down arrows to resize the image, you can also drag the image around) On this page, once the image reaches the top or the left side of the window the centre of enlargement changes. It also ch...

How can I add a simple counter function in javascript jquery?

I'm using Shadowbox a jquery overlay and I wanted to count how many people are actually using the overlay. Thus, I would need a function that would write a counter to a file or sending a query through a php api... has to be a a php url api because I cant use php on the server where the overlay is. So I need help with executing a javasc...

display image and run script for fifteen seconds

This is very similar to a question I asked the other day but my page code has become significantly more complicated and I need to revisit it. I've been using the following code: $('#myLink').click(function() { $('#myImg').attr('src', 'newImg.jpg'); setTimeout(function() { $('#myImg').attr('src', 'oldImg.jpg'); }, 15000); }); To re...

What functions a lexer needs to provide?

I am making a lexer, don't tell me to not do because I already did most of it. Currently it makes an array of tokens and that's it. I would like to know, what functions the lexer needs to provide and a brief explanation of what each function needs to do. I'll accept the most complete list. An example function would be: next: Consume ...

How to find hidden properties/methods in Javascript objects?

I would like to automatically determine all of the properties (including the hidden ones) in a given Javascript object, via a generalization of this function: function keys(obj) { var ll = []; for(var pp in obj) { ll.push(pp); } return ll; } This works for user defined objects but fails for many builtins: re...

Valid javascript object property names

I'm trying to work out what is considered valid for the property name of a javascript object. For example var b = {} b['-^colour'] = "blue"; // Works fine in Firefox, Chrome, Safari b['colour'] = "green"; // Ditto alert(b['-^colour']); // Ditto alert(b.colour); // Ditto for(prop in b) alert(prop); // Ditto //a...

Implementing a pager for asp.net's DataList/Repeater

I have a DataList showing the results, and a Repeater that is supposed to be the pager. I decided to use the page number by redirecting with a QueryString parameter, so it will also be bookmarkable ... My problem is mainly in the UI actually. If I put DIV's with their onclick calling a JS function that does window.location = url + pagen...

Automatic printing through IE6

We have a requirement to auto print dockets from a webpage. We are developing a stock control application using ASP.NET, MVC2 using IE6 Scenerio is as follows: Once the user has completed the order, a docket should be automatically printed. At the moment, I am using Javascript command "window.print();" method however the print dial...

How to get default value of Multiline text box through JQuery?

Hi Case is I want to prompt a message (Do you want to save changes?) if multiline text box default value is updated on .aspx page before submitting the page. I am using .text() to compare with .val(). It works fine in firefox. .text() shows the default value in firefox but in IE7 and 8 .text() shows updated value (like .val()). if ($("...

DIV menu ontop of <li> on hover

Hey guys, this is my first time actually posting at stackflow but i've used people's answers before. Really a great site. Anywho onto my problemo. I have some 'li' tags. When I hover the mouse over these 'li's, I need a DIV to appear over the 'li' with some buttons, etc. Basically it's kind of a menu. the 'li's are an unpredictable leng...