I had a original function in this format/syntax:
Code:
GlobalFunction(){
InnerFunction(){
// ... long definition here ...
[Code]....
Other words the innerFunction behaves like it is global and has not shared variables with myClosure!
In my UI framework, I have an event handler - just like many frameworks do. My handler is a static object, and contains methods to take care of things like mouse events, etc. However, upon adding a method to handle onfocus today, I ran into a very odd problem in Firefox. I've put together an example page that generates the error:
View 14 Replies View RelatedI'm having trouble letting functions I defined in jquery read javascript global variables I defined elsewhere.. for example I have a function defined within my jquery
$(document).ready(function(){
function performTabSlide() {
// do something with currentPosition;
[code].....
I'm trying to learn more about creating and using JavaScript objects and ran into this situation the other day:
Code:
function someObject() {
var size = "large";
[code]....
I'm using jQuery's getJSON method to get the current date from a foreign server. I however, should this request fail (e.g. if the server is down), I want to have my page fall back to a sensible default.
What I'd like to do is this:
var date = "sensible default"
$.getJSON(url, function(data){ date = new Date(data.datetime); });
if request was successful date will contain new Date(data.datetime);
if request was unsuccessful date still contains "sensible_default"
What I have is this:
var timezone = "Europe/Berlin";
var date = "sensible_default";
$.getJSON("[URL]"+timezone+"&callback=?",
function(data){ date = new Date(data.datetime); });
alert(date);
But this produces an alert of "sensible_default", despite the fact that the getJSON request fired correctly.
I'd like to move the global variables vertexBlaBuffer to the scope of the Geometry prototype [code]...
View 1 Replies View RelatedI have got this piece of code:
Code:
I would like to display the number 1 at first and then 2. but this code produces number 2 for both alerts. I was able to achieve what i wanted with "new" constructor when creating functions but this is not a good practice and after all i am passing these functions as an event handlers and it can't be done with "new" keyword because it is throwing error. I think there are some solutions with arrays e.g the x would be an array of numbers, but i don't like it. Am i missing something important?
I'm using the code below for the "launch page" to open a JS window and know when it has been closed, and than execute some other code that should be run after the pop-up closes.
javascript Code:
This works, and does exactly what I want. Do any of you JS experts see any reason for concern? Anything that makes it suboptimal?
I would like to set a flag using a closure so that the internal value of that closure is preserved for me to retrieve it when different events occur. It is one of those times where lack of block scope will stop me from doing what I want to do unless I can set a boolean and preserve its value in a function.
View 9 Replies View RelatedI am currently strungling with the fact that I want to control the
browser closure. In fact, I have a webbased application in which I use
a wizard. Ones the wizard starts, a lock is set on specific objects in
the db. On all pages of the wizard, the user get the possibility to
exit the wizard by clicking on a custom "Exit" button. That way, I know
that the user has left the wizard and that way I can unlock the locked
objects in the db again.
So far, so good. But users are used to close browser windows by
clicking on the "X" in the titlebar. If they close a window that way,
the locks aren't unset and no other user may start the wizard again. If
I should know that he had clicked on the "X", I could unlock the
objects.
I have searched a lot on the net but all results aren't sufficient for
me.
Some solutions which don't work:
1) onunload event: =Also called when the window is refreshed or
forwarded.
2) "titlebar = no" property while opening the first page of the wizard,
is not working (the titlebar is still enabled). And even then, the
users can close the window by clicking CRL-F4. This key combination
isn't disabled by the "hotkeys = no" property.
Note: if the client's pc crashes or if the user kills the wizard
process via the task manager (exceptional cases), they have to call
maintenance to reset the locks. This is a requirement, defined by
bussiness.
I'm not sure why this: Code: console.log(instance2.getAnotherKey()()); returns Object { a = "a" } when I clearly reassigned the value of the a property. Reassigning the property caused change in this line:
Code:
ref.a = 'abc'; console.log(inst.getZ()); //Object {a="abc"} So why does it work when you call an instance method in the constructor (e.g. this.getZ()) but doesn't work when you call the instance method in prototype?
[Code]...
when a user clicks on a link, a new window opens. what I want to do is that if the user closes that popup but click on that same link again, the window should open..
Code:
<script language="javascript">
var winOpen = "";
[code]....
A web application is essentially one page with a bunch of popups that add and manage the data accumulated in the main or first page. The first page loads the jQuery library along with a bunch or plugins.
The modal popups contain an iFrame whose source is a different page. The source page also contain the jQuery library and pretty well the same plugins in most cases. The pages all use jQuery as a base for most of its client side processing.
At times the modal popups can be 4 or 5 deep. One popup is launched from the previous etc..
These libraries might total some 300k bytes or so.
Is there some way to avoid having to reload all the libraries each time a page is loaded. How can jQuery on the main page be used by all subsequent page.
I'd have to be using the libraries as it they were loaded as part or the page and not having to refer to the parent objects for example.
Could some script be run at the start of each page to load the javascript library form the previous page?
Can the jQuery library or anypluginwritten using jQuery beregardedas a singleJavaScriptobject that can be replicated from the parent page?
Could anyone tell me how to create a user-object using javascript in a HTMl page and access the same object in another HTML page? Assume that i would like to create the user-object myObj in HTML page1, set some value to its property and then i would use location.href to load HTML page2 in the same window. Is there a way to access the user-object myObj in page2 script and read its property value?
View 4 Replies View RelatedYesterday I made a tabbed auto-switching ad block in ActionScript. You can see it here:http://vtribes.com/inc/swf/services.htmlThis morning I decided I needed some fall back content for those odd types who still refuse to either use Flash plugins, or don't have the latest version. So I came up with a simple CSS/JS table with tabs to replicate the Flash movie, and thought I'd share it for anyone who might be interested.You can find it here:http://vtribes.com/inc/tabbedTable.htmlIt's very simple, but would work just fine if you wanted a tabbed dialog in HTML. It will also explain some rudimentary points in CSS, JS and HTML.
View 2 Replies View RelatedI have a web page that is not and will not be hosted on a web server. So no PHP, ASP solutions will work here. The method of access is File://. We only run IE 7/8 so no solutions that are firefox only. Here is what I want to do: Use javascript to build a table by reading a XML file stored in the same folder. When I try to use something like:
[Code]....
I'm using the apycom jquery menu style 1 (dim grey)URL..It's a great looking menu but does anyone know how to 'delay' the dropdown menu closure when your mouse moves off of it?I can change the speed of the menu opening and closing, but not can't find a way to delay.It's too easy for visitors to 'slip' off the menu and if you have two child menu's, it get frustraing if you drill down to the secon child menu and slip off. You have to go back to the top menu and start again.
View 2 Replies View RelatedI'm trying to group some existing top-level functions inside a closure (to avoid polluting the global namespace) but I'm not quite getting it to work. First, all the JS works outside my anonymous function, but once I put it in the anonymous function I get an error of "crossfade is not defined". I'm not quite getting why the the setInterval/crossfade works outside the anonymous function but not inside. Anything inside start() should be able to see vars/functions outside start() and it should all be protected in the closure created by the top-level anonymous function? I'm not trying to access anything *within* crossfade(), I'm just trying to execute it.
Code:
(function($) {
//vars up here that internal functions can access
//also using some jquery inside here, so using $
function crossfade() {
//body here
}
//other functions
function start() {
//body here
cInterval = setInterval('crossfade()', 5000);
}
})(jQuery);
I had placed FB share button in my webpage but its not displaying properly in IE6 and lower versions.
View 4 Replies View Relatedhow to animate 1 individual element in a group of elements that share a specific class.
For example, say I have 6 buttons in a row that share the class="button"
They are all styled the same in CSS with .button { etc....}
And what I want to do is animate them when hovering, but only the one I am hovering over at the moment. For example, I've tried this:
$(".button").hover(function() {
$(this).stop().animate({ marginBottom: "200px"}, 800);
},function() {
$(this).stop().animate({marginBottom: "100px" }, 800);
});
Problem is, obviously, this animates all 6 buttons. I could write individual functions for each element but that seems wasteful. I'm assuming there is a way to do this in a more efficient manner.
I'm trying to change two items that share a common variable with an onclick. This is what I've been attempting.
[Code]...
Can anybody share the code for a word counter for the textarea user input? what if max characters are 256?
View 1 Replies View RelatedI am trying to modify the ExpCollGroup function within Share Point (2003) and don't have access to server or ows.js file where the function lives. I want the ExpCollGroup function to run (I'm using it to expand/collapse documents in a document library), and then when finished, want to be able to run my own function like DoSomething(). The below code works but fires before the ExpCollGroup code executes. What can I do to make the ExpCollGroup function execute, and then perform my DoSomething function?
$('[id^="img_"]').click(function() {
alert(The Expand/Collapse button was pressed but the loading of documents has not yet begun');})
[URL] In this link example, you will see the Facebook/Twitter share buttons on the upper, left-side. When you attempt to share this page to your Facebook friends, by default, it shows a random image on the page, when IT SHOULD be showing the post avatar of the bicycle wheel. How can we modify the script to capture this bicycle wheel avatar by default?
View 3 Replies View Relatedgot a problem with this snippet...
function writeColum () {
var x = document.getElementById("wc").value;
var y = document.getElementById("title").value;
if (event.keyCode == 32) {
[Code]...
I'm trying to write an 'each' function for a JavaScript array that
behaves like Ruby's Array#each. (It doesn't matter if you know Ruby to
help with this question.)
My problem is the scope of 'this' inside the iterator callback. I would
like it to be the same as the object that called the each() on the
array. Right now I have to do that with a closure or an
explicitly-passed 'this' scope. For example:
function Person( inName, inCats ) {
this.name = inName;
this.cats = inCats;
}
// Using a closure
Person.prototype.showInfo = function( ) {
var me = this;
this.cats.each( function( catName ){
alert( me.name + " owns " + catName );
} );
}
Array.prototype.each = function( inCallback ){
for ( var i=0,len=this.length; i<len; ++i ){
inCallback( this[ i ], i );
}
}
phrogz = new Person( 'Gavin', [ 'Fuzzles', 'Kitty' ] );
phrogz.showInfo( );
--Gavin owns Fuzzles
--Gavin owns Kitty
// Using an explicit scope
Person.prototype.showInfo = function( ) {
this.cats.each( this, function( catName ){
alert( this.name + " owns " + catName );
} );
}
Array.prototype.each = function( inScope, inCallback ){
for ( var i=0,len=this.length; i<len; ++i ){
inCallback.call( inScope, this[ i ], i );
}
}
Inside the each() function, arguments.callee.caller would give me a
reference to the showInfo function object. What I am looking for is a
way to access the scope of the 'this' receiver within that particular
invocation of showInfo(), so that I can use it in place of inScope
without having to pass 'this' each call.