Book Image

jQuery 1.3 with PHP

Book Image

jQuery 1.3 with PHP

Overview of this book

To make PHP applications that respond quickly, avoid unnecessary page reloads, and provide great user interfaces, often requires complex JavaScript techniques and even then, if you get that far, they might not even work across different browsers! With jQuery, you can use one of the most popular JavaScript libraries, forget about cross-browser issues, and simplify the creation of very powerful and responsive interfaces ñ all with the minimum of code. This is the first book in the market that will ease the server-side PHP coder into the client-side world of the popular jQuery JavaScript library. This book will show you how to use jQuery to enhance your PHP applications, with many examples using jQuery's user interface library jQuery UI, and other examples using popular jQuery plugins. It will help you to add exciting user interface features to liven up your PHP applications without having to become a master of client-side JavaScript. This book will teach you how to use jQuery to create some really stunning effects, but without you needing to have in-depth knowledge of how jQuery works. It provides you with everything you need to build practical user interfaces for everything from graphics manipulation to drag-and-drop to data searching, and much more. The book also provides practical demonstrations of PHP and jQuery and explains those examples, rather than starting from how JavaScript works and how it is different from PHP. By the end of this book, you should be able to take any PHP application you have written, and transform it into a responsive, user-friendly interface, with capabilities you would not have dreamed of being able to achieve, all in just a few lines of JavaScript.
Table of Contents (16 chapters)
jQuery 1.3 with PHP
Credits
About the Author
About the Reviewers
Preface
Index

Selecting an image


When an image is selected from the list, we want to show it on the right. However, as we will be manipulating the image quite a bit, we want to have the image come through a script first.

At first, there will be no manipulation at all.

Client-side code

We want the file displayed in the table cell on the right when we click on the file name. You might have noticed in the last example that every file has a title which says where in the files repository it is located.

We will make a large amendment to the images.js file, so delete all the current contents, and rewrite the file as follows:

function images_selectImage(imgurl){ 
  window.image={ 
    'url':imgurl, 
    'effects':[] 
  }; 
  images_showImage(); 
} 
function images_showImage(){ 
  $('#image_holder').html(
    '<img src="images_show.php?f='+image.url+'" />'
  ); 
} 
$(document).ready(function(){ 
  $("#directory_list").treeview({ 
  'collapsed':true 
  }); 
  $('.file').click(function(){ 
    images_selectImage...