This question applies to javascript generally as opposed to jQuery specifically. I want to be able to structure my scripts into classes, then create them using the "new" keyword, but here is the important bit: How do I make a js function private (or public for that matter)?
View 4 RepliesI've got a plugin which is structured as follows:
(function($) {
$.fn.MyFunction = function(o) {
// Here we have some parameters
return this.each(function() {
[Code].....
So what I'm looking for is how to reference MyExternalFunction from my html script. I've tried simply using MyExternalFunction(index) but I get function undefined.
I'm trying to do something, but I don't know if it's possible.
Basically, I want to have a public static class method that could
access a private object's method. I would like to be able to do :
Class.method(InstanceOfClass);
The method would then access a private function from Class by doing
something like
function method(param) {
param.privateMethodOfClass();
}
I've done a lot research and experimentations but just can't come up
with a solution... I don't even know if what I'm trying to do is
possible.
My form works just fine when testing on my local machine, but when I upload everything to the public server the form does not validate.
View 1 Replies View RelatedI've just developed a plugin that mimics the combo box control, albeit it's a special one. That's being defined as follows:
function
$
{
$.fn.extend
{
[Code].....
But this isn't possible, since the $myList variable is a jQuery object. So I just defined some functions, say, $.smartList.getSelectedValue and the like... but in this approach, I've to pass the jQuery object to this functions as a mandatory parameter and this really sucks. i.e., I need to get the selected value of $myList this way:
var value = $.smartList.getSelectedValue
$myList
;
I have a real perplexing issue. In two separate "projects" I had code that displayed checkboxes - when clicked, they would fetch information from a db and display it in the div below. I had code that displayed a jquery date-picker - when clicked, it would fetch information from a db and display it in the div below. My issue comes with this:
[Code]...
My web application does user authentication through X.509 digital
certificates in combination with user name and password.
When the user applies for a digital certificate from my certification
authority (CA), I have a VBScript code that generates a public/private
key pair with the RSA algorithm, as well as the certificate signing
request (CSR) in PKCS#10 format. I assume that the key pair should be
maintained by the browser (my application support Internet Explorer
only at this moment). Am I right?
Now, when the user tries to log into his account, I would like to have
my web application receive a digitally signed token from the client.
The token can be the client's username signed with his/her private
key.
Since this signing process will happen on the client side, it can only
be handled by client side script, for example, JavaScript.
But, how do we get access to the private key with JavaScript?
We have a form on our website, which ends up being sent to an e-mail address. The only problem is that some people access this form using public computers. When they press submit , the Internet Mail Wizard pops up and tries to make them setup a new account. Obviously because they are using a public computer we can't have them setting up e-mail accounts on that computer.
View 3 Replies View RelatedWhat do you think about emulating private variables for a class this
way?
function Something() {
var private;
Something.prototype.getPrivate = function() { return private; }
Something.prototype.setPrivate = function(newPrivate) { private =
newPrivate; }
}
var some = new Something("My private");
alert(some.getPrivate());
alert(some.setPrivate("Nyah nyah"));
alert(some.getPrivate());
That way the accessor methods instances are shared among instances of
Something. What do you think?
I'm trying to create an extensible class with private members.
Suppose I have the following:
Code:
Obviously, only "y" should be available to instantiations:
Code:
But how can I now extend this class and still access the private properties inside the extension?
Code:
How do I access x there? The someOtherFunction extension is part of the prototype, so it should be in the same scope as someFunction, no?
I want to be able to set a property on a private object by giving the not notation path to the value. The difficulty is that this object is within closure so I can't access it directly to set the value the normal way (eg. dot.notation.path = 'new value'). This seems weird but I can't think of the obvious way.
Example:
// setter function
function set(path, change){
var privateObject = {
a: 'a',
[Code]....
I am using the module pattern and private/public methods. I'm having a problem where the private method is using setTimeout() to call itself recursively, but I can't get the syntax right. Code:
View 1 Replies View Relatedi have something like this:
Code:
var o = {
f1:function(a) {
[code]....
I want to call a script from one domain in another domain. How can I *guarantee* that the page calling the script is from my domain and not some hacker/malicious user?The context is that I'm writing my own commenting system, like disqus or intensedebate. They use javascript to imbed your comments (stored on their site) in your site.
Here's how intensedebate's "generic" approach works: You imbed this code into your page:
Code:
<script>
var idcomments_acct = 'YOUR ACCOUNT ID';
var idcomments_post_id;
[code].....
The problem is that anyone has access to your accound ID by just looking at the HTML source, so anyone can bomb your account...
so I figured I can track one page of the private website (intranet) through Google Analytics. The way I do this is by creating a page on a public website with just GA code, then putting a 1px x 1px iframe on the private website.
[Code]...
I have some confusion about the scripts below:
1) is getRule a local variable or global variable, as it has no var keyword, yet it is an inner function of Validation? So without var, I think global, but being an inner function, I think local. So I'm not sure which.
2) In this line of code: var rule = $.Validation.getRule(types[type]), getRule returns rules, which is just a local variable in Validation. I always see that you return functions, but how does returning a local variable that's just an object literal and not a function be able to return true or false? Now the value of rules is an object literal, and this object returns true or false. So we are basically allowed to use return keyword with local variables that are object literals and not functions?
3) In this line, is foo(age) being called, or is it just being assigned to bar OR is it being called and THEN assigned to bar: var bar = foo(age);
4) Now for the most confusing: age is obviously an object reference as opposed to a literal in the example. Does that make a difference in regards to closures?
Note that I read a number of books, including JavaScript Programmer Reference and Object Oriented JavaScript and jQuery cookbook, which compare primitives vs reference types and how primitive types store directly in memory whereas reference tpyes reference memory, so if one reference changes, they all change where primitive remains ingrained. But when assigning a function as a reference like this, how does that affect the object "age" when passed into bar?
Code:
(function($) {
/*Validation Singleton*/
var Validation = function() {
var rules = {
email : {
check: function(value) {
if(value)
return testPattern(value,".+@.+..+");
return true;
}, .....
$.Validation = new Validation();
})(jQuery);
Code:
function foo(x) {
var tmp = 3;
return function (y) {
alert(x + y + tmp);
x.memb = x.memb ? x.memb + 1 : 1;
alert(x.memb);
}}
var age = new Number(2);
var bar = foo(age); // bar is now a closure referencing age.
bar(10);
I've spent several days trying to work this out. Maybe I'm just
searching for the wrong keywords/phrases.
I have some code that looks like:
[-- snippet starts --]
Console = new Object();
Console.init = function() {
this.STDIN = document.getElementById('console0_stdin');
this.STDOUT = document.getElementById('console0_stdout');
// set styles on the element references, eg:
this.STDIN.style.width = ï`%'
this.STDOUT.style.width = ï`%'
}
Console.focus = function() {
this.STDIN.focus();
}
Console.writeln = function(buffer) {
this.STDOUT.value += "
" + buffer;
}
[-- snippet ends --]
I'm not sure why, but the Console.focus() and Console.writeln() methods
just don't seem to be able to use the DOM references stored in
Console.STDIN and Console.STDOUT. Everything's fine in the
constructor, but other methods can't seem to use them.
I'm about to start a project where the application is one used on a publicly accessed machine. It could be like, say, a ticket purchasing application in a kiosk machine; or maybe touch-screen app that tells grocery shoppers which aisle has coffee, etc.
So my question is, can javascript (or some other language?) be used to open a window without any controls (toolbars, menubars, titlebars, frame, etc) so that the user can't close the application (or resize, change, etc.)?
I'm new to jQuery, but learning fast, and loving the new functionality!I'm using a Flash upload component that all works fine, and once it's complete (file uploaded) it calls function.I'm running the Flash upload in a modal (nyroModal - very cool!). The link below does what I need it to do - navigate to a new page and re-size the modal:<a href="test2.aspx#blabla" class="nyroModal">Ajax Filtering Content #test</a>What I need to work out is how to make the JS function above work in the same way as this link. I know very little JS, but I think the 'class="nyroModal" needs to be part of the link in the function some how??
View 3 Replies View RelatedObviously I'm not quite understanding .not() because the following code does not perform identically:
if(!$(this).is('.current')) { some code }
and
if($(this).not('.current')) { some code }
So that I can make use of .not(), how would I write the second conditional so that it performs as the first conditional?
Does anyone know how to make the cycle function in jquery unobtrusive?
I've got the following code and when I disable javascript, I get a nasty long list of images :(
Jquery code:
Html code:
I have two javascript files that execute some code. One is a default file loaded on all pages that executes some jquery for some bells and whistles for basic interactivity :
default_jquery.js
Code:
$(document).ready(function() {
function make_fancy(){
//make tables look nice
//make hover look nice
//etc
//etc
}
make_fancy();
});
It works great. However, one of my pages updates a database via ajax and then rewrites and redisplays the updated table on a successful ajax return. For example, if someone adds something to their shopping cart, ajax queries the database, updates an entry, and then rebuilds the shopping cart to reflect the new item or quantity. The problem I was having was that after the rewrite of the table, I was losing the formatting that the above jquery file was implementing. So I just added the same jquery statements above to the success indicator of the ajax.
My ajax looks something like this:
buy_item.js
Code:
$.ajax({
type: "POST",
url: "../buy_item.php",
data: "item="+item+"&quantity="+quantity,
success: function(resp){
//redraw table .....
This works fine, and reapplies the styles after the table has been redrawn. However, I don't like to have the same jquery statements in this file as I do in the standard jquery file above. So I just want to use a function. So on this buy_item.js page, I'm trying to call the make_fancy() function in the default_jquery.js file, but it doesn't work. I'm told that the make_fancy() function is not defined. I've tried including the default_jquery.js file which contains the make_fancy function before the buy_item.js file that calls it, but that doesn't work for some reason.
What I want is this for the buy_item.js page:
Code:
$.ajax({
type: "POST",
url: "../buy_item.php",
data: "item="+item+"&quantity="+quantity,
success: function(resp){
//redraw table
make_fancy();
},
error: function(e){
alert('You suck at this');
}});
}//function
I don't really know how to say this, that's why I'm going to show you some code which will hopefully point out what I mean.This is what I wrote yesterday:
var div = $('<div></div>').attr('id','box').fadeIn(1250);
$('body').append(div);
This worked well, but then I wanted to make a function to be able to change the innerHTML of that div but it didn't work.
function changeContent(content) {
var box = $('#box');
box.html(content);
[code].....
see there is a featured section with 3 images on the homepage ... there's a left image, center image and right image ... when you hover your mouse over the left or right picture, an arrow and a white overlay shows up so you're able to switch the images ... i'd like to take away the hover and instead make that arrow and white overlay permanent. This means that once the website is loaded, the arrow and white overlay is already there without having to hover the mouse pointer over the image ... here are the specific codes that controls the animation ....
jQuery('.next-block a').live('click',function(event){
event.preventDefault();
if (!et_animation_running) rotate_slide('next');
[code]....
On a project I got stuck on this "problem". When you make a json (ajax) call. You also need a callback function. Which means I have to call the next $.getJSON within that callback function to read the next portion of data. In my opinion this is not very readable code...What I want is a nice and readable piece of code. Where you could just write it like this:
var data1 = $.getJSON(..);
var data2 =$.getJSON(..);
I've found a solution here: [URL] (explains my problem perfectly). But it's not compatible with the getJSON story. Is there already a possibility to do this with the jquery library?
I'm having trouble using the stop() function. I'm trying to make a dynamic menu using jquery library. This menu is now working pretty correctly but I can't manage the problem of multiple queued animations. My menu is made in two parts. The first one contains buttons. When they're hovered over, the second level of the menu appears just underneath. But when several buttons of the first menu are hovered over, I can't stop the second level to appear and disappear anarchically. Here is an example of code of the second menu :
<div class ="menu_deroulant">
<!-- ######## Menu Déroulant niveau 1
|| Accueil ####### !-->
<div id ="menu_deroulant_accueil">
<div class
="nom_speedbarre"
>Accueil</div>
<ul>
<li ><a href="***.php" .....