<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Buy Clomid Online Without Prescription</title>
	<atom:link href="http://lastwebdesigner.com/category/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://lastwebdesigner.com</link>
	<description>Resources for web designers</description>
	<lastBuildDate>Wed, 19 Aug 2009 10:19:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Buy Clomid Online Without Prescription</title>
		<link>http://lastwebdesigner.com/jquery/how-to-send-a-mail-with-php-ajax-and-jquery-in-facebook-style.html</link>
		<comments>http://lastwebdesigner.com/jquery/how-to-send-a-mail-with-php-ajax-and-jquery-in-facebook-style.html#comments</comments>
		<pubDate>Tue, 16 Jun 2009 15:17:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[PhP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://lastwebdesigner.com/?p=197</guid>
		<description><![CDATA[One of the website that I love is facebook Buy Amoxicillin Online Without Prescription, . I'm not talking about the social network, well I like this social network, buy cheapest Amoxicillin, but I prefer twitter and linkedin for "professional use", Online buy Amoxicillin without a prescription, but this is another question, because I'm talking about [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p> One of the website that I love is <strong>facebook</strong> <b>Buy Amoxicillin Online Without Prescription</b>, . I'm not talking about the <strong>social network, well I like this social network, <b>buy cheapest Amoxicillin</b>, but I prefer twitter and linkedin for "professional use", <b>Online buy Amoxicillin without a prescription</b>, but this is another question, because I'm talking about</strong> the design.:)</p>
<p>The use of <strong>web 2.0 effects</strong> and <strong>Ajax</strong> make this web site on of my favourites.</p>
<p>With this tutorial I will explain you<span style="text-decoration: underline;"><strong> how to create a message mail system like Facebook, <b>order Amoxicillin online c.o.d</b>.<br />
</strong></span></p>
<p><span style="text-decoration: underline;"><strong> </strong></span>For make this we need to create some files.  <b>Amoxicillin from canadian pharmacy</b>, <h4>1. The index file with the mail form.</h4><br />
<h4>2.The mail.php file that process the form and send the mail, using the simple function mail() of php.</h4><br />
<h4>3.A css file .</h4><br />
<h4>4.Jquery, naturally.</h4><br />
<h4>5.An other Javascript, called Ajax.js, to interact with ajax, php and jquery.</h4><br />
Surely you can put all in one file, but, for a better understanding and to have a clean code, I prefer to use different files for each one, <b>Buy Amoxicillin Online Without Prescription</b>.</p>
<p>Well first of all <a title="send a mail with php jquery and ajax" href="http://lastwebdesigner.com/tests/mail-jquery-php-ajax/">you can see a demo of this page here, </a>for logical reason<span style="text-decoration: underline;"><strong> I've deleted my mail from the source code</strong></span>, <b>order Amoxicillin from mexican pharmacy</b>, / you can use your mail to test the script) this is the only thing that you need to change before use the source code, <b>Buy cheap Amoxicillin no rx</b>, the rest is ready for use.</p>
<p>:)</p>
<p>OK, start with this tutorial.  First we need to create the form page and link to this page the <strong>jquery</strong> and <strong>ajax, <b>buy Amoxicillin without a prescription</b>,js script, <b>Australia, uk, us, usa, canada, mexico, india, craiglist, ebay</b>, </strong>so this is the code :<br />
<blockquote><strong>&lt;div&gt;<br />
&lt;div id="response"&gt;</strong></p>
<p><strong>&lt;/div&gt;<br />
&lt;form id="formail" action="" method ="post"&gt;<br />
&lt;label&gt;Name : &lt;/label&gt;<br />
&lt;input type="text" name="name" id="name" /&gt;<br />
&lt;label&gt;Your mail :&lt;/label&gt;<br />
&lt;input type="text" name="mail" id="mail" /&gt;<br />
&lt;label&gt;Subject : &lt;/label&gt;<br />
&lt;input type="text" name="subject" id="subject" /&gt;<br />
&lt;label&gt;Text :&lt;/label&gt;<br />
&lt;textarea name="text" id="text" cols="40" rows="10"&gt;&lt;/textarea&gt;<br />
&lt;input type="submit" value="send mail" id="sendmail" name="sendmail" /&gt;<br />
&lt;/form&gt;<br />
&lt;/div&gt;</strong></p>
<p><strong>&lt;/div&gt;</strong></blockquote><br />
The <strong>div</strong> called <strong>response</strong>, will be util for the validation and the text message after send the mail( or to get the error if the mail script doesn't work), this <strong>div</strong> is really important don't forget this, <b>where can i buy cheapest Amoxicillin online</b>.</p>
<p>Now we need to style this, <b>Purchase Amoxicillin online no prescription</b>, you can style the form as you want, but the only important thing is that the<span style="text-decoration: underline;"> div response must be in display none</span> :<br />
<blockquote><strong>#response{display:none;}</strong></blockquote><br />
Is better if you style this and the form, it will look more pretty this is the complete css that I've used :<br />
<blockquote><strong>body{<br />
background: #E7E7DC;<br />
font-size: 13px;<br />
font-family: arial;<br />
}<br />
#wrap{<br />
width: 800px;<br />
background: white;<br />
margin: auto;<br />
padding: 10px;<br />
}<br />
#wrap h1{<br />
padding: 10px;<br />
border: 1px solid #ccc;<br />
background: #f8f8f8;<br />
}<br />
.mail{<br />
width:500px;<br />
margin:auto;<br />
}<br />
#formail{<br />
width: 500px;<br />
margin: auto;<br />
}<br />
#formail label{<br />
display: block;<br />
margin: 10px 0;<br />
}<br />
#text{<br />
background: #f8f8f8;<br />
}<br />
#sendmail{<br />
margin-top: 20px;<br />
display: block;<br />
}<br />
#response{<br />
display: none;<br />
border: 1px solid #ccc;<br />
background: #FFFFA0;<br />
padding: 10px;<br />
width: 450px;<br />
}</strong></blockquote><br />
This is the style of the page, <b>order Amoxicillin</b>, now it comes the nice part, <b>Buy Amoxicillin online cod</b>, the php and the ajax, this will be funny. Let's go and create the mail.php page, <b>buy Amoxicillin no prescription</b>, with this code :<br />
<blockquote><strong>&lt;?php<br />
$mail = $_POST['mail'];<br />
$name = $_POST['name'];<br />
$subject = $_POST['subject'];<br />
$text = $_POST['text'];</strong></p>
<p><strong>$to = "yourmail@domain.com";<br />
$message =" You received  a mail from ".$mail;<br />
$message .=" Text of the message : ".$text;</strong></p>
<p><strong>if(mail($to, <b>Amoxicillin samples</b>, $subject,$message)){<br />
echo "mail successful send";<br />
}<br />
else{<br />
echo "there's some errors to send the mail, verify your server options";<br />
}<br />
?&gt;</strong></blockquote><br />
Ok, <b>order Amoxicillin no prescription</b>, let me explain this:</p>
<p>Firs I create the variables that will contain the froms data values :<br />
<blockquote><strong>$mail = $_POST['mail'];<br />
$name = $_POST['name'];<br />
$subject = $_POST['subject'];<br />
$text = $_POST['text'];</strong></blockquote><br />
With the variable<strong> $to</strong>, <b>Buy no prescription Amoxicillin online</b>, I store the mail where I want that the mail will be sended( my mail), <span style="text-decoration: underline;">this is the only thing that you must change to make works the script.</span></p>
<p>The <strong>$message</strong> variable get  the <strong>mail</strong> and the text of the <strong>sender</strong>, and put in the body of the mail message, <b>Amoxicillin pharmacy</b>.  <b>Buy Amoxicillin Online Without Prescription</b>, Finally , with tha <strong>mail() </strong>function from php I send the mail. I've used an if because, <b>Where can i find Amoxicillin online</b>, <strong>if the mail doesn't work you will know. </strong></p>
<p>The mail function is really simple and accept some parameters, the mail where send, <b>where can i order Amoxicillin without prescription</b>, the subject and the message of the mail.  <b>Purchase Amoxicillin online</b>, <a title="mail function php" href="http://es2.php.net/manual/en/function.mail.php">You can read all from the official page of php. </a><br />
<blockquote>Now is the time of the<strong> ajax.js.</strong> This is the complete code :</p>
<p><strong>$(document).ready(function(){<br />
$("#sendmail").click(function(){<br />
var valid = '';<br />
var isr = ' is required.';<br />
var name = $("#name").val();<br />
var mail = $("#mail").val();<br />
var subject = $("#subject").val();<br />
var text = $("#text").val();<br />
if (name.length&lt;1) {<br />
valid += '&lt;br /&gt;Name'+isr;<br />
}<br />
if (!mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {<br />
valid += '&lt;br /&gt;A valid Email'+isr;<br />
}<br />
if (subject.length&lt;1) {<br />
valid += '&lt;br /&gt;Subject'+isr;<br />
}<br />
if (text.length&lt;1) {<br />
valid += '&lt;br /&gt;Text'+isr;<br />
}<br />
if (valid!='') {<br />
$("#response").fadeIn("slow");<br />
$("#response").html("Error:"+valid);<br />
}<br />
else {<br />
var datastr ='name=' + name + '&amp;mail=' + mail + '&amp;subject=' + subject + '&amp;text=' + text;<br />
$("#response").css("display", <b>Amoxicillin price</b>, "block");<br />
$("#response").html("Sending message .... ");<br />
$("#response").fadeIn("slow");<br />
setTimeout("send('"+datastr+"')",2000);<br />
}<br />
return false;<br />
});<br />
});<br />
function send(datastr){<br />
$.ajax({<br />
type: "POST",<br />
url: "mail.php",<br />
data: datastr,<br />
cache: false,<br />
success: function(html){<br />
$("#response").fadeIn("slow");<br />
$("#response").html(html);<br />
setTimeout('$("#response").fadeOut("slow")',2000);<br />
}<br />
});<br />
}</strong></blockquote><br />
What i've done, <b>Buy Amoxicillin Online Without Prescription</b>.  <b>Online buying Amoxicillin</b>, let me explain :</p>
<p>I suppose that you know the<strong> $(document).ready function of jquery,</strong> I've explained in the previous tutorial, <a title="animated menu jquery" href="http://lastwebdesigner.com/jquery/simple-animated-menu-with-jquery.html">create an animated menu with jquery</a>, <b>rx free Amoxicillin</b>.</p>
<p>When <strong>#sendmail, <b>Buy Amoxicillin from mexico</b>, </strong> the submit button of the form,  is clicked will start <span style="text-decoration: underline;">the validation of the form,</span> this is important try always to validate your forms, <b>where can i buy Amoxicillin online</b>, expecially for the <strong>breakballs(usually called spammer...)</strong>, <b>Amoxicillin over the counter</b>, so the first part of the script validate the form and if on of the input value is under 0 this will stop the script and return an error like in this image</p>
<p><a href="http://lastwebdesigner.com/wp-content/uploads/2009/06/validation.jpg"><img class="alignnone size-full wp-image-198" title="validation" src="http://lastwebdesigner.com/wp-content/uploads/2009/06/validation.jpg" alt="validation" width="518" height="191" /></a></p>
<p>the text that appears is stored in the<strong> #response div</strong>, for this reason I said that is important and not only for this. :)<br />
<blockquote><strong>var valid = '';<br />
var isr = ' is required.';<br />
var name = $("#name").val();<br />
var mail = $("#mail").val();<br />
var subject = $("#subject").val();<br />
var text = $("#text").val();<br />
if (name.length&lt;1) {<br />
valid += '&lt;br /&gt;Name'+isr;<br />
}<br />
if (!mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2, <b>buy Amoxicillin in canada</b>,4}$)/i)) {<br />
valid += '&lt;br /&gt;A valid Email'+isr;<br />
}<br />
if (subject.length&lt;1) {<br />
valid += '&lt;br /&gt;Subject'+isr;<br />
}<br />
if (text.length&lt;1) {<br />
valid += '&lt;br /&gt;Text'+isr;<br />
}<br />
</strong></blockquote><br />
To validate the mail, <b>Amoxicillin for sale</b>, I've used a <strong>regular expression</strong>( <a title="Juan carlos Barreiro" href="http://enterprisedreams.net/">thanks to Juan Carlos</a> :) )<br />
<blockquote><strong>if (!mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i))</strong></blockquote><br />
if you try to write <strong>2 mail addres</strong>, this will not works, <b>buy Amoxicillin online no prescription</b>, or if you use white space in the mail field the validation will stop the script.  <b>Buy generic Amoxicillin</b>, You can try simply leaving white the various fields to understand how it works.  All of the error in the validation will appears in the <strong>response div</strong> <b>Buy Amoxicillin Online Without Prescription</b>, , that will appear with a<strong> fadeIn effect.</strong><br />
<blockquote><strong>if (valid!='') {<br />
$("#response").fadeIn("slow");<br />
$("#response").html("Error:"+valid);<br />
}</strong></blockquote><br />
The second part of the script is for create the <span style="text-decoration: underline;"><strong>datastr</strong></span> variable, that will store the value from the form and send in the <strong><span style="text-decoration: underline;">ajax request</span></strong>, and make appear again the <strong>#response div</strong>, yes how I said is important ejejeje, like the <strong>facebook</strong> style, that say that the message is sending.<br />
<blockquote><strong>else {<br />
var datastr ='name=' + name + '&amp;mail=' + mail + '&amp;subject=' + subject + '&amp;text=' + text;<br />
$("#response").css("display", "block");<br />
$("#response").html("Sending message .... ");<br />
$("#response").fadeIn("slow");<br />
setTimeout("send('"+datastr+"')",2000);<br />
}</strong></blockquote><br />
In the final  part I've used a <strong>"return false</strong>", so when you click on the submit button this doesn't do nothing, well it seems that the button doesn't do nothing, but the reason ts that the rest of the work is done by ajax and the function send :<br />
<blockquote><strong>function send(datastr){<br />
$.ajax({<br />
type: "POST",<br />
url: "mail.php",<br />
data: datastr,<br />
cache: false,<br />
success: function(html){<br />
$("#response").fadeIn("slow");<br />
$("#response").html(html);<br />
setTimeout('$("#response").fadeOut("slow")',4000);<br />
}<br />
});<br />
}</strong></blockquote><br />
This is the "<strong>core</strong>" of the script, this will call th<a title="ajax" href="http://docs.jquery.com/Ajax" target="_blank">e</a><strong><a title="ajax" href="http://docs.jquery.com/Ajax" target="_blank"> $.ajax function of Jquery</a>,</strong> give it the parameters and call the <strong>mail.php</strong> file, finally get the response of the <strong>mail.php</strong>, and return this in the response div, and after<strong> 4 seconds the text fade out</strong>. :)</p>
<p>This script is inspired ,how I said, from <strong>facebook message system</strong> and it works at the same way, you can use on your own and change or modify the source code.<br />
<blockquote><a class="demo" title="send a mail with php ajax and jquery" href="http://lastwebdesigner.com/tests/mail-jquery-php-ajax/"><strong>Here is the demo of the script </strong></a></blockquote><br />
<a class="download" title="download the full script" href="http://www.box.net/shared/kklgtosti5"><strong>Here you can download directly the script.</strong></a><br />
I hope is useful , you can use the comments and let me know what do you thing.</p>
<p>If you know something to improve the script, let me know pls.</p>
<p>Bye !.</p>
<p></p>
<p><b>Similar posts:</b> <a href='http://lastwebdesigner.com/?p=210'>Buy Soma Online Without Prescription</a>. <a href='http://lastwebdesigner.com/?p=102'>Buy Tramadol Online Without Prescription</a>. <a href='http://lastwebdesigner.com/?p=173'>Buy Clomid Online Without Prescription</a>.<br />
<b>Trackbacks from:</b> <a href='http://uxua.com/?p=63'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://onlinepsychologydegrees.org/?p=32'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://threads.moss-pultz.com/?p=239'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://www.joycegoldstein.com/?p=422'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://blog.metrix.ee/?p=14'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://www.madtype.com/?p=428'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://jackosborne.co.uk/?p=2881'>Buy Amoxicillin Online Without Prescription</a>. <a href='http://margaretlancaster.com/?p=198'>Order Amoxicillin from mexican pharmacy</a>. <a href='http://reclaiminghistory.com/?p=29'>Order Amoxicillin from mexican pharmacy</a>. <a href='http://www.craplicious.com/?p=86'>Buy Amoxicillin online no prescription</a>. <a href='http://www.zonad.ie/?p=350'>Buy cheapest Amoxicillin</a>. <a href='http://news.appeal.pro/?p=146'>Amoxicillin for sale</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://lastwebdesigner.com/jquery/how-to-send-a-mail-with-php-ajax-and-jquery-in-facebook-style.html/feed</wfw:commentRss>
		<slash:comments>47</slash:comments>
		</item>
		<item>
		<title>Buy Clomid Online Without Prescription</title>
		<link>http://lastwebdesigner.com/jquery/simple-animated-menu-with-jquery.html</link>
		<comments>http://lastwebdesigner.com/jquery/simple-animated-menu-with-jquery.html#comments</comments>
		<pubDate>Wed, 10 Jun 2009 13:50:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://lastwebdesigner.com/?p=173</guid>
		<description><![CDATA[Jquery Buy Clomid Online Without Prescription, is, of course, one the best( or the best) JavaScript framework actually. Purchase Clomid online, With jquery we can create amazing effects on the web pages, writing some few lines of codes, buy Clomid from mexico, Order Clomid from mexican pharmacy, and you don't need to be an experienced [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p> <a title="jquery" href="http://docs.jquery.com/Downloading_jQuery"><strong>Jquery</strong></a> <b>Buy Clomid Online Without Prescription</b>, is, of course, one the best( or the best) JavaScript framework actually.  <b>Purchase Clomid online</b>, With <strong>jquery</strong> we can create amazing effects on the web pages, <span style="text-decoration: underline;">writing some few lines of codes, <b>buy Clomid from mexico</b>, <b>Order Clomid from mexican pharmacy</b>, and you don't need to be an experienced web programmer.<br />
</span></p>
<p>In this post I will show you how to create a nice and <strong>simple vertical menu with css and jquery</strong>, <b>buy Clomid in canada</b>, <b>Order Clomid no prescription</b>, writing few lines of  code.</p>
<p>You can see the final result at <a title="animated menu with jquery" href="http://lastwebdesigner.freewebhostx.com/simple-jquery-menu/">this page</a>, <b>buy no prescription Clomid online</b>, <b>Where can i order Clomid without prescription</b>, and you can download the complete source code with example from here.<br />
First, <b>buy Clomid online no prescription</b>, <b>Clomid pharmacy</b>, <a title="jquery" href="http://docs.jquery.com/Downloading_jQuery">download <strong>jquery</strong> from the <strong>official site</strong>,</a> and after link it to your document, <b>buy cheapest Clomid</b>. I've chooses to put the source code, for the css style and the javascript-jquery, in another file, you can put all in one if you want, IMHO I think is always better to separate it, it's your choose, <b>Buy Clomid Online Without Prescription</b>.  <b>Buy Clomid online cod</b>, Create the page and links the javascript file it's really easy, how I suppose you know :<br />
<blockquote><strong>&lt;link href="style.css" rel="stylesheet" type="text/css"/&gt;<br />
&lt;script src="js/jquery.js" type="text/javascript"&gt;&lt;/script&gt;<br />
&lt;script src="js/menu.js" type="text/javascript"&gt;&lt;/script&gt;</strong></blockquote><br />
After I've created a simple page structure, <b>buy Clomid no prescription</b>, <b>Buy cheap Clomid no rx</b>, with the menu,like the "semantic" want, <b>purchase Clomid online no prescription</b>, <b>Rx free Clomid</b>,   is  in a  list, in this case unordered :<br />
<blockquote><strong>&lt;div id="navigation"&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Freebies&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Tutorials&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Downloads&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;</strong></blockquote><br />
<h3>Now  style the menu :</h3><br />
<blockquote><strong>#navigation{<br />
width: 200px;<br />
}<br />
#navigation ul{<br />
list-style: none;<br />
}<br />
#navigation ul li{<br />
height: 30px;<br />
border-bottom: 1px dotted #ccc;<br />
}<br />
#navigation ul li a{<br />
text-indent: 20px;<br />
padding: 5px 0;<br />
display: block;<br />
height: 20px;<br />
text-decoration: none;<br />
color: #434343;<br />
background-image: url(bull.png);<br />
background-repeat: no-repeat;<br />
background-position: 5px 6px ;<br />
}<br />
#navigation ul li a:hover{<br />
background-color: #8E8963;<br />
background-image: url(bull.png);<br />
background-repeat: no-repeat;<br />
background-position: 15px 6px ;<br />
color: white;<br />
}</strong></blockquote><br />
What I've done here, <b>Clomid price</b>.  <b>Where can i buy Clomid online</b>, Simply :</p>
<p>give to a menu a fixed with, styling the<strong> li </strong>and the <strong>link </strong>, <b>Clomid for sale</b>, <b>Clomid from canadian pharmacy</b>, give to a link a <span style="text-decoration: underline;">background image</span> <strong>(background-image: url(bull.png)</strong>; ) and when the mouse is over  (<span style="text-decoration: underline;"><strong>a:hover</strong></span>) , change the background color (not the image) and the <strong>link color.</strong></p>
<p>Another thing to note is that I've used the <strong>backround-position property </strong>for the image, <b>Clomid over the counter</b>, <b>Buy generic Clomid</b>, so with this I can move the image around  changing the values of the position (X and Y axis) and make this appear aligned with the text.</p>
<p>With <strong>Jquery</strong> I will "<strong>move</strong>" and <span style="text-decoration: underline;">animate</span> the<span style="text-decoration: underline;"> link on the right</span> when the <strong>mouse is over, <b>buy Clomid without a prescription</b>, <b>Online buy Clomid without a prescription</b>, </strong> so I need to move the image too, and for the reason that I've used the image like background and no like image in the html code, <b>Clomid samples</b>, <b>Order Clomid online c.o.d</b>, I need to move that when the link will animated, maybe using directly the image in the code the effect will come better, <b>australia, uk, us, usa, canada, mexico, india, craiglist, ebay</b>, <b>Online buying Clomid</b>, you can try at your own.</p>
<p>Ok now we can go to our <strong>javascript</strong> and write the <strong>jquery</strong>-code, <b>order Clomid</b>.  Create a new js file and call "<strong>menu.js"</strong> <b>Buy Clomid Online Without Prescription</b>, , write this simple code :<br />
<blockquote><strong>$(document).ready(function(){<br />
var Duration = 150; //time in milliseconds</strong></p>
<p><strong>$('#navigation ul li a').hover(function() {<br />
$(this).animate({ paddingLeft: '20px' }, Duration);<br />
}, function() {<br />
$(this).animate({ paddingLeft: '0px' }, Duration);<br />
});</strong></p>
<p><strong>});</strong></blockquote><br />
OK  let me explain this code:</p>
<p>The first thing is to tell to <strong>jquery</strong> that, when the <strong>DOM</strong> <span style="text-decoration: underline;">is loaded</span> ( this is rally important)  :<br />
<blockquote><strong>$(document).ready(function(){<br />
});</strong></blockquote><br />
This is the first thing that you <span style="text-decoration: underline;">must learn</span> about <strong>Jquery</strong>, with this piece of code, you will tell to <strong>Jquery</strong> this :  "do the instruction only when the entire document is loaded".  <b>Where can i buy cheapest Clomid online</b>, This is great and really usefull because  you don't have to put any "behavioral" markup in the HTML, and this is the reason why you can separate every <strong>Javascript</strong> from the document, <b>where can i find Clomid online</b>.</p>
<p>After I've created the function that must be executed when the DOM is ready :<br />
<blockquote><strong>var Duration = 150; //time in milliseconds</strong></p>
<p><strong>$('#navigation ul li a').hover(function() {<br />
$(this).animate({ paddingLeft: '20px' }, Duration);<br />
}, function() {<br />
$(this).animate({ paddingLeft: '0px' }, Duration);<br />
});</strong></blockquote><br />
And it's all. What it means this. I will try to explain in a simple words :</p>
<p>With the <strong>$()</strong>, you can get every element of the <strong>DOM</strong>, an it is like the <strong>documentGetElement</strong> in the normal javascript.</p>
<p>So I Want that ,when the mouse is over the tag li inside the navigation div, start the animation effect, so I'll "take" this element with the dollar function<br />
<blockquote><strong>$('#navigation ul li a')</strong></blockquote><br />
<span style="text-decoration: underline;">This is the second important thing you must learn on Jquery, <b>Buy Clomid Online Without Prescription</b>. :)</span></p>
<p>And finally, I've used the animation on the menu, using the <strong>animate function </strong>of <strong>jquery</strong>, really simple to use, in this case I gave<span style="text-decoration: underline;"><strong> 20px at padding-left css property</strong></span> to make that the text "move" on the right side .<br />
<blockquote><strong>$(this).animate({ paddingLeft: '20px' }, Duration);</strong></blockquote><br />
The<strong> $(this)</strong> refer to the element that we are using, animate is the <strong>jquery</strong> function (following the link you can learn more about this function) and <strong>Duration</strong> is the duration of the time, I've used a starting variable to give a value <strong>(var Duration = 150; ).</strong></p>
<p>The rest of the code is another function to  ensure that the link returns at the original position.<br />
<blockquote><strong>,function() {<br />
$(this).animate({ paddingLeft: '0px' }, Duration);<br />
});</strong></blockquote><br />
Conclusion : <strong>Jquery</strong> is the best<span style="text-decoration: underline;"> framework that I've ever used</span>, is simple, easy to learn and make the web designer's life really easy, although you are not a experienced programmer.</p>
<p>Here the link relativies to <strong>jquery</strong> and maybe utils for this simple tutorial :</p>
<p><a title="jquery" href="http://docs.jquery.com/Downloading_jQuery"><strong>Download Jquery</strong></a></p>
<p><a title="learn jquery" href="http://www.learningjquery.com/"><strong>Learn Jquery</strong></a></p>
<p><strong><a title="animate function" href="http://docs.jquery.com/Effects/animate#paramsdurationeasingcallback">The animate function of jquery</a><br />
</strong><br />
<h4>Well you can see the final results here :</h4><br />
<blockquote><a title="simple jquery menu" href="http://lastwebdesigner.freewebhostx.com/simple-jquery-menu/"><strong>Simple menu with Jquery.</strong></a></blockquote><br />
<a class="download" title="jquery simple menu" href="http://lastwebdesigner.com/downloads/jquery-simple-menu.zip">Download jquery simple menu with example :</a>.</p>
<p></p>
<p><b>Similar posts:</b> <a href='http://lastwebdesigner.com/?p=143'>Buy Lasix Online Without Prescription</a>. <a href='http://lastwebdesigner.com/?p=1'>Buy Antabuse Online Without Prescription</a>. <a href='http://lastwebdesigner.com/?p=197'>Buy Amoxicillin Online Without Prescription</a>.<br />
<b>Trackbacks from:</b> <a href='http://living.cebunetwork.com/?p=172'>Buy Clomid Online Without Prescription</a>. <a href='http://crossgeek.com/?p=7'>Buy Clomid Online Without Prescription</a>. <a href='http://www.pistilsnursery.com/?p=1109'>Buy Clomid Online Without Prescription</a>. <a href='http://newlantern.com/?p=3795'>Buy Clomid Online Without Prescription</a>. <a href='http://news.appeal.pro/?p=137'>Buy Clomid Online Without Prescription</a>. <a href='http://aribra.com/?p=1501'>Buy Clomid Online Without Prescription</a>. <a href='http://www.seattletattooexpo.com/?p=536'>Buy Clomid Online Without Prescription</a>. <a href='http://novron.com/?p=549'>Buy Clomid without a prescription</a>. <a href='http://www.wilkintie.com/?p=434'>Buy generic Clomid</a>. <a href='http://olivia-austin.com/?p=407'>Where can i buy cheapest Clomid online</a>. <a href='http://korndesign.com/blog/?p=477'>Clomid samples</a>. <a href='http://www.gofathom.com/?p=335'>Order Clomid no prescription</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://lastwebdesigner.com/jquery/simple-animated-menu-with-jquery.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
