Frames

@HunterOriginalApr 20.2005

i understand the basic concepts of javascript, not going to say im a master… and i would like to know how to achieve the following goal:

Trigger: Dropdown Menu, Select

Effect: selecting one of the options would change the source code of EVERY image on the page to a differant specified source, as well as move a few layers into slightly differant positions.. BUT, these items are in differant frames…. i understand this is going to be a rather complex code.. but i need it done.. and im not sure how this would work

to post a comment

JavaScript

119 Comments(s) _↴

@UltimaterApr 20.2005 — #So, when the users causes an onchange event on the SELECT menu, or if the user has a browser that doesn't understand onchange then after pressing a button,

you call a function. This function can totally warp all of the other frames including itself.

This is an example code that will change the IMG SRC of an Image in the parent frame:

<i>
 </i>function change_image(){
 parent.window.document.getElementById("IMG_ID").src="blah.gif"
 }

Can you clarify what frame your function will be called in and what frame the images will be in? Are you working in a parent frame or two child frames, what?

@HunterOriginalauthorApr 20.2005 — #yes, there are three frames:

Top.htm (frame id:"top")

Left.htm (frame id: "left")

News.htm (frame id: "main")

mostly standard, basicly im trieng to make it so that the layout of the site can be changed to differant "skins"

EDIT: there are images in all three frames:

Postbox.gif

Topright.gif

Topleft.gif

etc.

@UltimaterApr 20.2005 — #I asumme that the [color=royalblue]Trigger: Dropdown Menu, Select[/color] is happening in the [color=royalblue]left[/color] frame.

@HunterOriginalauthorApr 21.2005 — #actualy i was thinking of placing it in the top frame, the left frame is a lil stuffed with the navigation already..

heres my site, hope it helps you understand a little better: [url="http://www.freewebs.com/clanhunter"]Clan Site[/url] this is asuming you have a 1024 resolution

@UltimaterApr 21.2005 — #Awww.... Are all the links in there seriously broken! ??

You got me excited with Diablo Avatars...

Well, since you included the Assassin and Druid characters, I assume that you were refering to [color=red]Diablo II expansion pack[/color] because they aren't introduced until then. I quit the game about 1/2 a year ago after having a tele-barb character equiped with an enigma(Jah Ith Ber) , Yeah I still remember the runes to make that rune word because they are very expensive, very! And to top it all my Enigma was a [color=royalpurple]perfect 15[color=royalblue]%[/color][/color] Enhanced Defense Armor. That single item is worth about 8 SOJS(Stone of Jordens) which goes for about 50 bucks on ebay ?

Sorry, I got a little carried-away.

@UltimaterApr 21.2005 — #Well, regardless of where you call your function, I designed these statements to work in any of the 3 frames.

<i>
 </i>//flops an image in the main frame
 [color=royalblue]top.frames['main'].document.getElementById("someImageId").src="Postbox.gif"[/color]
 
 //flops an image in the top frame
 [color=royalblue]top.document.getElementById("someImageId").src="Postbox.gif"[/color]
 
 //flops an image in the left frame
 [color=royalblue]top.frames['left'].document.getElementById("someImageId").src="Postbox.gif"[/color]

@HunterOriginalauthorApr 22.2005 — #lol yes the links are broken becuase a great deal of the site isnt built yet, however:

http://img.photobucket.com/albums/v50/Aredon/diabloii_assassin.gif

http://img.photobucket.com/albums/v50/Aredon/diabloii_amazon.gif

http://img.photobucket.com/albums/v50/Aredon/diabloii_assassin2.gif

http://img.photobucket.com/albums/v50/Aredon/diablo_warrior.gif

?

would it be ok if you made the entire code for me? including the dropdown menu, when i said i understood the concepts.. i didnt mean i understood all of the code lol

as for the image name it will be:

http://img.photobucket.com/albums/v50/Aredon/PostBox.gif

more than likely to be swaped with (not yet exsistant)

http://img.photobucket.com/albums/v50/Aredon/RedPostBox.gif

the dropdown can have 2 options for now:

Default

Burning's Skin

after i see the whole code.. i learn rather fast.. i should be able to comprehend everything that needs changed from there.... when the code is written please put things i need to edit in all CAPS, so i can disern them from the rest of the code.. cut me some slack im new to javascript.. mostly... i knew a little once.. then i put it on a notpad and copy-paisted until my fingers bled lol, thanks a bunch for helping me out, hope to see that code soon ? (also if you are looking for a Blizzard clan, we always welcome people with leadership skills such as yourself)

@UltimaterApr 22.2005 — #Hmm... Well I got a whole Passover Seder(pronounced say-der) to deal with.

So, I can't use the computer until this coming Tuesday.

I'll get back to ya.

@HunterOriginalauthorApr 23.2005 — #aight, ill go play some WoW, WC3 and SC... *woosssshhhh* lol see you later

@HunterOriginalauthorApr 26.2005 — #it be tuesday ?

@UltimaterApr 26.2005 — #*Moves Thread to Top*

@UltimaterApr 26.2005 — #Woah...! Youre site is pretty neat-o! I didn't even know that your site had an mp3 playing in the background until I recently turned on my speakers!

I like your taste ?

Here, check this out:

[upl-file uuid=8bca2584-6ae5-46f1-9838-ab2a6c47a2d7 size=5kB]Top.htm.txt[/upl-file]

[upl-file uuid=146a5898-a2fc-4f08-a367-d5e854127206 size=22kB]news.htm.txt[/upl-file]

@UltimaterApr 26.2005 — #All ya gotta do is replace those two files (points finger at previous post) with your current two on the net.

You should see my drop-down menu enhancement to the site once you update it.

By selecting [color=royalblue]Burning's Skin[/color] from the dropdown-menu and pressing the button "swap" you will fire my function [color=royalblue]swapImageTheme()[/color]. Once the function is fired, it replaces all your

PostBox.gif 's with ReadPostBox.gif 's

