Simple Machine Codes

Support => Jquery and SMF For Free => Topic started by: Agent Moose on May 28, 2007, 08:46:15 pm



Title: Jquery and SMF For Free #1(Introduction)
Post by: Agent Moose on May 28, 2007, 08:46:15 pm
If you are brand new to Jquery, you can start here. ;D  All the "Jquery and SMF For Free" Tutorials are just for you to learn Jquery for SMF For Free.  So lets get started.

A diffrence between Jquery and Javascript
There are some diffrences between Jquery and Javascript.  Jquery is just a simpler way to do Javascript, and it also involves less code writing, which is very helpfull.  Jquery is ment to move, hide, change and other things like that to an object such as text.
Javascript is to do things like put an default avatar is someone doesn't have one, yes you can do that with Jquery, it is just harder to do.


Setting up Jquery
Well, since this is SMF For Free, you will need to always have this in your Headers since SMF For Free isn't set up to use it...
Code:
<script src="jquery.js"></script>
You will only need it if you don't have it in your Headers already.

Now, you need to put script tags, which tells the code where it starts and ends.
Code:
<script>

</script>
Now that you have the script tags, you will need the next item that every since Jquery script uses...
Code:
<script>
$("")
</script>

ID's, class and tags
In between the quotation marks, will be the ID, class or just the tags of an object.  There are diffrent ways you will do ID and class though...
When you want to use an ID you will need to use the number sign (#).  If you want to use a class, you will use a period (.).  The tags of an obect would be td, tr, table, b, a, i, span and much more, just simple things like that.

So, here is an example of an ID
Code:
<script>
$("#INSERT_ID")
</script>
And here is an example of a class
Code:
<script>
$(".INSERT_CLASS")
</script>
Here is an example of a tag.
Code:
<script>
$("table")
</script>

Useing tags and classes together
In some cases, you will need to do something where you need to put the tag and the class so that you know your getting the right thing...
Code:
<script>
$("table.class")
</script>
As you can see, the tags class is called "class".


That is it for the first lesson of many for Jquery and SMF For Free.  Hope this helped you out, if you have any questions, just post it here.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: deathwilldie on May 28, 2007, 09:48:56 pm
This is a very good tutorial.  Thanks for posting it.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Agent Moose on May 28, 2007, 09:50:27 pm
No problem.  It was easy to do.  Does you get everything in the tutorial?


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: deathwilldie on May 31, 2007, 12:56:10 am
yes I Does get every thing in the tutorial.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Agent Moose on May 31, 2007, 02:15:25 am
wow...ummm...that is basicly all I can explain it though.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: xscg on August 09, 2007, 08:36:15 am
This is a great tutorial!

Its still abit confusing, but I should be able to understand it.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Celebrus on August 09, 2007, 08:50:56 am
And if you have any questions, feel free to ask.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: ModKilla on September 29, 2007, 08:22:18 am
Where Is The Headers?


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Agent Moose on September 29, 2007, 05:00:56 pm
Admin>Manage Styles>Headers and Footers.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: camobeast23 on February 09, 2008, 10:55:25 pm
How can you tell if it is a class, tag, or an ID?


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Celebrus on February 09, 2008, 11:39:20 pm
This (http://smcodes.smfforfree3.com/index.php/topic,570.0.html) might explain that.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: yurmomshot3 on May 19, 2008, 05:40:50 pm
Do you just make codes up?


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Musicinsanity on May 19, 2008, 06:06:20 pm
No you have to learn how to make them


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: yurmomshot3 on May 19, 2008, 06:16:24 pm
Post a code for me please?


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: legend 1234 on May 20, 2008, 02:58:30 am
a code ?

this whole forum is made of codes

look through the different boards or search in the index for any code you would like that has been made

legend 1234


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Musicinsanity on May 20, 2008, 06:10:58 am
Yurmomshot, This board is based on codes if you have no clue what they are you Pretty much are a Grasshopper in an ant hill.


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: yurmomshot3 on May 20, 2008, 01:54:09 pm
Yell I no what they are I wanted to no how to make them is there a sight to learn or anything?


Title: Re: Jquery and SMF For Free #1(Introduction)
Post by: Agent Moose on May 20, 2008, 02:22:44 pm
http://smcodes.smfforfree3.com/index.php/topic,620.0.html (http://smcodes.smfforfree3.com/index.php/topic,620.0.html)