Browse a Listing
Top > JavaScript > Tips and Tutorials > DHTML
Popular Tags
Free Script links
As you can tell by the title, I intend this to be a multi-part series on using moo.fx to create better forms. In the first installment we are going to create a form that displays a hint to the user about the type of information that is expected in an input box.
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 20 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
While the goal of the popup blockers is almost achieved nowadays, to keep out the intrusive popups, the only alternative for fair webmasters is the usage of DHTML popups. These are not regular windows controlled by your GUI operating system component; in fact it is pure HTML controlled by the browser via JavaScript. They would also qualify as a part of the so-called AJAX technology, therefore are also named Ajax popups too.
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 92 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
Returns an array (NamedNodeMap) containing all the attributes defined for the element in question, including custom attributes. IE6 returns not just attributes explicitly defined by the webmaster, but those of the element's internal DTD as well. In Firefox, attributes[] work more as expected, returning only user defined attributes, and even reflect changes done by scripting to an attribute
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 2 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
The advantage of using the DOM to bind an event is that you can assign multiple functions to a node for the same event (ie: window.onload) without running into event handler conflicts.
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 1 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
Here I attempted to create a reliable method to read the client size of the of the browser's window and the position of the scroll bars. Of course this wouldn't be a problem if all browsers were well written and followed the standards. As we all know it's not the case -- different versions of different browsers under different platforms in different modes have own ideas on how this simple information should be provided. Adjusting the script for different browsers can be real pain when after making code work in one browser you find out it no longer works in another.
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 4 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
The box below shows example CSS and HTML source code.
The code will update dynamically as you press the buttons above.
You can select text in the box and then copy and paste the starter code
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 5 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
Browsing the forums, development articles and other resource sites raised an interesting yet recurring question: 'How do I test for the Document Object Model (DOM) employed by a browser?'" This is a question that begs answering once and for all.
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 1 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
This is another version that I like quite a bit because it uses CSS and Dynamic Expressions. Dynamic Expressions are a very powerful technology because they allow you to update style properties dynamically via javascript. Pretty cool, eh?
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 3 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
One of the great pitfalls of using client side techniques such as JavaScript to display content on demand is the prerequisite that everything be contained in variables. This makes adding and updating the content very cumbersome. An example would be inputting the messages to display in a JavaScript scroller- generally not a fun experience:
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Oct 12, 2006 Hits: 4 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR
The initial solution adopted by most developers is dynamically hide a form controls by having them lose display when the CSS menu drops. Though doing this may seem to be strange and blinky it is better than not trying to fix the problem. But site vistors might be bothered a bit by things dancing around on the webpage. It is distracting and may be a cause for dozens of emails to the webmaster.
Category:
Write a Review
Add Favorite
Refer it to Friend
Report Broken Link
Date Added: Jan 16, 2007 Hits: 14 Rating: 0.00 Votes: 0
Member Reviews
Visitor Ratings
Google PR