Hatake Coding Magazine Issue #3

[CrAzY_J]

Hatake Coding Magazine Issue #3 !!

In This Issue of Hatake coding Magazine:


Coding News
New Released Codes
Code Of The Month
Coding Trends
Interview
Hacking Information
BCC
Gaming
Coding Tips & Tricks
Coding Corner part 2!.
PHP Tutorial
Helpfull Javascript LINKS
Compilers
Code for Hatake


News
Well Naruto requested for more frequent Hatake coding magazines, So i made this one fast .
Also this might be my last coding magazine because im going to leave to internet for personal issues. .
I will then focus more on programming other languges (ive already started with: C & Python).
On my free time ill try to make some atrticles for the next issue of hatake coding mag, i might not be able
to make a whole magazine because i wont have too much information on PB.
Ill will do my best though ^_^.


Once again Proboards V4 is in Hatake's coding Magazine's News!!
Proboards V4 is now just a couple of days away ! alot of coders are going to
switch over to V4 coding, though some are going to stay with PBV3 (Suddenlaunch and Conforums) and
other who are going to code for both PBV4 and PBV3 ^_^.
on April 30th Proboards Support board will switch over to the official PBV4 htmlayout and features
and alot of coders are going to check it out to see what coding methods they are going to use for V4.

Edit
^^ everything i wrote there was written couple days ago.
Proboards Support is now in closed, they can open at any time now with the new PBV4 !!


More PB coding news:
New Proboards coding clans !! (scroll down & look for the BCC article for more information)

Author: CrAzY_J

---

New Code Releases on Hatake

Advanced Board Layout V1 ~ CDDude
Member of the month Pop up ~ Naruto
Alpha Info Center V1 ~ Infection X

---

Code Of The Month

Advanced Board Layout V1 ~ CDDude

Instead of having to view the threads the regular old boring way, CDdude has changed it to make it look more stylish.
the idea of making such a code is just wonderfull (though he wasnt the first )
he did a great job in putting everything together and it paid off.

Author: CrAzY_J

---

Coding Trends
Coding Trends

• Info Center Remakes, with additional stats such as “Threads per Board,” “Posts per Thread,” “Boards per Category,” and “Posts per Member.”<br>
• PM Bars with different layouts, locations, etc.
  
• Board Modifications, with additional stats such as “Posts per Thread” and other things similar to then stuff they’d add to the Info Center Remakes.
  

Author: CDdude

---

Coder Interview (Popo aka Xylish)

CrAzY_J says:
and where have you learned coding?

Xylish says:
I started coding when my dad suggested me a hobby of designing a website. I went to a extensive 3 hour IT course covering Dreamweaver MX and Flash courses. A year later after that I started learning HTML, as I was relying on the program too much. And just last year before December I started server side maintainance and learnt some PHP. Lately, I started learning JS purely because of many coders mentioning that it's very similar to PHP, and I don't have...a php server. *cries *

CrAzY_J says:
With what programming language would you want to continue now?

Xylish says:
Javascript and pHp

CrAzY_J says:
And where do you see yourself go in the future with these languages?

Xylish says:
I see myself coding my very own forum and skinning it with my friends one day ^_^

CrAzY_J says:
Do you have any plans for your future codes on Proboards?

Xylish says:
I'm planning on to code a massive, admin panel hack which adds extra features to proboards which version 4 does'nt offer. Sorta like a "proboards expansion pack" featuring gradient hacks, info center hacks etc.

CrAzY_J says:
talking about PBV4, will you 'switch over' to PBV4, or will you also keep on coding for SL & CF

Xylish says:
Well, to be frank, I hav'nt thought much about my future codes for proboards. But I'm sorta picking up an idea that I want my codes to be clean, fast and used by many people. Like your daily dose of Vitamin C.
As for pbv4, yes, of course I'll switch over. I just need to get my DOM right before that big event

CrAzY_J says:
We know you do graphics and your very talented in that area also, now if you had to choose between graphics and coding. which would it be?

