Dynamic CSS file loading
2
Hi. i found this css file very useful for all the newbies who use frontpage2003 text. Just try this css code and specially for color text.
(Explanation on how to upload a css file in frontpage for newbies)
assuming that you already have index.html and you have some text in it describing also.
in frontpage open file new and then delete all the tagson the page and just copy and paste the code which i have posted. save the page as a .css file. after that go to your index page or any other page you would like to link with this css file. in the Index page go to format and then style sheet links and then click on add and find the .css file and click on and select for all pages or just for the index page and then click ok. have fu
(Explanation on how to upload a css file in frontpage for newbies)
assuming that you already have index.html and you have some text in it describing also.
in frontpage open file new and then delete all the tagson the page and just copy and paste the code which i have posted. save the page as a .css file. after that go to your index page or any other page you would like to link with this css file. in the Index page go to format and then style sheet links and then click on add and find the .css file and click on and select for all pages or just for the index page and then click ok. have fu
-10
One way to group elements in HTML is to assign them a name attribute. Multiple elements can share a name, then you can easily access them as an array using the getElementsByName() method.
The problem is that some DOM parsers aren't keen on, or are ignorant to, this use of the name attribute, so a simple object.name returns undefined. In my case, it was a DIV in Firefox 1.5 that was behaving this way.
There is a simple work around for this that works in Firefox, I haven't tested it in others. It is to use the getAttribute method that is an extension of any element object.
This ability can be useful if you have a function that performs a transformation on the active element, and another transformation on closely related elements.
The problem is that some DOM parsers aren't keen on, or are ignorant to, this use of the name attribute, so a simple object.name returns undefined. In my case, it was a DIV in Firefox 1.5 that was behaving this way.
There is a simple work around for this that works in Firefox, I haven't tested it in others. It is to use the getAttribute method that is an extension of any element object.
This ability can be useful if you have a function that performs a transformation on the active element, and another transformation on closely related elements.
11
Just a little code to make a window in XUL
18
Add dragging to your div elements. just adding class="drag" to the div element will make it draggable.
Here i'm adding an example for a draggable dialog box
Here i'm adding an example for a draggable dialog box
7
I use this function when passing an array to a function being called from setTimeout();
12
Fade in/out multiple images like a slideshow.
12
Basically, you can dynamically ask the webpage to look at a current object's attributes/values or even change the object's attributes/values. As such, running this script on any browser of your choice should show what attributes your particular browser will allow for an object reference you typed in.
8
This is a swear filter script I wrote for my xanga blog. I don't know if it has any application anywhere else. This will replace the swear words listed in the array with the character defined in blank_char. This isn't perfect but it works pretty well.
11
This is an analog clock script designed to jump in place of a div element of class 'analogclock'.
The div tag is not replaced in this custom element, but instead is used as a pseudo-document to hold the clock itself. The 'hands' are implemented using arrays of generated divs.
I was actually inspired to write this widget because of an article on About.com's Javascript pages written by a guy named Stephen Chapman. His code was a mess, but I only discovered this after delving through two layers of 'unescape()' obfuscation.
The basics: You control the look of the numbers and the 'box' model of the clock using basic CSS. You control the clock's size (it will always be square) using the 'size' attribute.
The 'seconds', 'minutes', and 'hours' attributes are for the color of the 'hand's. 'numstyle' can be 1, i, I, or '.', each refering to a different type of face-numbering for the clock
The 'localzone' attribute tells the script to use the user's local time zone. If it's '0', 'false' or 'no', the clock will use the 'clockzone' attribute to determine what time it is (the clock zone is relative to GMT, so, for example, US Eastern is -5. The clock automagically figures out if we're in DST, so you don't have to.)
The 'city' and 'country' are for if you want to put in the city/country of origin for your clock. To be honest, you can put anything there.
Lastly, I designed my version of the clock to be able to not 'tick', i.e., work like the old-school analog clocks. If you want ticking, add 'tick=1' to the attribute list
As with all of my widgets, the idea here is that you can just include the .js file and start dropping in tags without needing to know any ECMAScript at all.
Additionally, for you ECMAScripters, I was very careful to keep my pollution of the global namespace to one class: analogClock.
Example of use:
The div tag is not replaced in this custom element, but instead is used as a pseudo-document to hold the clock itself. The 'hands' are implemented using arrays of generated divs.
I was actually inspired to write this widget because of an article on About.com's Javascript pages written by a guy named Stephen Chapman. His code was a mess, but I only discovered this after delving through two layers of 'unescape()' obfuscation.
The basics: You control the look of the numbers and the 'box' model of the clock using basic CSS. You control the clock's size (it will always be square) using the 'size' attribute.
The 'seconds', 'minutes', and 'hours' attributes are for the color of the 'hand's. 'numstyle' can be 1, i, I, or '.', each refering to a different type of face-numbering for the clock
The 'localzone' attribute tells the script to use the user's local time zone. If it's '0', 'false' or 'no', the clock will use the 'clockzone' attribute to determine what time it is (the clock zone is relative to GMT, so, for example, US Eastern is -5. The clock automagically figures out if we're in DST, so you don't have to.)
The 'city' and 'country' are for if you want to put in the city/country of origin for your clock. To be honest, you can put anything there.
Lastly, I designed my version of the clock to be able to not 'tick', i.e., work like the old-school analog clocks. If you want ticking, add 'tick=1' to the attribute list
As with all of my widgets, the idea here is that you can just include the .js file and start dropping in tags without needing to know any ECMAScript at all.
Additionally, for you ECMAScripters, I was very careful to keep my pollution of the global namespace to one class: analogClock.
Example of use:
26
The basic framework of an Ajax-enabled web page. The following JavaScript shows how to send a request for an XML file and how to receive that request. Of course, in a real life scenario, you'll have to implement better error trapping and actually do something with the XML that gets returned.









