Css Declaration And Javascript
Dec 5, 2006i 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 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?
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 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.
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 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 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 RelatedI 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]...
Take 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 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.
What are these used for? How are they done in JS? Any refs online?
View 8 Replies View Relatedconsider 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 working on some code and am running into brick walls. I'm trying
to write out Javascript with Javascript and I've read the clj Meta FAQ
and didn't see the answer, read many similar posts (with no luck
though), and searched through the IRT.ORG Faqs
(www.irt.org/script/script.htm).
The Javascript is designed to open an popup window and then inside that
window call another script which will resize that window. There may be
another way around this but the reason I tried this approach initially
was that I wanted to call the onload handler in the popup window to
resize the image only after the image had completely loaded. I've had
some code in the primary Javascript file (showimage.js) before that
works if the image has been cached but on the first load, it doesn't
resize properly which tells me it is probably because it is trying to
resize the window based on the image size but it isn't completely known
at that point. So I removed that code and tried placing the resizing
code in the second Javascript file (resizewindow.js). BTW I've tried
other code to open a popup image and automatically size it ie Q1443 at
irt.org but that doesn't do exactly what we need.
Even if there is another way to do this with one file, I still want to
figure out why this isn't working in case I run into it in the future.
I thought what I would need to do to use document.writeln to write
Javascript would be to escape any special characters and to break
apart the script tag ie
document.writeln('</SCRIPT>');
would become
document.writeln('</SCR' + 'IPT>');
I have a HTML page and 2 Javascript files. All files are in the same
directory and have permissions set correctly.
Here are the 3 files (keep in mind wordwrap has jacked up the
formatting):
index.html
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1"
SRC="showimage.js">
</SCRIPT>
</head>
<body>
Click the house<BR>
<A ONCLICK="newWindow1('house1.jpg','Nice House')"><IMG
SRC="house1thumb.jpg"></A>
</body>
</html>
showimage.js
------------
function newWindow1(pic,sitename)
{
picWindow=window.open('','','width=25,height=25,sc rollbars=1,resizable=1');
picWindow.document.writeln('<html> <head>');
picWindow.document.writeln('<SCR' + 'IPT type="text/javascript"
LANGUAGE="JavaScript1.1" SRC="resizewindow.js"></SCR' + 'IPT>');
picWindow.document.writeln('</head>');
picWindow.document.writeln('<body onload="resizewindow();">');
picWindow.document.writeln('<img src=' + pic + '>');
picWindow.document.writeln('</body> </html>');
picWindow.document.close();
}
resizewindow.js
---------------
function resizewindow()
{
// Do resizing here.
// Right now this isn't being executed
alert("resizing window");
}
Can anyone provide some pointers as to why this javascript is failing?
I'm using IE6 on Win2k and when I click on the image to open the popup
window, it does open the window but it is white with no content and the
system immediately goes from about 4% CPU usage to 100% and
consistently stays there until I kill that window with the task
manager.
Attached is a simple HTML file that adds and delete rows. In the add
row function I set an attribute "onClick" this triggers the
testMessage() function. When I try this in Firefox it works just fine
however on IE it just refuses to work.
What is interseting is the ROW that already exists has a similar
'onClick' event which works when the page is loaded, but subsequent
"row" additions to the table to not work in IE. Code:
two possibilities or the attribute type of script:
text/javascript (the one i usually use) application/x-javascript
what are the differencies between both?
depends on the html content?
for example html 4.0.1 versus xhtml 1.1?
I'm getting errors in Firefox everytime I try to run this frame resize code, but it works fine in IE. I can't seem to figure out what the problem is with it.
The error is: Error: theFrame has no properties
Line: 8
The line that the javascript console is showing an error for is in italics.
code from page:
<html>
<head>
<script type="text/javascript">
var defaultCols="100px,*";
var hiddenCols="0px,*";
function ShowHideMenu(){
theFrame = document.getElementById("framed");
if(theFrame.cols == defaultCols) theFrame.cols=hiddenCols;
else theFrame.cols=defaultCols;
}
</script>
<frameset cols="100px,*" name="framed">
<frame src="lframe.htm" name="frameMenu">
<frame src="mframe.htm" name="content">
</frameset>
</head>
<body>
</body></html>
Come someone let me know what I'm doing wrong here?
I'm already past the basics of Javascript, and i need something that takes me to the other level and teaches me the new technologies and cool stuff (drag&drop, AJAX, OOP in javascript, maybe XUL...etc). So far i found these two books:
1. Sitepoint's "The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks".
2. Worx's "Professional JavaScript for Web Developers (Wrox Professional Guides)"
Both seems to cover very insteresting topics, but i can only buy one of them. So which one do you suggest?
and by the way, i've read the sample chapter 5 of Sitepoint's book, and it seems like the author(s) just put the solutions/codes there and let you figure them out on your own. Is this how the rest of the chapters are?