Xylish says:
I would still choose graphics, it's still my number 1 trump card

CrAzY_J says:
you have just made a new coding clan, do you have anything to say about that?

Xylish says:
I'll have to say that this clan, would one day florish and be known throughout the whole proboards ^_^

CrAzY_J says:
any other comments?

Xylish says:
Good luck to Leon and the BCC members. Also, I would like to say thanks to the people who supports me, through the good and the hard times. *sniff*

CrAzY_J says:
any other comments about coding or the interview....

Xylish says:
oh...

Xylish says:
*falls over*

Xylish says:
Thanks to crazy_j for his time on interviewing me, and I will improve my coding to catch up to Peter's level! ^-^

Author: CrAzY_J

---

Hacking

I thought i might give some people some hacking information. =P

First of all you need to know the differences between a hacker and a cracker, most people
take someone who does harm to a computer as a hacker, but they're wrong, hacker's dont do harm
to other people's computer, infact they help others improve their security.
A hacker is just someone who has some more talent or just knows more about the world of technology (the black world that is).

I wanted to become a cracker at one time like alot of my friends, i joined some hacking communities and got totally flamed at
because of the idea that i wanted to become a cracker, so i changed my path and decided to become a hacker.
But i quit that too so here I am.

The very first thing every hacker is going to say to you if you ask them how to become a hacker is :
WTF!!??
or
Learn a programming language .

Alot of people think you can become a hacker with this tutorial/book and when your finished reading your done.
pfft, what a f**king n00bs =P. Its a matter of time and training, teaching yourself some hacking stuff.

You will not only need to learn a programming language, but you'll also need to know some DOS (command prompt) commands
and learn some IP/WEB hacking.
There are some cool websites that help you with that:

www.try2hack.nl
www.hackthissite.org

hacking commumities:
www.jinxhackwear.com

Author: CrAzY_J

---

Last Edit: May 10, 2005 15:38:19 GMT -8 by CrAzY_J

[CrAzY_J]

---

Brothers Coding Clan

Short for BCC.

It's a new coding clan on Proboards started by Xylish, CrAzY_J & Leon.

The goal of our clan is to improve ourself in coding and find new methods of coding that hasnt been used on Proboards before.
we dont just want to improve ourself, but improve the whole coding standards on Proboards.
We're going to battle each other to gain more coding experience and to learn from each other, and maybe in the future battle other clans.

We actually already have Rival clan, the clan of Infection X. *cough*noobs*cough* j/k.

Now our members:
Head: N/A (probably Xylish or Zero Tolerance)
A_Coolie
A_Leon
California
CDdude
Eichi
Game Valley
Hey
Jay
Leon
Shin
Xylish

And we might be looking for more members.

Author: CrAzY_J

---

Gaming


This week (or month whatever ) I’ll be doing a brief rant about gaming because Crazy needed some help with the articles so I shall help



I’ll start with my first console ever

