Hi guys! Long time no post here… Why? Well… I was very (and i mean VERY) busy in last two week or so. Besides that, i didn’t have any inspiration at all (if you want a specific tutorial, let me know)

You have to wait few more days before i launch a new tutorial on jQuery and CSS: a more advanced carousel than previous was. What is so special with this? Autostretch, auto-adding of tabs, and so on. Is some kind of what i used on Wordnewz theme on featured posts (i can tell you is even nicer!)

When will be done? I think by the end of this week i will finish my curent project (it’s a big, hard but nice one; unfortunatly i can’t tell you more than that ), then i’m kinda free for a short tutorial, before i start another endless round of projects.

So. What I want you to do? Add this blog to favorites or on your RSS Reader and keep an eye on it

One of the most useful thing on forms is an “autoselect” function. How is this work? Let’s assume that you have a standard search box:

When textbox is focused you can do three things:

1. Do nothing. Let the user to delete all text. Not good for lazy people, right?
2. Autoclear box. But if user want only to change a letter (typo) or add another word, then he should re-type all things. Not good for usability.
3. Autoselect box content. Is just like the user double clicks on the text. How can you do this? Read further to see

1
2
3
4
5
6
7
8
9
10
11
12
13
14

var initValue;
$(document).ready(function(){
$(':text').each(function(){
	$(this).focus(function(){
		initValue = $(this).attr('value');
		$(this).select();
	});
	$(this).blur(function(){
		if($(this).val() == ''){
			$(this).val(initValue);
		}
	});
});
});

What is the best thing with this? Well… If an user just leave the text box blank, that form is auto filled with previous value.

Pretty nice, huh? Well… I think is pretty useful too

Well.. is done The Wordnewz is finally done.

As i said, there is two version of theme: free and premium. Read below to see the differences.

Preview:

Free theme :

• You have to edit all files to make some changes. For ads you need to edit files from ads folder. For index settings you need to change index.php
  • For featured slider: find

    < ?php $my_query = new WP_Query('tag=featured&showposts=3');

    featured - enter tag slug and how many slides you want

  • For small excerpts find:

    $my_query = new WP_Query('category_name=economy&showposts=3');

    Change category_name according to your category slug

• Images is added width custom fields with 130×130px for index and 200×150px for inner slider
• Plugin settings
• Print This
• Email this
• Excerpt length: 150

Download here.

What about premium version?

When you purchase the premium version you will have:

• Technical support
• Install/configure wordpress theme and plugins
• Small changes of theme (colours, sizes, etc)
• Admin panel for theme
• RSS for each category
  • mail: slice [@] iamntz. [] com
  • y!messenger: i0nutzb
  • skype: i0nutzb

The price for premium theme is $50 and for more details you can contact me here:

For now i don’t have an automatic way for purchasing, but i will reply you ASAP.

Did you ever ask yourself how can you display a “loading” indicator when you make ajax calls using various libraries?

The simple but efficient answer is this:

1
2
3
4
5
6

$(document).ready(function(){
$('<div id="busy">Loading...</div>')
        .ajaxStart(function() {$(this).show();})
        .ajaxStop(function() {$(this).hide();})
        .appendTo('body');
});

And that’s all. You need to do this only once.

Ofcourse, you can apply some CSS styles to #busy div, using an image generated with ajaxload or something similar.

I didn’t use any other libraries (actually i used prototype with scriptaculous sometime like AGES ago), but i think all cool libraries (like jQuery) have similar methods.

Another great news: with MORE than 50 fixes (but no new features tough) jQuery UI 1.5.1 is out.