70 likes | 220 Views
Day 17. Programming for Designers. Javascript and PHP. Client side and Server side Since PHP is Server side and can output anything we want, we can output to JS. With JS libraries, we can create flash like effects that go beyond the client side. Common uses: Transition Effects/feedback
E N D
Day 17 Programming for Designers
Javascript and PHP • Client side and Server side • Since PHP is Server side and can output anything we want, we can output to JS. • With JS libraries, we can create flash like effects that go beyond the client side. • Common uses: • Transition Effects/feedback • In-place editing, form controls • Many more…
JS Libraries • jQuery • Prototype • MooTools • Yahoo YUI • EXT JS • DoJo Toolkit • MochiKit • Many many more..
jQuery • Write Less, Do More • “jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.” • Easy to use, extensive documentation, plugin ability, well supported, small download.
What about PHP again? • PHP and JS work together in two ways. • PHP output to JS • JS output to PHP through AJAX • Once a page is sent to the client, JS can work, but can’t directly communicate with PHP on the server without AJAX. • jQuery makes this process simple.
Method • PHP output to JS on server side. <?php echo ‘<script> alert(“This is javascript.”); </script>’; ?> • You can output JS the same way you output HTML, PHP makes no distinction.
Cool PHP and JS Uses • Automatic Random Picture Rotator • Self Submitting Forms • Auto-save capabilities • Unique Username and Email checker for new user account creation • Change CSS formatting on the fly • Edit in-place form data • Instant rating system