(I hope you create your ReadPostBox.gif 's soon)

@HunterOriginalauthorApr 27.2005 — #cool, and its red post box, meaning it will have a redish theme to it rather than black, and are those files supose to be .htm.txt? im asuming you wanted them as .htm only lol, and why is the "Top_files" now listen on all of my images?, i can change the URLs i was just wondering why.

and hypotheticly, if i wanted the selcetor arguement to effect a large number of images, such as.. all of them, could you give me something of a 'skeliton code' to work with? :rolleyes:

the code does not function just yet, and i was testing it with a differant image as redpostbox isnt ready yet, is there a purpose to haveing Top_files folder? do you need me to move all my top images in there for the code to work? becuase it isnt functioning :/

i realy hate to be asking this much of you but my clan members are growing impatient with my lack of progress, this is an ongoing project for me, later i will need a VERY LARGE javascript code to quite literaly change the entire site, from text color, to table bordercolors, to image sorces and sizes, yes, even frame sizes... right now im just trieng to learn so i can do this myself, until then.. im going to have to employ you as a temporary sub-admin.. your earnings will total; $0 lol, but youll get displayed on the site as helping out, and get to know that you helped make my site even cooler than it already is ?

@UltimaterApr 27.2005 — #cool, and its red post box, meaning it will have a redish theme to it rather than black, and are those files supose to be .htm.txt? im asuming you wanted them as .htm only lol,
[/QUOTE]
Yeah, they are supposed to be the .htm extension.

I reason why I added .txt was becuase the forums don't allow .htm files to be uploaded but they do allow .txt files.

and why is the "Top_files" now listen on all of my images?, i can change the URLs i was just wondering why.
[/QUOTE]
I might have changed the URLs by accident. For each image, if it doesn't display, remove the Top_files directory from their URL.

and hypotheticly, if i wanted the selcetor arguement to effect a large number of images, such as.. all of them, could you give me something of a 'skeliton code' to work with? :rolleyes:
[/QUOTE]
All you'd need to do is add a few more statements to the already existing function.

the code does not function just yet, and i was testing it with a differant image as redpostbox isnt ready yet, is there a purpose to haveing Top_files folder?

[/QUOTE]
Again, remove the directory Top_files from the URL if the image(s) don't load.

do you need me to move all my top images in there for the code to work? becuase it isnt functioning :/
[/QUOTE]
No, just take-off the Top_files part off their URL. No reason to move images.

i realy hate to be asking this much of you but my clan members are growing impatient with my lack of progress, this is an ongoing project for me, later i will need a VERY LARGE javascript code to quite literaly change the entire site, from text color, to table bordercolors, to image sorces and sizes, yes, even frame sizes... right now im just trieng to learn so i can do this myself, until then.. im going to have to employ you as a temporary sub-admin.. your earnings will total; $0 lol, but youll get displayed on the site as helping out, and get to know that you helped make my site even cooler than it already is ?[/QUOTE]
I hope to hear from you.

@HunterOriginalauthorApr 27.2005 — #ok well.. the code isnt working then, i select option2, and then click swap, the browser doesnt even atempt to locate the image... and i already removed that from the URLs, that isnt why the code isnt working

@UltimaterApr 27.2005 — #The reason is because you need to also change news.htm as well.

I added an extra custom-attribute to each IMG to distingush between each image type.

I added [color=royalblue]imgClassId=0[/color] to each IMG tag that you would like to be chaged together for the theme.

imgClassId is a made-up name I came-up with and servers no purpose except that my function looks for the attribute

<i>
 </i>function swapImageTheme(){
 if(arguments[0]==0){
 var topImages=top.frames['main'].document.getElementsByTagName("IMG")
 for(var i=0;i&lt;topImages.length;i++)
 [color=red]if(topImages[i].imgClassId==0)[/color]
 topImages[i].src="http://img.photobucket.com/albums/v50/Aredon/PostBox.gif"
 }
 ...
 }

All ya gotta do is put-up my news.htm file as well.

@HunterOriginalauthorApr 28.2005 — #lol oops, cant believe i didnt catch that, also, if the theme is changed, and they pick a seperate page, will the theme on that page be the same? or will i need to add another code? i dont want them to have to press the button over and over.. thatd be bad

@UltimaterApr 28.2005 — #Do you mean once the user picks a new theme and totally exits your webpage and re-visits it again, you want the [i]new[/i] theme picked, from their previous visit, to be their default, by come kind of cookie?

@HunterOriginalauthorApr 28.2005 — #no i mean there are other pages besides "news.htm" if the effect were to change all the fetures of the site, i want to be sure that it will work with al the pages at once..

Example:

you enter the page and change the theme, the page changes before your eyes! wahoo!, then you look through the navigation and pick a differant page, you click, is the page changed by the code also? or will they have to click the button again?

(cookies can be looked into later ? its all in the plan)

Edit: and i tested the code with a temp image that no loger exsists, it works perfectly, thank you

also for kicks and giggles heres my photbucket acount (note there are 250 pictures)

Album size* 2.3 Mb ( 9.2% ) Total pictures* 250

Monthly bandwidth* 88.85 Mb ( 5.9% ) Monthly hits* 18400

this is why photobucket rocks! yay for free shtuff

@UltimaterApr 28.2005 — #Are you saying that the user enters your site and changes the theme

then he decides to leave your webpage with either the Back or Forward button and then returns later to your webpage with the Forward or Back button?

Are you asking if the theme would stay unchanged?

@UltimaterApr 28.2005 — #Wow, you get 18,400 hits a month!?

@HunterOriginalauthorApr 28.2005 — #each image counts as a hit.. so yeah, every image on the navigation... etc etc... and no, not the back button, navigation! as in, if the code changes the news page, and i opened say... the roster page, would the code affect it too? or would i need to press the button again (this is implieng i add more functions to the code)

@UltimaterApr 28.2005 — #Oh! You mean you use the navigation links in your left frame to open a link in the main frame.

You [i]would[/i] need to press the button again, [i]unless[/i] in your main frame, when the new page loads in the frame, the main frame calls a function that "looks" at the parent frame's varibles and then can automaticly fix itself to whatever theme.

@HunterOriginalauthorApr 28.2005 — #yeah that would be what i need ?, need a change text color, bg color, table border color, etc etc.. like i said.. this wont be a small job :S

@HunterOriginalauthorApr 28.2005 — #grrg i need to go now, ill be back in like an hour, (my next comp class.. lol)

@UltimaterApr 28.2005 — #All you gotta do is tell me what to change for what in each page with whatever theme.

You'd best start with only two themes and later add more once we get the code more re-usable.

@HunterOriginalauthorApr 28.2005 — #well burning is going slow with his skin so i may make my own, sort of a red and white theme, ok.... um... i need to write out what i need done on each page, or at least.. the first few, then the code can be copied from there..... yeah ill get back to you tomarro kk?

@UltimaterApr 28.2005 — #I can't work on it too late tomorrow... I can work on it 'til about 5 o' clock then.

Saterday is a for-sure no-no because I got Shabbos(Sabbath) and Pesach(Passover).

Sunday is still Pesach until Sunday night about 8 ish...

I can do some work for ya on Firday in the morning 'til about 5 and I can do some work for ya on Sunday night and the whole next day.

@HunterOriginalauthorApr 28.2005 — #yeah i understand, i prolly wont be on much on the weekend either, got me a new girlie... kinda funny.. soon as i stop looking.. WHAM.. but uh yeah ima draw that stuff up tonight, sketching is the best way to start a layout if you ask me xD

when this is done this will be the coolest FREE site ever! xD

@UltimaterApr 28.2005 — #Yeah, I betcha if ya got [size=+1][color=blue][font=Script MT Bold, Bradley Hand ITC, Rage Italic, Papyrus, Felix, Titling, Imprint MT Shadow, Arial Black, Microsoft Sans Serif]U[/font][/color][/size][color=midiumslateblue]l[/color][color=royalblue]t[/color][color=midiumslateblue]i[/color][color=royalblue]m[/color][color=midiumslateblue]a[/color][color=royalblue]t[/color][color=midiumslateblue]e[/color][color=royalblue]r[/color] on your side ??

You do the drawing and I'll do the JavaScript ?

@HunterOriginalauthorApr 28.2005 — #wootith... lol, hey... stupid time to ask this.. but hey nothing better to talk about, you need a clan? i could SOOOO use another admin on the site i mean lets face it.. one admin.. 48 pages? thats doom, not to mention someone with your patience would make an EXCELENT council member

@HunterOriginalauthorApr 28.2005 — #but yeah, i guess i have some doodling to do tonight, besides my homework, if you have any ideas for my site spill the beans

@UltimaterApr 28.2005 — #When you say join the clan, I'm not gonna be playing any blizzard WarCraft/Diablo such games.

I quit video games period and I did it for the better.

If you need someone simply to be part of your website as an admin-type person,

why not?

@UltimaterApr 29.2005 — #(removed)

[b]Edit:[/b]

Check Your Private Messages for this message.

I removed it for piece-of-mind so I don't even come close to breaking the AUP.

Even if I left this post here, I totally doubt that anything would happen to it.

(i.e. from mod. or admin. activity)

But, I would like to stay safe so I can sleep tonight w/o the fear of getting banned from the forums ?

I wouldn't want to get banned from the forums for they are very helpful to me and probably more to the people I help out. ?

Nor would I want to stoop to such a level.

You know how to check your Private Messages, correct?

(you [i]are[/i] new to the forums, so I'm just asking)

@HunterOriginalauthorApr 29.2005 — #? i have a forum of my own, so yeah i know how..

as of last night i decided since burning is being a slacker im going to make a differant skin, protoss based ? and then others such as terran and zerg, perhaps then some from wc3, but yeah heres the image i worked.. pretty much all night on getting

http://img.photobucket.com/albums/v50/Aredon/Toss2.jpg

? more to come, and when im done we can start making the code

@UltimaterApr 29.2005 — #Woah! Your just as good with images as I'm with JavaScript ?

Just tell me when you know what images to flop with what.

@HunterOriginalauthorApr 30.2005 — #currently im building the skin from bits and pieces of other people's protoss skins, and screenshots from the game, along with avitars for the portraits, wich, by the way i will eventualy need a way to have them on a time change (hidden timer = change image sorce)

www.freewebs.com/clanhunter/testframe.htm

after its all built i will seperate it into the frames i need xD

@HunterOriginalauthorMay 02.2005 — #got a LOT farther, hope to be done before my birthday... thursday.. lol Cinco De Mayo ?

@UltimaterMay 02.2005 — #Well, I'm ready to code when you are. ?

@HunterOriginalauthorMay 03.2005 — #yeah well, it would be ready but ive been struggling getting this one CSS scrollbar color code to work... its written correctly, ive changed it numerous times, caps, no caps, etc.... its not being nice >.<

 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
 &lt;title&gt;Untitled Document&lt;/title&gt;
 
 &lt;STYLE type="text/css"&gt;
 &lt;!--
 BODY
 {
 scrollbar-base-color: #CCCC00;
 scrollbar-arrow-color: #ffff00;
 scrollbar-face-color: #cc9900;
 scrollbar-track-color: #996600;
 scrollbar-shadow-color: #CC9933;
 scrollbar-highlight-color: #FFFF00;
 scrollbar-dark-shadow-color: #996600;
 scrollbar-3d-light-color: #FFFF00;
 BACKGROUND-COLOR: #000000
 }
 --&gt;
 &lt;/STYLE&gt;
 &lt;script language="JavaScript" type="text/JavaScript"&gt;
 &lt;!--
 function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i&lt;a.length; i++)
 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
 }
 
 function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))&gt;0&amp;&amp;parent.frames.length) {
 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;
 }
 
 function MM_nbGroup(event, grpName) { //v6.0
 var i,img,nbArr,args=MM_nbGroup.arguments;
 if (event == "init" &amp;&amp; args.length &gt; 2) {
 if ((img = MM_findObj(args[2])) != null &amp;&amp; !img.MM_init) {
 img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
 if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
 nbArr[nbArr.length] = img;
 for (i=4; i &lt; args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
 if (!img.MM_up) img.MM_up = img.src;
 img.src = img.MM_dn = args[i+1];
 nbArr[nbArr.length] = img;
 } }
 } else if (event == "over") {
 document.MM_nbOver = nbArr = new Array();
 for (i=1; i &lt; args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
 if (!img.MM_up) img.MM_up = img.src;
 img.src = (img.MM_dn &amp;&amp; args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
 nbArr[nbArr.length] = img;
 }
 } else if (event == "out" ) {
 for (i=0; i &lt; document.MM_nbOver.length; i++) {
 img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
 } else if (event == "down") {
 nbArr = document[grpName];
 if (nbArr)
 for (i=0; i &lt; nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
 document[grpName] = nbArr = new Array();
 for (i=2; i &lt; args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
 if (!img.MM_up) img.MM_up = img.src;
 img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
 nbArr[nbArr.length] = img;
 } }
 }
 //--&gt;
 &lt;/script&gt;
 
 &lt;/head&gt;

@UltimaterMay 03.2005 — #TRY:

<i>
 </i>&lt;style type="text/css"&gt;
 body {
 scrollbar-base-color: #CCCC00;
 scrollbar-arrow-color: #ffff00;
 scrollbar-face-color: #cc9900;
 scrollbar-track-color: #996600;
 scrollbar-shadow-color: #CC9933;
 scrollbar-highlight-color: #FFFF00;
 scrollbar-[color=red]darkshadow[/color]-color: #996600;
 scrollbar-[color=red]3dlight[/color]-color: #FFFF00;
 background-color: #000000
 }
 &lt;/style&gt;

BTW: CAPS and lowercase don't make a difference in CSS

@HunterOriginalauthorMay 04.2005 — #TRY:

<i>
 </i>&lt;style type="text/css"&gt;
 body {
 scrollbar-base-color: #CCCC00;
 scrollbar-arrow-color: #ffff00;
 scrollbar-face-color: #cc9900;
 scrollbar-track-color: #996600;
 scrollbar-shadow-color: #CC9933;
 scrollbar-highlight-color: #FFFF00;
 scrollbar-[color=red]darkshadow[/color]-color: #996600;
 scrollbar-[color=red]3dlight[/color]-color: #FFFF00;
 background-color: #000000
 }
 &lt;/style&gt;

BTW: CAPS and lowercase don't make a difference in CSS[/QUOTE]
lol ok, ill try that tonight, im on a mac right now.. no colored scrollbars, just this lame blue... ICK :mad: or maybe my next class.. yeah.. we have dells in there, and what i ment to say... the code isnt effecting the scrollbar at all.. in case you didnt already guess that.. *sigh* so much work ahead of me ?

@UltimaterMay 04.2005 — #That code executes even by itself on my computer.

i.e. your entire HTML file is:

<i>
 </i>&lt;style type="text/css"&gt;
 body {
 scrollbar-base-color: #CCCC00;
 scrollbar-arrow-color: #ffff00;
 scrollbar-face-color: #cc9900;
 scrollbar-track-color: #996600;
 scrollbar-shadow-color: #CC9933;
 scrollbar-highlight-color: #FFFF00;
 scrollbar-darkshadow-color: #996600;
 scrollbar-3dlight-color: #FFFF00;
 background-color: #000000
 }
 &lt;/style&gt;

you don't even need to put lines of text to make the scrollbars appear.

(at least on my PC with IE)

@HunterOriginalauthorMay 04.2005 — #well, we shall see, after bell rings its lunch, then i have Desktop Publishing, ill check it out then.. but tell me. www.freewebs.com/clanhunter/test/left.htm if the scroll bar is working

@UltimaterMay 04.2005 — #It will work if you omit(leave-out) this:

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;

@HunterOriginalauthorMay 04.2005 — #thats... stupid.. isnt <!DOCTYPE... a reqiured feild for a VALID html document?

@UltimaterMay 04.2005 — #I nevered used that tag even once in my whole website :rolleyes:

Plus there are several different DOCTYPEs that you can use.

You used [color=red]loose.dtd[/color]

try replacing it with Strict or something else...

Or, you can totally omit it ?

@UltimaterMay 04.2005 — #Here, I found one that works with it:

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;

@HunterOriginalauthorMay 04.2005 — #bah, i wont worry about it

@UltimaterMay 04.2005 — #Dude!

in your page: http://www.freewebs.com/clanhunter/test/left.htm

You can use:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

instead of no tag at all.

@HunterOriginalauthorMay 04.2005 — #well, now THATS done.. i better get to work on my DP project.. hate to get an F in here an miss programing next year.. lol, thanks for the help.. AGAIN.. wow.. i love you man *hug*... *looks around at everyone staring at him* "what!?! FREAK!" uh.. yeah.. lol peace

@UltimaterMay 04.2005 — #There you go ?

@HunterOriginalauthorMay 05.2005 — #http://www.hunteralliance.tk we have a domain name now ?.. kinda.. lol... also last night i drew up what needs to happen, and i got an idea as to how to make the skin effect the hole site:

Concept:

If selected -then-> change top&left frames, if top&left frames changed -then-> change all others

unless you know of a cleaner way...

im drawing up the other images soon.. tonight is my birthday.. and then we have a band concert.. should have plenty of time this weekend tho ?

@UltimaterMay 05.2005 — #So if I change the theme from the select-'N-swapper, then the top and left frames change.

Which frame is that swapper in again?

So if the top and left frames change, then all other frames change.

I hope ya mean all other frames as-in excluding both the top and left frames ?

Otherwise the top and left frames would continue swapping forever :rolleyes:

@HunterOriginalauthorMay 06.2005 — #the swapper is up top, and im saying there would be a script on each page that goes in the MAIN frame that would be like.. if image sorce in top frame = (such and such image), then alter apearance of this page by: (details).. get it?

@UltimaterMay 06.2005 — #ok, I get it.

@HunterOriginalauthorMay 06.2005 — #lol will it work tho is my question, came up with the idea a couple nights ago.. this way the swapper will be indirectly effecting every page

@HunterOriginalauthorMay 06.2005 — #since i dont have the image software with me.. ima look for some music to go with the toss theme... ganna take forever to find the in-game music online tho..

@UltimaterMay 06.2005 — #Actually, on second thought,

I don't think that an image can detect when it's SRC changes. ?

You'd have to keep an interval running the whole time every 2 seconds or so to see if an image's SRC changes ?

I guess we can flush dat idea down da toilet ?

We [i]can[/i], however, call an updater function in each frame.

The updater function, when it's called, will recieve an argument corresponding to the frame that called it -- so we avoid infinite loops.

@HunterOriginalauthorMay 09.2005 — #hmmm, so the skin would be uniform automaticly? good

i drew up some more plans last night, unfortunatly thats all they are just yet.. plans.... but once i finish the images ill get them in place, the issue is there is more images and music files in the new skin than in the old one, so some of them wont be swapped they will need to be CREATED... wich... im hoping i can do? lol

@UltimaterMay 09.2005 — #It's ok, all ya gotta do is tell me which images to swap with which in which frames.

@HunterOriginalauthorMay 10.2005 — #what if i need to swap an image with... nothingness? (ex: number of images in old frame is less than number of images in new frame.... ) so how do we get the aditional ones in?

@UltimaterMay 10.2005 — #Simple, it's called innerHTML ?

one line of code ?

@HunterOriginalauthorMay 10.2005 — #woof?... esplain

@UltimaterMay 10.2005 — #[b]Parent Frame:[/b]

images in frame: none

[b]Child Frame #1:[/b]

images in frame:default.gif

[b]Child Frame #2:[/b]

images in frame:default.gif

If the user triggers a function in Child Frame #2, then to delete an image in Child frame #1,lets name the frame "CF1", with a function called from CF2 you'd use:

<i>
 </i>function deleteAnImage(ImageId){
 parent.frames["CF1"].document.getElementById(ImageId).style.display="none"
 }

Well, setting display to none works.

It doesn't really delete the Image but it saves system resorces ?

If you wanted to actually delete it there's the outerHTML approach ?

outterHTML isn't supported in all of the latest browsers ...

to do this with outterHTML it would be:

[color=royalblue]parent.frames["CF1"].document.getElementById(ImageId).outerHTML=""[/color]

However, innerHTML is supported by more of the latest browsers than outerHTML, if not [i]all[/i]!

So, we could nest each image in a span tag ?

[color=royalblue]<span id="image1">

<img src="blah" id="img1">

</span>[/color]

To delete the span's contents, but not the span tag itself, we'd use:

[color=royalblue]parent.frames["CF1"].document.getElementById([color=green]spanTagId[/color]).[color=green]innerHTML[/color]=""[/color]

@HunterOriginalauthorMay 11.2005 — #ok cool, im still working on the images but i thought id give you a further heads up on the plan:

top frame:

-images swap (dur)

-images come into view, inner html?... yeah

-frame size change

-unit buttons will change displayed portraits (not a result of the swapper, the buttons will arive as a result of the swapper, the buttons will have their own seperate script to change the display images)

-bottum buttons will start and stop differant music tracks

-other buttons will hold functions such as: stop music, mark as homepage, save skin settings(cookie), etc.

-the varius swapped and new images' layers will need to be positioned

---------------------------

left frame:

-image will need to be swapped

-a few images will need removed

-table border color will need changed and sized

-table posistioning will need to be set to center

-layer size will need to be set to "*"

-frame size change

-background color needs to change from #CCCCCC to #000000

-scrollbar color will need changed to new settings

---------------------------------

News:

-Post box will need changed

-background color needs to change from #CCCCCC to #000000

-scrollbar needs changed to new color settings

[color=red]i also need a way to automate my post making... moving every layer 400px down at a time.. takes about 20min and.. thats not cool (we cannot use CGI or PHP or COLDFUSION for these effects.. freewebs rules >.<[/color]

-------------------------------------

all others:

-Bg color change to #000000

-table borders with #00ff00 to a light blue

-table borders with #0000ff to yellow of some shade ?

-text changed to white

that is pretty much the rundown, once again you can get a look on the way i would like things at: www.freewebs.com/clanhunter/testframe.htm where i am assembling a look-alike with all the properties, images, frame sizes, etc. that i need. i also have plans to change the navigation images to something simpler as i have had many complaints about the lines making it difficult to read.

@UltimaterMay 11.2005 — #It's looking pretty funky ?

Good luck on the graphics, yo.

@HunterOriginalauthorMay 12.2005 — #lol thanks, but is there anything you can do about that news system?

@HunterOriginalauthorMay 16.2005 — #grrr, finals comin soon, gah! prolly wont get much imaging done >.<

@HunterOriginalauthorMay 20.2005 — #uh.. ult? what can you do about the news system?

yeah you havent posted for a while, and i am doing finals but am working as fast as i can on the images, most are done already... i still need to plan what i should do for the title banner ? i have no idea

@UltimaterMay 20.2005 — #I'm still here ?

And I've read everything you've said up until now, it's just you haven't really given me anything to do, yet. You did mention a heads-up but that's not a for sure "do this".

So you need a new news system. huh? From the information that you tell me, you don't have permission to use your cgi-bin. ? w/o server-side help, you're kinda stuck.

But if you would be able to use PERL, then I'd write something for ya. ?

I also need a way to automate my post making...[/quote]You cannot automate your post making w/o help from a server-side program.

moving every layer 400px down at a time.. takes about 20min and.. thats not cool[/quote]
Eeeeh, Why are you [b]moving[/b] every layer down at all? I don't understand what your trying to do. Do you mean that when you swap the theme that all the new images in the news frame take forever to load and that's repulsive?

We could pre-load all the images including all of the images that are from unactive themes so when the theme swaps, it won't lag.
(we cannot use CGI or PHP or COLDFUSION for these effects.. freewebs rules >.<[/quote]
How does freewebs rule if they [color=red]don't[/color] support CGI, PHP or CFM?

So, your server won't let you even use a cgi-bin at all, huh?

You didn't say that your Server doesn't support PERL, but PERL and CGI are about the same thing and PERL tends to be supported on free websites occationally.

@HunterOriginalauthorMay 23.2005 — #Eeeeh, Why are you [b]moving[/b] every layer down at all? I don't understand what your trying to do. Do you mean that when you swap the theme that all the new images in the news frame take forever to load and that's repulsive?

We could pre-load all the images including all of the images that are from unactive themes so when the theme swaps, it won't lag.

[/quote]
no, when i make new news posts... nothing to do with the new skin

and as for freewebs rules... rules.. as in... restrictions

@UltimaterMay 23.2005 — #Oh, you were being sarcastic ?

@HunterOriginalauthorMay 24.2005 — #there ya go!

@UltimaterMay 25.2005 — #It's been a while since you gave me anything to do for you, can I help you do anything at the moment? Maybe even gather a collection of Diablo Avatars for ya? ?

@BigMoosieMay 25.2005 — #basicly im trieng to make it so that the layout of the site can be changed to differant "skins".[/QUOTE]

I havent bothered to look through this entire thread but it seems that you are making somthing complex out of something simple.

Separate "skins" should be achieved through CSS, its the best way to go. Not only is it a hell of alot easier, but it can work for people without JavaScript. Check out http://www.csszengarden.com/, it has over a hundred "skins" that all use identical HTML pages.

@BigMoosieMay 25.2005 — #In fact I just remembered an old site I made that uses CSS skins, it does however use JavaScript because I didnt have access to PHP at the time. It has been abandoned by still exists: http://www.rollingtank.com/gooba/games.htm . The skin selector is in the bottom left corner.

@HunterOriginalauthorMay 25.2005 — #It's been a while since you gave me anything to do for you, can I help you do anything at the moment? Maybe even gather a collection of Diablo Avatars for ya? ?[/QUOTE]yes! diablo avatars would be amazing, thank you!.. as for moose... my problem is being fixed.. thanks tho

@HunterOriginalauthorJun 01.2005 — #wow, been realy hectic lately, our forum providers just upgraded the forum so i have to go through and fix any and all bugs...... yeah

also, as for the images, many of them are ready, but are not yet uploaded.... so... exsactly how are you going to right this... will you need copies of the HTML pages to work with? or actual image codes and such?

@HunterOriginalauthorJun 07.2005 — #everything is prepared, im steping down some of my goals, and yes some of the images are not in just yet, however the code can still be built with img names even if they dont exsist yet, here are your pages:

http://www.freewebs.com/clanhunter/test/left.htm

http://www.freewebs.com/clanhunter/test/top.htm

as for the top side, im yet to actualy choose which buttons go where, and which i am implimenting, i also need to get the rest of the layers in for the other side, but when i do you can use Image#.gif for all the tag names and i can shuffle it as i like from there

@HunterOriginalauthorJun 19.2005 — #dude?

the buttons are in, and im stepping my goal back up, the buttons will now have the following effect(if it can be done *gulp* this will be a javascript inside a javascript... can that be done?)

each unit button will:

when clicked once, put a portrait in the left frame

when clicked twice, put a portrait in the right frame

each function button will act acording to its function:

-set homepage

-stop music

-remove top frame

please tell me if this can be done since this will be "swapped" as a new skin.. i dont know if this will work, but yer the expert

@UltimaterJun 20.2005 — #It can be done.

That will be my project tomorrow

@HunterOriginalauthorJun 20.2005 — #ok, cool, i just relized i still need to get the title banner in.. ill get to work on that, just in case you need it img name will be: Toss_Banner.gif (uploaded to my photobucket, as always ?)

www.freewebs.com/clanhunter/testframe.htm will show you what im trieng to do

EDIT: also, since you will need the unit portraits to match the buttons, im going to give you my photobucket "read-only" password, pass is: spoon

they should be easy to find, all of them are in the same general area, just click "view all" and scroll ?

EDIT2: lol i also just remembered that i forgot the home button

img name: Toss_Home.gif

&lt;a href="http://www.freewebs.com/clanhunter/news.htm" target="Main"&gt;&lt;img src="http://img.photobucket.com/albums/v50/Aredon/Toss_Home.gif" alt="home"&gt;&lt;/a&gt;

@UltimaterJun 20.2005 — #*bumps thread to top*

@UltimaterJun 20.2005 — #Ok I gathered you a neat little collection of Diablo 2 Avatars. ?

I sent an email to you.

@HunterOriginalauthorJun 21.2005 — #i chose not to make a home button, then i discovered i had neglected to creat a protoss post box, finished it, it is now also implimented, all that is left is the titlle banner wich im making right now

@UltimaterJun 21.2005 — #*bump*

@HunterOriginalauthorJun 22.2005 — #lol, the title banner is in, and i also found time to add more images to the old skin that i.. actualy never finished.. lol

EDIT: i have ONE last thing to get done that i just thought of, i need to put the counter in, after i get it in it will be done and ready for YOU to code ?? ill have to do it tomarro... Orig's brain needs sleepy

@UltimaterJun 22.2005 — #Ok, I'll looking forward to a specific coding project. ?

@HunterOriginalauthorJun 22.2005 — #ok counter is in, you may code ?

remember tho, we want this to work on ALL pages once swaped, cookies... whatever needs to be used, meanwile i think ima put watermarks on my toss images, prolly mainly just the post box... i worked hard on them.. dont want some loser saying "hey that looks cool, ima steel it and put it on my site without asking" haha ill have advertising if they do that.. wAHHAHAHA *cough* yeah anyway... gl with the code

@UltimaterJun 23.2005 — #Sorry I didn't really get anything done today for you.

Tomorrow, I'll be able to make some major changes for you bacause I made a folder on my computer called "HunterOriginal" stashed with your webpage contents.

(Only the text/html files, it still uses the images from your original source..)

All thanks to the BASE tag ?

<i>
 </i>&lt;base href="http://www.freewebs.com/clanhunter/"&gt;

No need to add that tag to your website, it is only used to set your default folder for URLs and SRCs that don't use the fullpath.

(so the browser can find the files it is in search for)

If you wanna see an example if the BASE tag in action, give this a run from your computer:

<i>
 </i>&lt;base href="http://www.aplustv.com/pics/"&gt;
 &lt;img src="Ultimater.bmp"&gt;

[b]Edit:[/b]

Here's what I got on my computer, so I can directly edit your files:

(from my computer's point of view)

[upl-file uuid=3a33e6b3-460b-484e-9dd6-fb94825eeb73 size=13kB]OriginalHunter.zip[/upl-file]

@HunterOriginalauthorJun 23.2005 — #ok cool, id just like it to be done before next monday, im leaving for florida

@UltimaterJun 24.2005 — #Hehe, you need to take out my <base href="http://www.freewebs.com/clanhunter/"> line form the index.htm page ? (leave that tag in the other pages)

Making it easy for me to access all your links:

http://www.freewebs.com/clanhunter/testframe.htm

http://www.freewebs.com/clanhunter/test/top.htm

http://www.freewebs.com/clanhunter/test/left.htm

http://www.freewebs.com/clanhunter/test/expo.htm

http://www.freewebs.com/clanhunter/index.htm

http://www.freewebs.com/clanhunter/Top.htm

http://www.freewebs.com/clanhunter/left.htm

http://www.freewebs.com/clanhunter/news.htm

@UltimaterJun 24.2005 — #I got an idea, why not put all your frames into a container.

Then you can replace it's contents easily with your other theme.

Using cookies, getting and writing, etc from your top parent frame.

@TedraJun 24.2005 — #I know you two discuss here just one site, but could you maybe give me a tipp as well?

I am doing a new site, at the moment just basic. but I have a navigation bar. Now my problem is how do I tell that the link in the topframe is going to be shown in the mainframe?

http://de.geocities.com/hexe2_2/testenframe.html is the testframe and ind

http://de.geocities.com/hexe2_2/exmplmenu_var.js are the configurations

can I maybe put these configurations out of the external file into my http://de.geocities.com/hexe2_2/testen.html <-- navigation file?

@HunterOriginalauthorJun 24.2005 — #Hehe, you need to take out my <base href="http://www.freewebs.com/clanhunter/"> line form the index.htm page ? (leave that tag in the other pages)

Making it easy for me to access all your links:

http://www.freewebs.com/clanhunter/testframe.htm

http://www.freewebs.com/clanhunter/test/top.htm

http://www.freewebs.com/clanhunter/test/left.htm

http://www.freewebs.com/clanhunter/test/expo.htm

http://www.freewebs.com/clanhunter/index.htm

http://www.freewebs.com/clanhunter/Top.htm

http://www.freewebs.com/clanhunter/left.htm

http://www.freewebs.com/clanhunter/news.htm[/QUOTE]

http://www.freewebs.com/clanhunter/roster.htm

http://www.freewebs.com/clanhunter/ranks.htm

http://www.freewebs.com/clanhunter/government.htm

http://www.freewebs.com/clanhunter/staff.htm

http://www.freewebs.com/clanhunter/contact.htm

http://www.freewebs.com/clanhunter/diplomacy.htm

http://www.freewebs.com/clanhunter/history.htm

etc.

there are more, and could you please explain what you mean by container? the thing is i want the current pages to change without using those other pages (test) that way i wont run out of filespace but i can still have skin options.. the test pages will be changed to whatever i work on next, as for Tedra, send Ult a PM and he might just help you

PS: Geosites = evil

EDIT: i do not find this base tag you speak of in the Index.htm coding

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
 &lt;title&gt;..::Clan Hunter::.. Battle.net Clan home&lt;/title&gt;
 &lt;/head&gt;
 
 &lt;frameset rows="145,*" cols="*" frameborder="NO" border="0" framespacing="0"&gt;
 &lt;frame src="http://www.freewebs.com/clanhunter/Top.htm" name="top" target="left"scrolling="NO" noresize&gt;
 &lt;frameset cols="223,*" frameborder="NO" border="0" framespacing="0"&gt;
 &lt;frame src="http://www.freewebs.com/clanhunter/left.htm" name="left" target="main" scrolling="NO" noresize&gt;
 &lt;frame src="http://www.freewebs.com/clanhunter/news.htm" name="main" target="_self"&gt;
 &lt;/frameset&gt;
 &lt;/frameset&gt;
 &lt;noframes&gt;&lt;body&gt;&lt;p&gt;dude your browser sucks and you are unable to view this site.. :/
 a non-frame version of this site is under consideration&lt;/body&gt;&lt;/noframes&gt;
 &lt;/html&gt;

if you ment the one in your folder, its on your comp... YOU change it.. lol, also you need to remember:

http://www.freewebs.com/clanhunter/left2.htm

this is going to be... a HUGE job, like i said in the begining lol

@UltimaterJun 24.2005 — #Tedra, go make a new thread -- your problem has [i]nothing[/i] to do with this thread. Besides you will need to give us more information than that -- you didn't describe your situation well enough.

To get maximum results from thread you should read and follow all the rules/tips listed in the javascript forum [b]stickies[/b].

These two are the ones you should read:

[url=http://www.webdeveloper.com/forum/showthread.php?t=64277]Please help us to help you.[/url]

[url=http://www.webdeveloper.com/forum/showthread.php?t=16096]Message posting Guidelines[/url]

Seriously, read them, it will save time on both our parts -- you and us. Saving you time by understanding how to write a thread and what important information to include in your thread so we can help you.

And saving us time so we don't need to force all the information outta you and thus you'd end up giving us all the exact same information anyways.

Once you make your thread and follow the tips in the stickies, I'll be of assistance -- w/o certain information, we cannot help you. If you don't follow the sticky's tips, you will make it hard on us to figure out what you're up to.

If you have any further comments, please contact me via PM.

@HunterOriginalauthorJun 25.2005 — #just thought id check up on ya, hows the code coming?

@UltimaterJun 26.2005 — #I'm currently working with cookies. Here's what I got so far:

(see attachment)

Try swapping the theme and see what happens. I should be able to get the cookies working with it in a gib -- but I don't anymore time to work on it tonight.

By tomorrow I'll have the cookies working with it -- to remember the theme.

[upl-file uuid=79496365-1045-4931-b12f-f361cb2624c4 size=21kB]Ultimater_HunterOriginal_swapper.zip[/upl-file]

@UltimaterJun 27.2005 — #Ok, I got the cookies working ?

Save and unzip this file and execute the file index.htm on your PC:

[upl-file uuid=46b742d3-7c3e-4031-a45a-c56d7a3b3760 size=21kB]Ultimater_HunterOriginal_cookie_swapper.zip[/upl-file]

@HunterOriginalauthorJul 03.2005 — #i was in florida, glad to see its ready, currently i have to leave but i cant wait to test it

@HunterOriginalauthorJul 03.2005 — #crap, dude you need to remember i need them to be the same url and still change skins, everything that i have up, test/left.htm, etc. will be deleted after this is implimented... or do i misunderstand what you are doing?

@UltimaterJul 03.2005 — #I think you mis-understand.

It's the same URL. When you change the theme, you are only changing the top window's URL of one of its frames. The top window simply hold a frame and has some javascript to remember which URL to give the frame. The URL can be either theme1 or theme2.

Basicly no matter which theme you pick, the top window always has the same URL, only its frame URLs change.

@HunterOriginalauthorJul 03.2005 — #yes but i dont want the URL's to change, only the image src and the locations of the layers, as well as the music src

this way the skin can be swapped with out having the need to use up more of my filespace by having more than one .htm file

i understand that makes it harder, and perhaps i will change that one day, currently to impliment a skin like this i cannot use up more pages (im allowed 50)

@UltimaterJul 03.2005 — #I'll see what I can do...

@HunterOriginalauthorJul 03.2005 — #i thought i explained that in the begining... sorry ? itll still be cool ? and i believe in you

@UltimaterJul 06.2005 — #I couldn't get anything done recently, tomorrow I'll get some work done, sorry.

I always got moderatoring to do ya know...

@UltimaterJul 10.2005 — #*bump*

@HunterOriginalauthorJul 20.2005 — #aight, ive been gone... any work done? or still had no time?

@UltimaterJul 20.2005 — #Nope sorry, my internet has been giving me problems lately, had to re-wire the cable line. I should be able to do it for ya now.

@UltimaterJul 24.2005 — #Nope... got to do more work for my employer first.... Ehhh.... I hope I get to this before long...

Just to double check, the last code I provided for you was ok but you want 'em to take up only 3 files rather than 6? There are much easier ways to do this.... if your server can run PERL scripts that would be a life saver....

Not the eaisest project to complete the way you want this to function... So [i]what[/i] if my last code takes up 6 files instead of 3, is it that big of a deal?

@HunterOriginalauthorJul 25.2005 — #yes becuase i plan on having other skins, and the hole point was to not take up more filespace but still have the skin

@HunterOriginalauthorJul 25.2005 — #and i have no idea if it can run perl scripts

@HunterOriginalauthorAug 31.2005 — #should we keep talking here or on MY forum?

@UltimaterAug 31.2005 — #Here's better, I got access to all the old information here. If you need to, PM me regarding password stuff. Why not download AIM or YAHOO MESSENGER so we can talk through that?

@UltimaterAug 31.2005 — #I think the best way to do this whole thing would be to enter all your important & changing data, like your news, into a file by itself without any HEAD nor BODY tags etc, maybe just a few SPAN tags for color, and name the file whatever you wish -- something like "news.txt". Then, because freewebs supports SSI(server-side includes), make a [i]single[/i] seperate page for each theme, example: "theme1.htm" "theme2.htm" and on those pages it would have a bunch of SSIs to gather all the right information from all types of files like "news.txt" or whatever and thus all your theme pages would [i]always[/i] be updated at the change of a single page with the power of SSI.

We could probably make you four main files "news.txt", "left.txt", "top.txt", "index.txt" that would contain all your unique data which would be dynamically added to all your themes, so you can change the display of all your themes at once.

So basically we'd have a single page "theme1.htm", "theme2.htm" that would contain all your frames and use the SSIs in order to display the output as you wish for each page. The only time you will ever need to use javascript in your theme swapping, believe it or not, is when the user changes the theme with the SELECT menu. We could even go as far as adding a NOSCRIPT tag right under the menu bar and use my server to accept a submit like

http://www.aplustv.com/public_stuff/submit_splash.php
 ?
 page=theme1.htm
 &amp;
 goto=http://www.freewebs.com/clanhunter

and redirect the user to:
http://www.freewebs.com/clanhunter/theme1.htm
The reason why we wouldn't want to just use the submit idea and totally leave out javascript is because you can't always rely on my server being up to accept the user's request. Just because your server is up and working (assumed because how else did they get to display your page) doesn't mean that mine is also up and working at the same time. It's better to first see if javascript is enabled, if it is then use javascript to bring them to the page "http://www.freewebs.com/clanhunter/theme1.htm" when they hit the "swap" button. If JavaScript is disabled, then submit the form to my server in order to redirect 'em to your next theme.

@HunterOriginalauthorSep 01.2005 — #wooosh.. that went over my head.. lol

do whatever you need to, im not sure what you mean with the .txt files.. im pretty much HTML and XHTML oriented.. i dont know much else.. whatever the case MY server (clanhunter) will host all the pages and content, YOUR server will be the host of all the skins ("themes"), this way i can save space, and still have themes/skins.. just tell me what i need to do to MY pages(PS HTML sorce files for all the frames of the protoss skin have been uploaded to your server, note that the news example is NOT the frame to be loaded, everything in the main frame's content must remain and only the THEME change)

@HunterOriginalauthorSep 14.2005 — #grats on MSN, that will make it ubers easier to get in touch with you

Also in #JavaScript _↴

[request] slide load cookies not setting why?adding stuff!!

Success!

Help @HunterOriginal spread the word by sharing this article on Twitter...

Tweet This

Frames

119 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Frames

119 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

119 Comments(s) _↴

Also in #JavaScript _↴