Make a Javascript Adoptables System with Multiple Variations

Need help making a website? Coding your own adoptables? Ask questions or share knowledge here

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Solloby » Sat Dec 13, 2008 6:48 pm

Hey guys, thanks for posting ^.^

Blue: I'm not positive what your question means.

Are your referring to the HTML code that is output, so the adoption code of the pets? For a box similar to this:
Code: Select all
STUFF INSIDE BOX


The html code <textarea>STUFF INSIDE BOX</textarea> makes one.


Or do you mean where do you put the code in this tutorial? Most of it goes into the Javascript file (file.js or whatever you want to call it, as long as it ends in .js) but some HTML code goes into the adoption pages. You need to put the code starting with <FORM NAME="WordForm"> somewhere after the <body> tag, usually just under the image of the pet (so after the <img src="url here/egg1.jpg"><br>

Where <br> adds a line, it's like pressing the enter key to get down a line. I think it actually stands for break as in line break, but don't quote me on that.


If neither of those is what you mean then can you clarify please? ^.^;
Solloby
I take care of the CS archives and
sometimes submit pet/item designs.

My Stuff
Characters :: Artwork

Image

Help
You can find Help in the main navigation menu.
If your question or problem is not answered there, please use the Help System.
I am not a mod and cannot help you so please don't PM me for site help.
User avatar
Solloby
Archivist
 
Posts: 13427
Joined: Sat Jun 21, 2008 7:27 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Atomic Blue » Sun Dec 14, 2008 7:25 am

Solloby wrote:Hey guys, thanks for posting ^.^

Blue: I'm not positive what your question means.

Are your referring to the HTML code that is output, so the adoption code of the pets? For a box similar to this:
Code: Select all
STUFF INSIDE BOX


The html code <textarea>STUFF INSIDE BOX</textarea> makes one.


Or do you mean where do you put the code in this tutorial? Most of it goes into the Javascript file (file.js or whatever you want to call it, as long as it ends in .js) but some HTML code goes into the adoption pages. You need to put the code starting with <FORM NAME="WordForm"> somewhere after the <body> tag, usually just under the image of the pet (so after the <img src="url here/egg1.jpg"><br>

Where <br> adds a line, it's like pressing the enter key to get down a line. I think it actually stands for break as in line break, but don't quote me on that.


If neither of those is what you mean then can you clarify please? ^.^;


Oh, i think your second description is what I'm, looking for. Thanks. ^-^

EDIT- EDIT- NVM.
Image

SIE SIND DAS ESSEN
UND WIR SIND DIE JÄGER
User avatar
Atomic Blue
 
Posts: 3896
Joined: Thu Oct 23, 2008 10:55 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Lady Assassin » Wed Jan 28, 2009 11:41 am

I think it's not in the tutorial (Sorry if it is ^^");

How can we make the owner name appear ON the picture? Not below like basic HTML code, but really ON, like Chicken Smoothie do lol
User avatar
Lady Assassin
 
Posts: 1327
Joined: Tue Sep 23, 2008 4:26 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Nick » Wed Jan 28, 2009 10:03 pm

You can't do that with Javascript, you need a server-side script like PHP.
User avatar
Nick
Admin
 
Posts: 6051
Joined: Thu Jul 03, 2008 2:40 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Lady Assassin » Thu Jan 29, 2009 11:07 am

Oh, and is it complicate to learn?
Because I want to make my own adoptable website, but it is my real weak point for the part (I wan to make-it copy free with name on picture)
User avatar
Lady Assassin
 
Posts: 1327
Joined: Tue Sep 23, 2008 4:26 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Nick » Thu Jan 29, 2009 11:32 am

Yes, it is incredibly complicated.
User avatar
Nick
Admin
 
Posts: 6051
Joined: Thu Jul 03, 2008 2:40 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Hyaenidae » Mon Feb 09, 2009 12:26 pm

I tried do do that with freewebs,. I saved it and this came up:
Image
Any advice?
Formerly Flightlessdog, Psychosomatic Split, SkyeFeather, FateHowler
Matt :: [trans]Dude :: Furry :: Awesomesexual :: Saving Will Grahamcracker
ImageImage
Image


*

I'm semi-active on CS. I only visit briefly, maintaining my few groups and trading away for art/characters.
User avatar
Hyaenidae
 
Posts: 1183
Joined: Sat Aug 16, 2008 10:35 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Dorumon » Tue Jun 30, 2009 4:03 am

Notepad won't let me save to .js. Can someone help me?
Image
Hello, this is Dorumon speaking. I have retired from colecting customs of my waja Neon and her mate Flaming Galaxy. Would you like a quest? PM me, I will send you on one. You must get proof that you compleated the quest by bringing me a screen shot (or if it's a pet, the image) and the page link. The quest sender LIVES!
User avatar
Dorumon
 
Posts: 924
Joined: Sun Jun 07, 2009 2:10 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Bolt1784 » Thu Aug 13, 2009 7:44 pm

Looks interesting, but complicated. XD
User avatar
Bolt1784
 
Posts: 12891
Joined: Tue Feb 24, 2009 6:16 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Make a Javascript Adoptables System with Multiple Variations

Postby Koyuki » Sat Sep 26, 2009 12:40 am

Yay ! Finally I found a tutorial that would teach me varations. *I have to upload Javascript though*
Image
Image

Image
Image

Image
Image

♔ ━━━━━━━━━━━━━━━━┓
hey, i'm koyuki :3
your average high-school fangirl
who loves reading and drawing

RoleplayDAArtshopCoding

┗━━━━━━━━━━━━━━━━ ♔

Image
...
Image
User avatar
Koyuki
 
Posts: 2373
Joined: Sat Mar 28, 2009 4:59 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Who is online

Users browsing this forum: No registered users and 1 guest