Initialize A Variable At The Point Of Declaration Or Not
Feb 8, 2009I understand that there is no need to initialize a variable at the point of declaration. OTH, what is the default type of a [declared] variable? For example:
[Code]...
I understand that there is no need to initialize a variable at the point of declaration. OTH, what is the default type of a [declared] variable? For example:
[Code]...
i did not undestand weather 'var' Keyword should be used or not when declaring variables. i already familier with php and there i will not use a 'var' for variable declaration. i like to program JS using similler PHP sysntax. so i code JS with out 'var' for varialb declarations and it works.
but can you please tell is it ok to declare variables with out the key word 'var'? if this is not good, then do all global and local variable declarations requir 'var'?
I have been having trouble with forms and functions. On my wife's site I have some forms and some of them have radio buttons. My current radio button checker is cumbersome and it is time for something more elegant (some of you will say if it isn't broke don't fix it )
The new code is below:
Code:
Basically I want to pass into the function radio button values 1 & 2 denoted by firstChoice and secondChoice (eventually I want to also pass in the form name but 1 step at a time).
The buttons can have the value (names?) of pattern, chalkboard or kit. It is for a shopping cart (Mal's E-commerce) and this is part of the JS validation. I am using onsubmit to call the function viz.
HTML Code:
Seems ok (to me at least) but when I try to get it to work it throws up an error of
Code:
It stops at that point but undoubtably chalkboard would throw up the same error if it continued.
How would I define the variables in my function? Are they strings, integers, who cares?
Where would I define them? Global or local?
Is the problem a matter of syntax e.g. if I put ' ' or " " around them would that suffice?
I want to add this html code as a var or a const, so then later I could do document.write(x);
Like:
But this do not work.
If you specify arguments when writing a function should you still declare the argument variable inside the function?
example:
Code:
or
Code:
Well, it turns out IE8 has yet another problem. My code has a global variable (to the object) inside an object declaration that cannot be accessed by a function (that is also global).
The code is like so:
Code:
function myobject(params){
//public
this.initialize = function(){...}
//private
some variables...
//problem variable
var mouse = new Object()
mouse.x = 0;
mouse.y = 0;
//code...
slidecontainer = document.createElement("div");
slidecontainer.onmousemove = function(event) {
if(boo.isIE) {
e = window.event;
mouse.x = e.x + document.body.scrollLeft;
mouse.y = e.y + document.body.scrollTop;
} else {
e = event;
mouse.x = e.clientX + document.body.scrollLeft;
mouse.y = e.clientY + document.body.scrollTop;}}
//this function is in an interval
function moveslides() {
/* this is where I have the problem
It seems that the function doesn't recognize that mouse.x, or mouse for that matter, exists. Mouse is global to the object, so why can't this function access it?
*/if(mouse.x) {
code...
}}}
The page is at [URL] and works on every browser, including finnicky opera, except for ie. The full code is availabe when you right click and view the source on the page.
consider the next code:
var obj = {};
with(obj) {
var x = 10;
}
print(x);
print(obj.x);
It prints 10 and undefined. Here, one could expect that obj.x get the
value 10. But it's not the case, because variable declarations are
placed at the start of function code (or global code), so the
previous code is equivalent with:
var obj;
var x;
obj = {};
with(obj) {
x = 10;
}
print(x);
print(obj.x);
You can clearly see now that x is placed in the outer context. But
consider the next:
var obj = {};
with(obj) {
eval("var x = 10;");
}
print(x);
print(obj.x);
I was expecting that obj.x would get the value 10 here. But no, it
gives the same output as the previous code. I tested it with
spidermonkey, kjs and ie jscript. Looking at the ECMA spec, I could
not find anything that describes that behaviour. Code:
I'm interested in putting on a simple, fade, slideshow. I followed the directions according to this link: [URL].
Here's my code in the <head> </head>
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="[URL]"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="[URL]"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
I uploaded the.JS files.
And here's the HTML:
<div class="slideshow">
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
</div>
They are just stacked up, nothing's happening. Check it out: [URL].
As you no doubt know, a link that is generated on the fly (ie by a JS function) and is supposed to invoke a ColorBox (due to a predefined selector) doesn't work as the link didn't exist when the ColorBox was initialised e.g., you have this in the head:
$(document).ready(function(){
$(".frmMe").colorbox({iframe:true, innerWidth:1200, innerHeight:640});
}
Then a link generated by JS at a later time (for example triggered by a users click) like:
<a href="blah.php" class="frmMe">Easter Eggs</a>
Whenever I dynamically create a link like the one above, I re-run the line:
"$(".frmMe").colorbox({iframe:true, innerWidth:1200, innerHeight:640});" afterwards to ensure the colorBox functionality works.
Now however, I have an instance where a link on a parent page like the above is created from within an iFrame (on the fly using JS). Unfortunately however, I haven't been able to find a way to re-intialize the ColorBox on the parent page from within the iframe to ensure that the new link has ColorBox functionality enabled.
I have tried:
$('.frmMe', parent.document.body).colorbox({iframe:true, innerWidth:1200, innerHeight:640});
but it seems to have no affect and generates no errors (yet this follows the format I use to create the link. On the page which is:
$('#updateBx', parent.document.body).html('<a href="" class="frmMe">Glorious</a>');
How to declare and initialize an array with key/values using JavaScript and then dynamically creating select dropdown and assigning key/values to the options using JavaScript?
View 1 Replies View RelatedDoes anyone know if there is a way to change the defaults such as number of thumbnails after initialisation? e.g.$('.changeTo16').live('click', function(){//set gallerific stuffnumThumbs: 16});$('.changeTo8').live('click', function(){//set gallerific stuffnumThumbs: 8}); etc...
View 2 Replies View RelatedI'm initializing a lightbox type plugin after an ajax response. The plugin is usually initialized with .ready, but I've read on this forum that .ready won't work after page load or with dynamic loading. Most posts say to initialize right after the ajax response... I've done this and it works for the first ajax load, but not for the subsequent ajax loads. It should trigger the same code every time ajax is called since it goes through the same function, but it doesn't.
Project Info: This project seems pretty simple... There are links that load content into a DIV via ajax... the content is made up of thumbnails that should launch lightbox...Is there a good way of dynamically initializing plugins after ajax load?
I am trying to initialize form elements with the values retrieved from an excel file. I am able to read from excel, but unable to initialize the form elements to values retrieved. No idea where I am going wrong.. code...
View 1 Replies View RelatedWhat is the difference between:
function setupGrid( param ){......}
and
setupGrid = function( param ){......}
Are there any advantages to doing one over the other?
There is something that I don't understand well, I use array for
combining strings like
items = ['hello world', ', how are you', '?', 'the end'].join('');
in FF this works well but in IE I had to add something like this
var items = new Array();
items = ['hello world', ', how are you', '?', 'the end'].join('');
My question is why is there a need for var items = new Array(): and
why items = new Array(); doesn't work? I don't want the items to be a
global variable, since it was declare inside a function I want it to
be local only.
i wonder how can i have both javascript writen inside body and css declaration
here's my page: i only see the output if i comment the css line: Code:
I know that IE6's support for CSS is well... hmmm... lets just say not very good, however I was wondering if style declarations can be added at run time, via JS?
e.g.
Can I create a new rule?
Below are some over simplified examples of code the create a single
instance of an object and I was hoping some one could give me the pros
and cons of each approach.
First declaration: In this case a single object is created using object
literal notation and both the get and __Private methods are availabile
for use and no closure is created.
ABC.Util.SomeObject =
{
get : function(val)
{
return this.__Private(val);
},
__Private : function(val)
{
return "testing";
}
}
Second declaration: In this case a single object is create and only the
get function is availabile for use and a closure is created.
ABC.Util.SomeObject = function()
{
var __Private : function(val)
{
return "testing";
}
return {
get : function(val)
{
return __Private(val);
}
};
}();
I have the following code which attaches a function to events in x number of comboboxes (x will probably always = 4, but I do not want to hard-code this). I wish to pass the value of i to the function being attached as well as the value of tempData. In other words, I want the parameters in function to be the value, not a reference variable.
In the current example, I am using the hard-coded variable ci. This I want to be replaced by a literal created when the event handler is attached (the value of the loop variable i). Also, notice that I get the filter value in the event handler (assigned to the variable ct). I would like to replace this code with the value of tempData which would also be determined when the evenet is attached (it is the same value in this case, but it keeps the onChange event from having to do this each time it runs).
var props = {
col_0: "select",
col_1: "select",
[code]....
I've been looking all over for an explanation of this function declaration but cant find it. what it means to have a function with no name, just declared as this. When does it execute? How does it get called?
For reference, here's the function:
is it true that the doctype declaration must be on the very first line (there mustn't even be a blank line above it) in order for it to be "working correctly" ?
View 8 Replies View RelatedSay I have a code snippet like the one below:
var elm1 = document.getElementById('elm1');
var elm2 = document.getElementById('elm2');
function doStuff(e) {
// Some stuff is done here...
}
function addListeners(e) {
elm1.addEventListener('click', doStuff, false);
elm2.addEventListener('click', doStuff, false);
}
window.addEventListener('load', addListeners, false);
This code will generate an error, namely "elm1 has no properties". To many I guess this isn't very surprising, and my own take on this is that the addListeners function is run before the variables are declared. But what I fali to see is why? To me, a fair beginner with JS, everything is in its right place. What am I missing?
I would very much appretiate if someone could explain the order (when and where to declare the different parts) in which my code here should be ran. Is there something special to have in mind when using window.addEventListener('load', functionname, fasle);?
I have the javascript (which is pasted at the end of this request) on my website, but it will not work whenever I include the Document Declaration just above my <head>.
Is there something I can change in the code that will make it work?
The top part is in the head and the second part is at the end of the html code.
Here is the code:
<SCRIPT LANGUAGE="JavaScript">
<!--
floatX=25;
floatY=125;
layerwidth=100;
[Code]....
I'm creating matrix of values like this:[code]Usually when i want to access position like Matriz[0][0] y retrived the value "", now for some reason when i debug appears "indexOf" at the beggining and when I access Matriz[0][0] I get "undefined".Someone knows why is happennig this, i'm using IE 6
View 2 Replies View RelatedTake a look at this example:
Code:
function foo(var1, var2=NULL){
if(var2 != NULL){
//do something
}
[Code]....
and in this scenario, var2 would have a NULL value
My question is: Is it possible to declare a null parameter within a function declaration in javascript? (as in the example)
I know this is possible with PHP, but i am having problems with this in Javascript.
I have Declared same function and two diff javascript files and both files are included in HTML page and one more same function declared in HTML code too... So problem is that, which function will execute first, i mean function in either javascript or function in HTML Code?
View 2 Replies View Related