I am fairly new to JavaScript, have been using VBscript before and JavaScript comes off a bit illogic...
Anyways, here's what I am trying to do:
function TestFileType(formname) {
fileName=document.[formname].img1.value;
apparently I can't reference a form object like this. What is the correct way of going about it?
I have an error when I try to make:
CustomObj =
{
is_all : Compatible(),
Types :
{
PASS : CustomObj.as_all ? "ok" : "onok",
...
...
...
but in an object literal notation I cannot use a parent object
variable? or
can I do to create a global variable inside my parent class
(CustomObj) and
than to use in my children objects like Types?
How do I store an object reference inside a variable when I want the object reference to to reference the first "ul" html element nested inside the current object (as referenced by this keyword)?
var slideList = ???
I am trying to create a sliding menu.
Is it possible to get a reference to a form's document object exclusively from a reference to the same form? I mean, for example, if I have:
var f1 = document.forms["form1"];
var f2 = parent.document.forms["form2"];
var f3 = top.document.forms["form3"];
Is it possible to get the document object of each form only from these vars? Is there something like, i.e., a "form.document" property?
I know just enough javascript to be dangerous, I created a 5 star rater for pages, which is set up something like this:
Code:
var starRater=function(id){
// get latest rating info from server, write into "id" div, etc
}
//later in code...
var rating=new starRater("rating");
Over the course of development I added a comment section, page visit count and so forth, and ended up with redundant code and a lot of calls to the server. I thought instead I would make one initial call and then initialize the elements with the information returned.
To be able to call the initialize function on these elements, I need some reference to them. I could call them directly, as in the example above I could call rating.init(), but I'd have to know what variable name was given to it. Instead I was thinking I'd pass some sort of reference to the object, but that doesn't seem to be working.
[Code]...
In the code above I get undefined for raterElem.testVar. Obviously I'm missing something. What am I doing wrong?
I have a Class name Merkzettel.
[Code]...
and addClickEvent sets the onclick attribute of above mentioned DIV. and in addClickEvent I am explicitely mentioning the name of class object. This means every time I create a Variable with another name I have to Change this function also.
Below is the code that is using the name FFF in various places. The effect of all this is that the onclick function is not executed. I would expect a pop up alert when clicking the submit button. This only happens if I rename either the form id or the js variable. Can anyone explain what is going on here ?
[Code]...
i have this code:if (! $_POST["Name"] || ! $_POST["LName"] || ! $_POST["email"] || ! $_POST["phone"])
{
$Alert_Message = "Invalid Form";
}i got a js script from another forum here on this site that looks like this, and does work well:print <<<JSOUT
<script type="text/javascript">
confirm("Form is INVALID");
[Code]...
exit;i have 4 different messages that i want to choose from to be displayed in the js script, and I want to store the message that i want to use in a PHP variable along the way. the variable is: $Alert_Message . i am trying to do this with my confirm() function in js:confirm($Alert_Message);the code is not registering, so something is obviously wrong. can i reference PHP this way in a js script? if not, how would i go about doing this another way? can i change a js variable along the way in my PHP code instead, and then reference THAT variable when i get to my js script?
My question is commented in the script:
function Love(){
var req = {
ring : 'gold',
[Code]...
console.log(details.ring); // why does this return gold and not silver if req is passed by reference and we already changed its value above and so it's pointing to the same memory position?
This works in firefox:
document.eval(formname).elements.length
it does not work in any other browser
I call the same elements tag in lots of places, I'd have to wrap a large chunk of code in eval to make it work in other browsers. Is there any other way to call a dynamic object name?
$(function(){
$('.table_pay').dblclick(function(){
if($('div', this).is('.value')){
[code]...
What to do on the 13th line that the reference object which is on the 2nd line (the class named"table_pay") will be its reference call..
The goal is for selectedDay to be assigned the value of the system variable Mainpackage.subclass0.subclass1.firstDay and then incremented by two days. Mainpackage.subclass0.subclass1.firstDay needs to be unchanged.
Important system variable in red. To be 'manipulated and used' variable in green. Even with an intermediary, third, dummy variable it doesn't work:
Console log is:
It doesn't work in my webapp : All variables change at the same time.
If I have several links with onClick events pointing to the same function, how can I get a reference back to the link that was clicked? I'd like to change the link text after the onClick fires so the user knows something is happening, without having to create and assign id's to every link.
View 5 Replies View RelatedI have searched the web and this forum for the answer to this but am unable to find a reasonable choice. So, this is the problem I am facing.
Code:
var str = "document.frames[0].document.frames[0]";
var str 1 = "document.frames[6]";
//Loop Starts
{
var obj1 = str + str1;
[Code]...
I know the easiest way to do this is to use eval() and it most definitely does work. The problem is that I have to use eval() inside a loop to check whether the reference is null and from what I hear, that is one of the most inefficient ways to code. I have searched for alternatives like using, var myFunc = new Function(string) and then calling myFunc(). But this does not work in my case. I cannot find any other alternative in this case. I guess one can say eval() is the only choice here but I am not too sure.
I have a function that changes the innerHTML of a DIV element. I want to pass to that function as a parameter a reference to the DIV to be changed. In the example below it works the first time (executed with the body onLoad event). As the subsequent function declaraton is rewritten by the function itself, it can no longer reference the targeted DIV. I tried to pass a string teference and use eval(), but this time it fails the third time it is executed.
Code:
<html>
<head>
<title>Passing Parameters to a Function (with object prameter)</title>
<script type="text/javascript">
[Code].....
I declare multiple variables halfway down the page. The number between "mech" and "Num" is generated dynamically in the XSL. Later on I need to reference that variable in a function, but I need to build the variable name in script. How do I convert it from a string reference to a ref to the global variable?
function changePreference(pos,mt){
//mt does not reference mech2Num, I need it to.
}
changePreference(2,'my' + pos + 'Num');
var mech1Num=1|2|3|4|5|6;
var mech2Num=1|2|3|4|5|6;
var mech3Num=1|2|3|4|5|6;
How can I modify any one of these global variable identified via a function
argument?
var x1 = "bla";
var x2 = "bla";
var x3 = "bla";
function modify(variable) {
???? [variable]???? = "blabla":
}
The following onclick should change the string value of variable 'x1' from
"bla" to "blabla", via the above modify() function.
<a ... onclick="modify('x1')">
I am wondering what the normal practice of creating an index variable is in javascript. I am wondering because I have just entered learning javascript through jquery. There is some pre-written code I am using to learn by and I am unsure of how their index variable is working in the code.
Here is the code:
Code:
jQuery(this).find("li").each(function(n) { // <-- I see that 'n' is the index
[code]....
For a site, I am making a listing object. What it does, is it fetches rows of data from a serve using JSON. The object has a method called loadlist.to print out the data it now does something like this:
str="";
$.each(jsondata,function(){
str+="<tr>";
[code]....
I have just started using the data functions in jQuery for keeping track of a few items on the client. The user can click on links, which call a function that updates the display and stored data value.I am storing data as a set of columns, named c1, c2, c3 etc.
I update the relevant column like this
function UpdateCol(column)
{
[code]....
I've been playing around with JS for a while, but I've not ever found fantastic learning resources. I'm comfortable with other programming languages, so I'm very interested in OOP programming for JS, and I've started to use tools like the Prototype library for that purpose.
However, one problem has consistently caused me problems whenever I'm writing a JS Class. How can I get a reference to the specific class instance from inside an event handler that I create with a class method. Let me give an example of what I want to do:
(This code is using the Prototype library...)
myClass = Class.create();
myClass.prototype = {
makeLink: function(obj) {
// Out here, "this" refers to the instance of the myClass Class
obj.innerHTML = ''
obj.onclick = function() {
// In here, "this" refers to the clicked on element.
// How do I get a reference to the instance of myClass in here?
}
}
Here's the best way that I know how to do this right now. It seems to work in Firefox alright, but doesn't seem to work in IE:
myClass = Class.create();
myClass.prototype = {
makeLink: function(obj) {
obj.innerHTML = ''
self = this; // Save a reference to class instance as "self"
obj.onclick = function() {
// Self is evaluated to instance reference at time of assignment to onclick
self.linkClicked();
}
linkClicked: function() {
// Do something useful here
}
}
Is there a more elegant way to do this? I could just create all of my event handlers for objects outside of the class in procedural code where I already have a reference to the class object, but I like to wrap these things up inside the class, because sometimes they get significantly more complicated than this very simple one. Anybody have any solutions? This has to be a common design pattern...
I simply need to reference an object inside an iframe:
I need it to work on all browsers as I understand this is difficult for this type of command.
Why does the below code not work in ANY browser let alone all of them.
I have tested in IE8 and FF3 (not IE7).
file1.html
---------
<iframe name="iframe1" id="iframe1" src="file2.html"></iframe>
<script>
parent.iframe1.form1.obj1.disabled=false;
[Code].....
I would like to know how to pass in a reference of this to anonymous function so I can access parameters from anonymous. Here is my code:
[Code]...
I am confused about what the return keyword is actually returning when returning an object, a primitive, or a function. My confusion is compounded by the fact that I'm not sure if a function is an object or not. According to the book JavaScript Programmer Reference it is: "All functions in JavaScript are first class objects , meaning they can be passed around like any other object reference. In fact, regardless of how they are created, functions are instances of a global object named (aptly) Function."
However, someone else states that a function is not an object. An object is a set of primitives and references. A function is executable code. Functions become objects through the use of the new operator. Yet, in the book I mentioned, it says you don't need the new keyword to execute the function as an object, as it already inherits from the object Function when the function keyword is used:
function functionName([argname1 [, ...[, argnameN]]])
{
statements;
}
So there's one source of contradiction. Now the bigger issue is what is going on when the return keyword is used. Notice the Validation() function returns an object as its last expression. This technique is common, where you return an object which contains functions in form of object notation. I believe this is done so that we create a closure so that when the intepreter exits the Validation() method, since we created a closure by returning an object, which contains the inner functions addRule and getRule, the local variables of Validation() are not destroyed, given that we can reference them through the two inner functions that make use of the local variables of the outer function. So when we use the return keyword on an object literal, and then exit the function, when we call one of the inner functions as we do later:
[Code]....
I'm new to jQuery and Javascript overall, I have searched the internet to make use of jQuery instead of the HTML's iframe tag. My problem is links inside a .load file, I want them to refresh the box on the index.php file, not the file itself (in this case the links are in blog.php)
Here's everything I can provide with:
Files:
"index.php"
"blog.php"
In my index.php file I have this script to make my index.php links open the required file in my div box.
"index.php"
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#html").load("blog.php"); // shows the blog.php when I first enter index.php, which I want to have
$(".link_click").click(function(){
$("#html").load($(this).attr("id"));
});
});
</script>
Here's "index.php" link:
<a class="link_click" id="blog.php">Blog</a>
Here's my div box in "index.php" where I show the information within the loaded file:
<div id="html"></div>
All this works, but here's my problem, I have multiple links within "blog.php" which I want to make "index.php" to refresh the "index.php"'s html div. Is there some kind of way to edit the "blog.php"'s script to make it "index.php" the parent or reference?
"blog.php"
<script type="text/javascript">
$(document).ready(function(){
$(".link_click").click(function(){
$("#html").load($(this).attr("id"));
// Need to change this(?) to make it reference the index.php's html div box
});
});
</script>
I needed access to the form that's being submitted in the options.success() function (in order to hide the form after successful submission). I ended up modifying line 222 in jquery.form.js. I added $form as the third argument for all callbacks, like so:
options.success = function(data, status) {
for (var i=0, max=callbacks.length; i < max; i++)
callbacks[i](data, status, $form); // added $form as third argument.
};
Is there a better way of accessing the form from the callbacks or would the plugin developer(s) consider adding this or another similar modification to the code?