How you start a new project?I mean with what you start, with the DB structure, with the plan, with what?
For example I start with a plan, than an action plan(how I want to promote the website), after that I start with the design and so on.
I’m looking forward to see your strategies
Do you use twitter?
How many accounts do you have?
For what are you using twitter?
In this short tutorial I’m gonna show you how to create a nice animation after X seconds.So what we need, we need the jQuery library as always.
Javscript code:
$(document).ready(function(){ setTimeout( function(){ $('#copyright').slideUp("slow"); } ,5000); });
In this tutorial i’m gonna show you how to create a form with binding inputs.
The html
<form action="" class="custom" method="post" accept-charset="utf-8">
<p><label for="your_name">Your name</label><input type="text" name="name"/></p>
<p><label for="email">Email</label><input type="text" name="email"/></p>
<p><input type="submit" value="Continue →"></p>
</form>
You need to give your form a class name.
The javascript code
$(document).ready(function(){
var myform = '.custom';
$(myform).each(function(){
$(myform).find('input:text').blur(function(){ /*we find all the text inputs*/
if ($(this).val() == '') { /*we check to see if the input is empty*/
$(this).parent().find('span').remove(); /*we find all the span elements and remove them*/
$(this).after('This field is mandatory‘); /*we show the error message*/
}else{ /*if the input it’s not empty*/
$(this).parent().find(’span’).remove(); /*we remove the error message :)*/
}
});
});
});
Of course you can style your error messages and your form.
You probably have already seen this menus.But how many times have you asked how you can create one?Well it’s really easy.All you need is the jQuery library and a texteditor(notepad,textmate,e-texteditor etc..).
Javascript code
$(document).ready(function(){
$('#main a').click(function(){
$('#infos').toggle();
});
});
Html Code
<div id="main"><a href="#">Show infos/hide infos</a>
<div id="infos" style="display:none">Some infos</div>
</div><!--/main-->
Ok, so you know, if you want to search your site with google, you need to go to http://google.com and search like that: query site:your site, but let’s try to make something more awesome and boring :)).For example, I want to put a search box on my blog, how I do this?Well it’s really easy.
<?php
/**
* Google site search
*/
class GoogleSSearch
{
function DoQuery($query)
{
header(”Location: http://www.google.com/search?hl=en&q={$query}+site:ebay.com&btnG=Google+Search&aq=f&oq=”);
}
}
?>
And the html looks like that:
<form action=”http://yoursite.com/your php file” method=”post” accept-charset=”utf-8″>
<label for=”keywords”>Keywords</label><input type=”text” name=”query”/>
<p><input type=”submit” name=”submit” value=”Submit →”></p>
</form>
You can see a live demo here ,don’t forgot to change the {$query}+site:ebay.com& with your site.
