01Aug
Here is a simple tutorial on how to implement the “select all” function for checkboxes in jQuery. All you need to know for this tutorial is the basic knowledge of using the jQuery library.
assuming we have included the jQuery library in our document:
<script type="text/javascript" src="jquery.js"></script>
The next step would be Read more »
22Jul
In this next tutorial, I will demonstrate how to perform input validation on AJAX forms using the jQuery form plugin.
The requirements for this tutorial are:
and the required files for this tutorial are:
Before we start with this tutorial, let me make one thing clear:
Client-side input validation is no substitute for server-side validation.
Client-side validation can be easily bypassed, and should be treated more as an enhancement for the form.
now let us continue with the tutorial Read more »
08Jul
For today’s article, I’m going to show you one of the many ways of implementing preloaders using jQuery. If you’re not familiar with preloaders, they are basically the loading text or image that appears while content is still under the processing state. An example of this would be the red Loading… on Gmail. For this tutorial, I’m going to use a simple makeshift preloader that was done under 5 minutes:
For this article, you need at least basic knowledge of jQuery and the use of the jQuery Form plug-in. Read more »
26Jun
Remember my tutorial on implementing input arrays in jQuery? It seems that there is much simpler way of doing it without too much hassle coding the individual parameters, and remebering all the field #id’s. That is if you don’t mind loading another 29KB JavaScript library. Introducing the Form Plug-in for JQuery, this library will be of great help for very large forms that needs to be processed via AJAX Read more »
22Jun
During my research on doing AJAX with JQuery, I have encountered a very wonderful tool for highlighting code snippets in HTML. For those who still don’t know, Chili is a syntax highlighting tool based on JQuery. What’s great about this library is that you don’t need to hassle yourself in setting up any scripts and stylesheets. All you need to do is upload the chili plugin to a folder to your web directory of choice, and import the javascript files by inserting this sample code within your site’s <head> element. Here is the code taken from Chili’s manual:
3 Comments
<script type="text/javascript" src="chili/jquery-1.1.2.pack.js"></script>
<script type="text/javascript" src="chili/metaobjects-1.3.js"></script>
<script type="text/javascript" src="chili/chili-1.7b.pack.js"></script>
<!-- Chili settings for a dynamic setup -->
<script type="text/javascript">
ChiliBook.recipeFolder = "chili/";
ChiliBook.stylesheetFolder = "chili/";
</script>
and from now on, any source codes within a <code> tag will automatically be highlighted, provided you enter the language appropriate for the selection
<pre>
<code class="html">
<!--Sample code snippet goes here-->
</code>
</pre>
Currently, Chili supports the following languages: C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, and XHTML
I hope to expect that Chili may have an option to highlight Python code in the next release. All of my programming articles have been upgraded to have syntax highlighting. So feel free to visit these articles:
Jetlogs.org
Some Rights Reserved 2007
