Results tagged Web 2.0
The company that I work for asked me to develop a dynamic tree application, in which you could add, edit, and delete nodes. So after doing some research and a couple failed attempts using yahoo developer and dojo JavaScript tree libraries, I went with what I know (jQuery).
Let me say thanks to Jörn Zaefferer, for his jquery treeview plugin which gave me the framework for the working tree and Chris Domigan for his jquery contextMenu plugin which saved me from writing a right click popup menu with controls.
You can view and play around with my tree application here.
Keep in mind that this is just a javascript/jQuery demo of how the application works.
More : jQuery. treeView, Dynamic trees.
Sometimes you want to indent the options of a select element to display a tree or a hierarchy of items.
Example:
Original: Text Indenting:
There are two indenting techniques that I am going to use here, because of "Cross Browser" related issues. Internet Explorer does recognize attributes or styles attached to the options of a select element whereas Firefox does allow it.
I still have not found an indenting technique for Safari, and if you find this to work or not work in your browser of choice. Let me know.
First I'm going to make this work for Firefox2 (Not tested in FF3).
Example:
Original: Text Indenting:
There are two indenting techniques that I am going to use here, because of "Cross Browser" related issues. Internet Explorer does recognize attributes or styles attached to the options of a select element whereas Firefox does allow it.
I still have not found an indenting technique for Safari, and if you find this to work or not work in your browser of choice. Let me know.
First I'm going to make this work for Firefox2 (Not tested in FF3).
More : Indenting Select element options.
My previous entries regarding Multiple Drop Down Menus were for a basic working model and designed to work with Internet Explorer 6 and Firefox 2.
After making some refinements and enhancing the functionality for use with Safari, I have come up with a better functioning model.
Safari was not performing properly when I was using the onclick event. I guess it's a design thing within Safari that does not work right with click events attached to select elements. So, the onclick event got replaced by onfocus. Also instead of using the html events for focus (onfocus), the event handling was handed over to jquery. They state on their site that the event handling with in jquery is some percent faster than using HTML events and it certainly shows.
So, now I shall write some code for all this.
After making some refinements and enhancing the functionality for use with Safari, I have come up with a better functioning model.
Safari was not performing properly when I was using the onclick event. I guess it's a design thing within Safari that does not work right with click events attached to select elements. So, the onclick event got replaced by onfocus. Also instead of using the html events for focus (onfocus), the event handling was handed over to jquery. They state on their site that the event handling with in jquery is some percent faster than using HTML events and it certainly shows.
Event Handling is 103% Faster
In analyzing intense application code (specifically operations such as drag-and-drop) we looked for ways in which universal changes could be made that would affect all users. A frequently-called piece of code was that of the jQuery event handler, any optimizations to it would dramatically improve the performance of all resulting frequently-called events. By focusing improvements here all frequently-called events that you have should see immediate benefits.
Quoted from the jQuery site.So, now I shall write some code for all this.
More : Multi dropdown selects - Safari.
Arrrgg!!! Why is this such a problem? I see way to often in websites that I visit, an improper DOCTYPE statement in the website/pages. When I visit a website and see something that I like in regards to a style, JavaScript, layout, or an aspect of that page that's not related to the content(content is just reading material). I will view the source code to see how it was accomplished. More often than not the page looks good but follows no Web 2.0 standards or compliance at all.
The first mistake I will see is the doctype statement which will look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN">
This declaration has no meaning and absolutely no purpose. I might as well start creating my own HTML tags in my documents if this is how to do things.
<div class="content">
<circle>Round things</circle>
<hamburger>A hamburger is sometimes a circle.</hamburger>
<puck>A hockey puck is a circle.</puck>
<friends>A circle of friends.</friends>
</div>
Using a document type properly is a way of following a form and a standard for Web 2.0 compliance. The proper way of declaring a DOCTYPE in your web pages is by referencing a .dtd(document type definition) like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This declaration is actually calling a cross-browser and standards based Web 2.0 infrastructure of style, layout, and functionality.
The 2nd thing I will notice is the use of HTML Tables. Ouch!!
The first mistake I will see is the doctype statement which will look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN">
This declaration has no meaning and absolutely no purpose. I might as well start creating my own HTML tags in my documents if this is how to do things.
<div class="content">
<circle>Round things</circle>
<hamburger>A hamburger is sometimes a circle.</hamburger>
<puck>A hockey puck is a circle.</puck>
<friends>A circle of friends.</friends>
</div>
Using a document type properly is a way of following a form and a standard for Web 2.0 compliance. The proper way of declaring a DOCTYPE in your web pages is by referencing a .dtd(document type definition) like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This declaration is actually calling a cross-browser and standards based Web 2.0 infrastructure of style, layout, and functionality.
The 2nd thing I will notice is the use of HTML Tables. Ouch!!
More : DOCTYPE's and Web 2.0.
2whoa.com - NEW!!
Home
jQuery
Javascript
Archives
MLB Wallpapers
NFL Wallpapers
NBA Wallpapers
NHL Wallpapers
Flames Wallpaper
Watch Live Games!
NHL
NBA
Soccer
NFL
and more..
BMW, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Volvo, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Home
jQuery
Javascript
Archives
MLB Wallpapers
NFL Wallpapers
NBA Wallpapers
NHL Wallpapers
Flames Wallpaper
Watch Live Games!
NHL
NBA
Soccer
NFL
and more..
BMW, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Volvo, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Chicago Blackhawks
Stanley Cup
Pittsburgh Penguins
Boston Bruins
Fire & Flames