a super Nintendo (I got it for Christmas, I was so happy, and it was so much fun ^_^), those were the good old days, the two games I got with it were: clay fighters and Aladdin, I think back now, and although the graphics weren’t what they are now, the game’s was more based on the game, and not hour long cinemas, they were just games that you could spend hours playing and having a lot of fun. Some of the games I got later on were: Jurassic park, ninja turtles, earthworm Jim (love that game!), and a lot of other weird games, mostly games no one has ever heard of, but they were still a lot of fun, I was glad to have them, and they started me off in the gaming world, now a couple years later here I am with a super Nintendo a Sega genesis a Nintendo 64, play station, playstation2 and a game cube ( I would probably get a xbox, but why support bill gates? >_>

Author: Leon

---

Coding Tips & Tricks

FireFox and Internet Explorer, the Cross-Browser Hassle

With the sudden wave of people moving to FireFox for their internet browser, Internet Explorer is steadily loosing its touch, and coders now have to supply for both kinds of users. The hassle is, certain functions only work in either one or the other.

• If you start in Internet Explorer, once you code it, open up FireFox. If the code doesn’t work go to Tools >> JavaScript Console. It’ll explain some of the errors found in your code, and you can figure out how to correct them easily from there.
  
  
• If you start in FireFox, once you code it, open up Internet Explorer and check. If the code doesn’t work, click the little yellow triangle with an exclamation point in the lower-left hand corner. This opens up a JavaScript debugger. This can provide you with information on how to correct a few minor things.
  
  
• Stick to simple things such as “innerHTML” and make sure you define all variables as soon as possible.
  

Author: CDdude

Viewing Source

Internet Explorer
Go to the top bar on the browser where it says "view", click it then choose "source"
or right click somewhere on the page (not on urls or images) and click view source.

if the source does not pop up in notepad then go to [TOOLS] > [INTERNET OPTIONS] > Look for Temporary internet Files in the GENERAl Tab. > Click [DELETE FILES]
the reason you can view the source is because your temporary internet files folder is full.

Mozzila FireFox
right click on page: view page source
on top bar: view > page source

ctrl + u

Author: CrAzY_J

---

Coding Corner 2

Advanced


setAttribute
applyElement
cloneNode
insertBefore



Well hopefull you guys still remember some of the stuff from the last magazine.
the setAttribute function, will set the attributes of a node.

Say you've made a image tag using createElement.
By using setAttribute we can add a url to the image tag, we can set the border, align..
Here's an example code



<script>
var Image=document.createElement('img')
Img.setAttribute('src','http://www.host.com/image.gif')
Img.setAttribute('border','0')
Img.setAttribute('align','center')
NODE.appendChild(Image)
</script>




the first part before the setAttribute is the node you want to set a Attribute for.

Node.setAttribute



Then follows which Attribute you want to change, then you you type in w/e you want to change of the Attribute ^_^


("Att","w/e")



apply Element
The applyElement is similair to the appendChild, The appendchild ads a childnode to the tree by grabbing the father node and then appendChild on it.
appendChild will not intefere or do anything with the tree of the father node


Fathernode.appendChild(Childnode)


applyElement works the other way around, you have your childnode and then you apply it to the fathernode.


Childobject.applyElement(fatherobject)


applyElement wont work on text Node though.
Only use apply element when your going to add the childnode tot the father node as the first child.
applyElement strips the whole tree of the father node when you use it.


Clone Node
cloneNode can be very usefull on Proboards, using cloneNode you wont have to recreate any cells/rows/tables.

If we want to grab the value of the menu bar, we use .innerHTML.
but what if we want the td's too?
for that we use cloneNode.
there are 2 different cloneNode.
cloneNOde(true) & cloneNOde(false);

cloneNOde(true) will clone the Node it's assigned to WITH the whole tree of it.
cloneNode(false) will just clone that single node.

let's try to grab the menu bar with the tr's and the td & everything in it


<script>
var Tab=document.getElementsByTagName('table')
var Menubg=Tab.firstChild.cloneNode(true)

</script>


the table's first child is the tbody, and we dont want to grab that...

you can test out this on your own ^_^, its fun.

InsertBefore

what does insertBefore do? well its inserts a node before whatever you want to insert it before =P.
a insertBefore code looks like this:


Node.insertBefore(What_to_insert, Where_to_insert)


so say we want to insert something before the banner.
we grab the first table and add a div with some text in there.


<script>
var Ta=document.getElementsByTagName('table')[0];
var id=document.createElement('div')
id.align='center';
var tt=document.createTextNode('RAWR')
id.innerHTML=tt;
Ta.insertBefore(id, Ta)
</script>



any question aobuot the tutorials, post them.

Author: CrAzY_J

---

Last Edit: May 1, 2005 8:45:35 GMT -8 by CrAzY_J

[CrAzY_J]

---

Cookie Tutorial

A cookie is a name given to a small file placed in the users temp files, this file can contain info, so that when they re-visit the site the next day, this info can be read.

Well first you want to check if the user has cookies enabled in their browser. We can do that by using the sizeof() function.


if(sizeof($_COOKIE) > 0){
// Cookies Enabled
} else {
// Cookies Disabled
}



Next you will need to know how to set cookies, we can do that by using the setcookie function.


setcookie("Cookie Name", "Cookie Value",time()+1209600);


The first part of the code is obviously what you want the cookie to be named. The second part of the code is what you want the value of the cookie to save. The third part of the code is when you want the cookie to expire, I have it set at two weeks.

if($_COOKIE[CookieName]){
echo "Cookie Here";
}


This would echo "Cookie here" if the cookies value was true.

Author:InfectionX

---

Links

Javascript
Beginners
www.htmlite.com
www.w3schools.com
www.webteacher.com/javascript/
www.codepunk.hardwar.org.uk/bjs.htm


Advanced
www.devshed.com
www.brainjar.com
www.yourhtmlsource.com/javascript/
www.codepunk.hardwar.org.uk/ajs.htm
www.webreference.com/programming/javascript/index.html


PHP
www.htmlite.com
www.w3schools.com
www.php.net.
www.phpfreaks.com

VB
msdn.microsoft.com/visualbasic/

C
www.google.com/search?q=C+language+resource

---

Compilers


for all you Javascript/HTML/CSS/PHP users out there, you guys dont need any compilers to view the output of your codes.
all you need is a internet browser (for php you'll need a php supporting webhost though).
but for other programming languges (VB, Java, C, C#, C++, Pyhon etc) you'll need a compiler to run the program.

A Compiler is a program which compiles a certain piece of code into a program.
so say we've written some program in C and want to see the results of it.
We'll need a compiler for that.

Here are some good compilers (i did not link, but just put this in as a keyword in google)

Visual Basic
Visual Basics 6.0 Enterprise Edition

C/C++
Bloodshed/Dev C++

Python
Python 2.4.1
py2exe


Look for more at: www.devshed.com

---

---

Links

Javascript
Beginners
www.htmlite.com
www.w3schools.com
www.webteacher.com/javascript/
www.codepunk.hardwar.org.uk/bjs.htm


Advanced
www.devshed.com
www.brainjar.com
www.yourhtmlsource.com/javascript/
www.codepunk.hardwar.org.uk/ajs.htm
www.webreference.com/programming/javascript/index.html


PHP
www.htmlite.com
www.w3schools.com
www.php.net.
www.phpfreaks.com

VB
msdn.microsoft.com/visualbasic/

C
www.google.com/search?q=C+language+resource

---

Compilers


for all you Javascript/HTML/CSS/PHP users out there, you guys dont need any compilers to view the output of your codes.
all you need is a internet browser (for php you'll need a php supporting webhost though).
but for other programming languges (VB, Java, C, C#, C++, Pyhon etc) you'll need a compiler to run the program.

A Compiler is a program which compiles a certain piece of code into a program.
so say we've written some program in C and want to see the results of it.
We'll need a compiler for that.

Here are some good compilers (i did not link, but just put this in as a keyword in google)

Visual Basic
Visual Basics 6.0 Enterprise Edition

C/C++
Bloodshed/Dev C++

Python
Python 2.4.1
py2exe


Look for more at: www.devshed.com

---

Code For Hatake

title: Category Splitter
creator: crazy_j
description: Ads a space between each category.
code placement: Board footers only
cross browser check: IE & FF
preview: Click
code: Click

---

Last Edit: May 1, 2005 10:04:47 GMT -8 by CrAzY_J

[CD]

Good mag Crazy. I'll have to read the tutorials later though.

[Aaron]

Great issue. The best one so far! Great work.

[ShadowyOne]

Good job, I like the amount of links you provided.

[Marty]

Great issue, Crazy. I learned something new: applyElement.

[Nomi]

Nice issue Crazy alot of cool stuff, keep up the good work. =)