Mouse Trial - with text
This page contains mouse trail with text script
Thursday, August 14, 2008
Javascript Tutorial - Form
Javascript Tutorial - Form
There's nothing more troublesome than receiving orders, guestbook entries, or other form submitted data that are incomplete in some way. You can avoid these headaches once and for all with JavaScript's amazing way to combat bad form data with a technique called "form validation".
There's nothing more troublesome than receiving orders, guestbook entries, or other form submitted data that are incomplete in some way. You can avoid these headaches once and for all with JavaScript's amazing way to combat bad form data with a technique called "form validation".
Thursday, August 7, 2008
Cut & Paste Image zoom in/out
Cut & Paste Image zoom in/outThis is an impressive script that allows you to conveniently zoom in and out of an image. Functional in IE4+, NS6 and Opera 6+, the script does not push content around the image aside as it is zooming, unlike most similar scripts out there. You can even add the effect to multiple images on the same page!
Stu Nicholls | CSSplay | An image magnifier
Stu Nicholls | CSSplay | An image magnifier
Rain plays a major role in the hydrologic cycle in which moisture from the oceans evaporates, condenses into clouds, precipitates back to earth, and eventually returns to the ocean via streams and rivers to repeat the cycle again. There is also a small amount of water vapor that respires from plants and evaporates to join other water molecules in condensing into clouds.
The amount of rainfall is measured using a rain gauge. It is expressed as the depth of water that collects on a flat surface, and can be measured to the nearest 0.27 mm or 0.01 in. It is sometimes expressed in litres per square metre (1 liter/m² = 1 mm).
Rain plays a major role in the hydrologic cycle in which moisture from the oceans evaporates, condenses into clouds, precipitates back to earth, and eventually returns to the ocean via streams and rivers to repeat the cycle again. There is also a small amount of water vapor that respires from plants and evaporates to join other water molecules in condensing into clouds.
The amount of rainfall is measured using a rain gauge. It is expressed as the depth of water that collects on a flat surface, and can be measured to the nearest 0.27 mm or 0.01 in. It is sometimes expressed in litres per square metre (1 liter/m² = 1 mm).
Randsco - z-index on a:hover elements
Randsco - z-index on a:hover elements
The main advantage of PZ2, over the original, is that in PZ2 the zoomed image overlays the text, instead of shifting the text to make room for the zoomed image. This is demonstrated below. (Note: There are some caption styling differences between the two, which can be changed, in the CSS file, to be alike.)
The main advantage of PZ2, over the original, is that in PZ2 the zoomed image overlays the text, instead of shifting the text to make room for the zoomed image. This is demonstrated below. (Note: There are some caption styling differences between the two, which can be changed, in the CSS file, to be alike.)
Pure CSS Tooltips
Pure CSS Tooltips
What is a tooltip? This is a tooltip an aiding text that appears just when you roll on with the mouse. The basic idea comes from Eric Meyer's pure css popupsa very clever way to get dynamic effects on an html page without using javascript.
My idea was to add position:relative to the link, in order to allow the span element inside to position absolutely respect the parent link. This code has been tested in Ie5.5, Opera7.11 and Mozilla 1.4 and works fine. Solved ie bug adding some z-index, but with the modifications done this technique will be buggy in Opera7.2 .
Now, let's have a look at the basic csscascade style sheets, the separation from content and presentation code for the tooltip:
What is a tooltip? This is a tooltip an aiding text that appears just when you roll on with the mouse. The basic idea comes from Eric Meyer's pure css popupsa very clever way to get dynamic effects on an html page without using javascript.
My idea was to add position:relative to the link, in order to allow the span element inside to position absolutely respect the parent link. This code has been tested in Ie5.5, Opera7.11 and Mozilla 1.4 and works fine. Solved ie bug adding some z-index, but with the modifications done this technique will be buggy in Opera7.2 .
Now, let's have a look at the basic csscascade style sheets, the separation from content and presentation code for the tooltip:
Wednesday, August 6, 2008
Monday, August 4, 2008
phalanger-on-xp [Phalanger]
phalanger-on-xp [Phalanger]
Step by step guide describes how to configure - PHP COMPILER in Windows XP with IIS 5.1 to run Phalanger applications.
Step by step guide describes how to configure - PHP COMPILER in Windows XP with IIS 5.1 to run Phalanger applications.
Sunday, August 3, 2008
Using the Popup Object
 | Using the Popup Object Using the Popup Object The popup object enables you to create window objects that take full advantage of Dynamic HTML (DHTML). Click the Show Me button to see some of the exciting things that can be done using a popup. This article first outlines the important features of the popup object. Several of these features and the basic syntax to use with the popup object will then be demonstrated. Alternatives to the popup will be explored in the last section. |
Ajax tooltip
 | Ajax tooltipYou can download the entire script from this Zip file Files included in the package: ajax-tooltip.html = Main HTML file js/ajax-tooltip.js = Main JS file for the script> js/ajax.js = Ajax (Library from http://twilightuniverse.com/projects/sack) js/ajax-dynamic-content.js = The dynamic content script from this site css/ajax-tooltip.css = CSS for tooltip css/ajax-tooltip-demo.css = CSS for the demo images/arrow.gif = Arrow used in the tooltip demo-pages = External files loaded by the tooltip |
Four Exciting Ways to Use the Popup Object
| Four Exciting Ways to Use the Popup Object Context menus are accessed by clicking the right mouse button. Usually this displays a default context menu. Now you can create a customized context menu with the popup object. |
Send mail example using the mail function
Send mail example using the mail function
The mail function in php is built-in unlike a lot of other languages such as ASP and is extremely easy to use. Below is a simple example (copy the below into a file with a php extension such as mailtest.php and upload it to your webspace):
NB: Please ensure you have php setup for your domain, you can do this using your hosting control panel under domain menu > website settings > ticking the php checkbox and clicking save
The mail function in php is built-in unlike a lot of other languages such as ASP and is extremely easy to use. Below is a simple example (copy the below into a file with a php extension such as mailtest.php and upload it to your webspace):
NB: Please ensure you have php setup for your domain, you can do this using your hosting control panel under domain menu > website settings > ticking the php checkbox and clicking save
E-mail Validation with PHP
E-mail Validation with PHPWhen you register on at a website, the site normally checks if the e-mail address that you enter is in a valid format. This is done by using what called a Regular Expression. What we need to do is check if a string (eg $email) matches the regular expression:
Friday, August 1, 2008
Contact PHP Email Form Script w copy n paste free contact php script code
 | Contact PHP Email Form Script w copy n paste free contact php script code Email ID validation scriptif(!$visitormail == "" && (!strstr($visitormail,"@") !strstr($visitormail,"."))) { echo " Use Back - Enter valid e-mail\n";$badinput = " Feedback was NOT submitted\n";echo $badinput;die ("Go back! ! "); } if(empty($visitor) empty($visitormail) empty($notes )) { echo " Use Back - fill in all fields\n";die ("Use back! ! "); } |
Subscribe to:
Posts (Atom)