NinSheetMusic Forums

Other => Gaming => PC => Topic started by: SuperFireKirby on January 12, 2011, 10:11:01 AM

Title: The Webpage design topic
Post by: SuperFireKirby on January 12, 2011, 10:11:01 AM
You now have a place to be on topic.
Title: Re: The Webpage design topic
Post by: Winter on January 12, 2011, 10:28:39 AM
I saw this coming
Title: Re: The Webpage design topic
Post by: Jub3r7 on January 12, 2011, 12:43:44 PM
I've designed a couple web pages before using dreamweaver, but...
For one thing, I don't have access to dream weaver anymore, and I wouldn't even remember how to use it. bleh.
Title: Re: The Webpage design topic
Post by: SuperFireKirby on January 12, 2011, 03:53:37 PM
I can use it free at my school. Unfortunately, Adobe's a jerk and makes you pay a bazillion dollars for their programs which are designed to be impossible without extensive training and instruction. So I just stick with raw HTML like a MOFO.
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 12, 2011, 06:11:31 PM
OKAY, SO I'M TAKING QUOTES FROM THE OTHER TOPIC!

Quote from: SuperFireKirby on January 10, 2011, 01:02:04 PMDreamweaver + Flash= All you need to design web pages.

...And the ability to use them, of course.

No. Using that is all a waste. All you need is notepad. Nothing more. You can make a better website with notepad than you could with Dreamweaver.

Quote from: fabbemannen on January 10, 2011, 01:14:27 PMI never understanded that in school. We have the Adobe pack (inc. dreamweawer), but we still downloaded a freeware called notepad++ ???

That's because Notepad++ is better than Dreamweaver. Notepad is better than Dreamweaver. Notepad++ is just some added features to help a little without attempting to do stuff for you.

Quote from: winterkid09 on January 10, 2011, 04:17:49 PMNotepad is the base for making an html document, if you want to understand what's going on, you use notepad. it's better to begin that way anyway.

Notepad is the best there is. Best place to start, and best place to stay.

Quote from: SuperFireKirby on January 10, 2011, 07:13:43 PMYeah, most school's have you learn HTML on either Notepad or Notepad++(I prefer regular Notepad for HTML) before you get into Dreamweaver where you use much, much less HTML and make much, much better looking web pages.

This quote probably irks me the most.  Using less HTML isn't a good thing. And making better looking web pages should be done without Dreamweaver. People use Dreamweaver as a clutch. Notepad can make way better looking websites. It just takes knowledge on what one is doing. It's not something anyone can do.

Quote from: winterkid09 on January 10, 2011, 09:22:38 PMQuite. I'm still on Notepad.

:D Works fine for me right now. But I think within the week I shall be moving up.

Hint: Don't move up (down).



Overall, stay away from Dreamweaver. It's not gonna help you make better websites. It's way better to do it all by hand.

Yes, I do create websites, somewhat. I play around with designing. I have never made a full website, but I've done several things.

Random (http://www.reamtech.net/random.php) - This generates 3 random colours. You can store values in each if you like a certain colour. It's just a sort of thing to mess with colours. I was bored and decided to make it.

Secret Message (http://www.reamtech.net/SecretMessage.php) - This was one of the first things I made. Just as a test to see how the server works.

Youtube thinggy (http://www.reamtech.net/playlist/) - I got really annoyed at having songs I really liked listening to on youtube, which would keep tabs open. So I made this. I got it functional enough to where I can really use it. I thought about expanding it, but I'm too lazy to really do that. It partially works for other people, but if you do a faulty link, you don't have a way to get rid of it. Definitely one of the better working things I've made.

There is also a directory full of random stuff of mine that I just kinda throw stuff into if I need it or want to share it easily. That's not gonna go public just because there is a lot of stuff that could be considered more personal. So, yeah.

I also set up emails for the mystery TWG. Which really weren't used. But oh well. They are the ones linked to the twgplayer* accounts.



That's just a few things. I have a lot more, but a lot of it is unfinished ideas and concepts. I spent a lot of time trying to integrate an irc bot with stuff from my website. BUT HEY, GOT BORED WITH THAT! So I can't really share that. Especially because it's a pain to set up and take down as a result of it being unfinished.

And hey, I did all of that with notepad essentially. I'm not claiming things to be pretty, but I've never tried to make things pretty either.

I typically avoid using CSS, just because most of my stuff is for my use anyways. I use PHP, mySQL, HTML, Javascript (when needed), Ajax.
Title: Re: The Webpage design topic
Post by: HugoMeister on January 12, 2011, 06:28:50 PM
Adamant, aren't we?
Title: Re: The Webpage design topic
Post by: SuperFireKirby on January 12, 2011, 06:32:26 PM
Hmmmmm... well seeing as I don't actually use DreamWeaver, I can't agree or disagree with you. But flash definately is good for building websites, no?

If what you say is true then at my school, our program is screwed up. Because we learn html, the first year, then the second year they learn Dreamweaver and Flash. And one of my friends whose in Web Design II at our school says he's forgotten pretty much everything he learned about HTML.
Title: Re: The Webpage design topic
Post by: Jub3r7 on January 12, 2011, 06:34:42 PM
And about your Random website.

After entering some colors, will it stay that way when someone else visits the webpage or is it specific to my IP?
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 12, 2011, 06:51:59 PM
Quote from: Jub3r7 on January 12, 2011, 06:34:42 PMAnd about your Random website.

After entering some colors, will it stay that way when someone else visits the webpage or is it specific to my IP?

It'll start completely fresh. It doesn't save it in any way or sort, unless you enter them in the box and hit reload.

Quote from: SuperFireKirby on January 12, 2011, 06:32:26 PMHmmmmm... well seeing as I don't actually use DreamWeaver, I can't agree or disagree with you. But flash definately is good for building websites, no?

If what you say is true then at my school, our program is screwed up. Because we learn html, the first year, then the second year they learn Dreamweaver and Flash. And one of my friends whose in Web Design II at our school says he's forgotten pretty much everything he learned about HTML.

School systems suck at teaching anything about programming really from my experience. I learned everything I know, in about half the time that it took people in the school to learn about a fourth of what I know.

And I personally don't like flash that much, just because it doesn't look professional really.
Title: Re: The Webpage design topic
Post by: DrP on January 13, 2011, 09:45:18 PM
Anyone know of a good free web-hosting website???
Title: Re: The Webpage design topic
Post by: Concerto No.20 in D minor on January 14, 2011, 11:40:10 AM
How about we move this topic into a more appropriate section?
Title: Re: The Webpage design topic
Post by: Jub3r7 on January 14, 2011, 11:41:57 AM
What about Mac?!?!  :(


Bahaha, only joking.
Title: Re: The Webpage design topic
Post by: SuperFireKirby on January 14, 2011, 03:36:04 PM
Quote from: Concerto No.20 in D minor on January 14, 2011, 11:40:10 AMHow about we move this topic into a more appropriate section?
Well it's not necessarily PC gaming but whatever tickles your fancy, I guess.
Title: Re: The Webpage design topic
Post by: WiiMan96 on January 16, 2011, 09:05:04 PM
I use NetBeans as my IDE, so I can code HTML, CSS and PHP all in the one place. I do prefer coding static HTML and CSS in Notepad, but for PHP it's almost impossible to debug without an IDE.
Title: Re: The Webpage design topic
Post by: KefkaticFanatic on January 16, 2011, 09:52:03 PM
Ohay, Netbeans.  That's what I code Java and Ruby in :3
Title: Re: The Webpage design topic
Post by: WiiMan96 on January 16, 2011, 10:11:04 PM
Coolio. I do C++ in Visual Express though, can't be bothered setting up a compiler on my mac. :P
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 17, 2011, 01:45:59 AM
Whooo! I updated my random colour thing. I coded it idiotically the first time around. It had around 950 lines and wasn't the most functional. This version has 201 lines and is more functional. (And validated as XHTML 1.0 Transitional!)

Anyways, opinions and thoughts? www.reamtech.net/random.php (http://www.reamtech.net/random.php)
Title: Re: The Webpage design topic
Post by: Winter on January 17, 2011, 02:37:34 AM
I just stayed up doing tutorials on CSS, Javascript, and XHTML.

1) that's a lot of crap to remember

2) still less information than I expected.

NOW I NEED SLEEP AHHHHHHHHH
Title: Re: The Webpage design topic
Post by: SuperFireKirby on January 17, 2011, 06:06:08 AM
Javascript is, in my opinion, the most annoying programming language ever.

I'm alright with C but nowhere near an expert with it or anything like that.

I mush better with HTML/ XHTML(seeing as it's the easiest to learn)
Title: Re: The Webpage design topic
Post by: DrP on January 17, 2011, 10:23:57 AM
HTML is probably the favorite I like to use. It's easy and you can do a lot of stuff.

CSS is something I still have to learn a bit more. I know some stuff.

And I agree with SFK, even though I havent had the chance to work with Javascript a lot... but I can tell, it seems like a pain in the ass.

So, my unanswered question from earlier... anyone know a good, free website hosting provider/domain name provider??
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 17, 2011, 12:00:43 PM
Quote from: drpamplemousse on January 17, 2011, 10:23:57 AMHTML is probably the favorite I like to use. It's easy and you can do a lot of stuff.

CSS is something I still have to learn a bit more. I know some stuff.

And I agree with SFK, even though I havent had the chance to work with Java a lot... but I can tell, it seems like a pain in the ass.

So, my unanswered question from earlier... anyone know a good, free website hosting provider/domain name provider??

I don't know of any good free ones.

But, HTML is so limited. You can't do anything dynamic. Using PHP really makes things so much better. CSS is something I suck with kinda, just from lack of using it.

And Java is completely different than Javascript. You cannot compare the two.. They are completely different.
Title: Re: The Webpage design topic
Post by: DrP on January 17, 2011, 12:49:39 PM
Quote from: master_gamer38 on January 17, 2011, 12:00:43 PMI don't know of any good free ones.

But, HTML is so limited. You can't do anything dynamic. Using PHP really makes things so much better. CSS is something I suck with kinda, just from lack of using it.

And Java is completely different than Javascript. You cannot compare the two.. They are completely different.

That's true about HTML... I need to learn how to use PHP

AND! I completely forgot Java was something else... I was referring to Javascript... whoops.
Title: Re: The Webpage design topic
Post by: KefkaticFanatic on January 17, 2011, 01:05:06 PM
Quote from: master_gamer38 on January 17, 2011, 12:00:43 PMBut, HTML is so limited. You can't do anything dynamic.

l2HTML5 :3
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 17, 2011, 01:24:04 PM
Quote from: KefkaticFanatic on January 17, 2011, 01:05:06 PMl2HTML5 :3

It's still nowhere near as dynamic as PHP can be.
Title: Re: The Webpage design topic
Post by: Winter on January 17, 2011, 02:00:40 PM
I experimented with DHTML a bit, I would put little snippets of JavaScript in my style area.

Also I'm REALLY enjoying the Cascading Style Sheets.

I don't wanna abbreviate it cause it sounds cool.
Title: Re: The Webpage design topic
Post by: Jub3r7 on January 23, 2011, 03:47:55 PM
Javascript question: How would I code the following 4 lines into one single command?



javascript:(function(){document.getElementById('actor2').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
javascript:(function(){document.getElementById('actor3').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
javascript:(function(){document.getElementById('actor4').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
javascript:(function(){document.getElementById('actor5').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 23, 2011, 08:40:35 PM
Quote from: Jub3r7 on January 23, 2011, 03:47:55 PMJavascript question: How would I code the following 4 lines into one single command?



javascript:(function(){document.getElementById('actor2').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
javascript:(function(){document.getElementById('actor3').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
javascript:(function(){document.getElementById('actor4').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()
javascript:(function(){document.getElementById('actor5').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()

Since that's basically just 4 different functions. Combine it into one.

javascript:(function(){document.getElementById('actor2').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";document.getElementById('actor3').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";document.getElementById('actor4').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";document.getElementById('actor5').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()

I think that should work. If it doesn't I'll try again.
Title: Re: The Webpage design topic
Post by: Jub3r7 on January 24, 2011, 12:26:02 PM
For some reason it runs every single one except the first one... :P

javascript:(function(){document.getElementById('actor1').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";document.getElementById('actor2').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";document.getElementById('actor3').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";document.getElementById('actor4').style['backgroundImage']="url('http://district.sbschools.net/ite/help/photostory/BlackBackground.BMP')";})()

Oh, cool! It turns out that the code I originally gave you would make the ghosts from Pacman in two player invisible...
so I just changed a few of the numbers around from the code you gave for one player. Thanks!

So if you go to http://www.google.com/pacman and paste/enter the code above, it makes the ghosts mostly invisible!
Thanks again for the help, MG. Now maybe I can replace the ghosts with Mystery Dungeon sprites or something...
Title: Re: The Webpage design topic
Post by: Winter on January 24, 2011, 03:24:29 PM
I was looking for a CSS script that would give me a box that had buttons lining the right side in which clicking those would make different material appear inside the box.

If it's too much of a hassle, don't worry about it.
Title: Re: The Webpage design topic
Post by: master_gamer38 on January 24, 2011, 03:46:36 PM
You'd need more than just CSS to do that. Javascript is needed.
Title: Re: The Webpage design topic
Post by: Winter on January 24, 2011, 03:53:34 PM
I was meaning CSS compatible, like a stylesheet I could easily change to table to how I'd like.

Do you know a code like that?
Title: Re: The Webpage design topic
Post by: Winter on February 02, 2011, 01:11:44 PM
I would still like some help with this :(
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 02, 2011, 04:24:04 PM
CSS can't change things. CSS is just visual. You need javascript to change anything.
Title: Re: The Webpage design topic
Post by: Winter on February 03, 2011, 09:09:16 AM
MG, I am not an idiot. I need a code that will make this interactive table, in which I CAN GO INTO MY STYLESHEET AND MANUALLY CHANGE THE LOOK OF IT without too much of a hassle.

Jesus christ, I know how this works, I'm just having some trouble with this one thing.

PLease stop correcting me and help? If not, just tell me that you're more interested in sounding smarter than me rather than helping a friend out with a problem.
Title: Re: The Webpage design topic
Post by: HugoMeister on February 03, 2011, 01:58:50 PM
what are you talking about
Title: Re: The Webpage design topic
Post by: Winter on February 03, 2011, 02:28:59 PM
Web design.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 03, 2011, 03:47:07 PM
Quote from: winterkid09 on February 03, 2011, 09:09:16 AMMG, I am not an idiot. I need a code that will make this interactive table, in which I CAN GO INTO MY STYLESHEET AND MANUALLY CHANGE THE LOOK OF IT without too much of a hassle.

Jesus christ, I know how this works, I'm just having some trouble with this one thing.

PLease stop correcting me and help? If not, just tell me that you're more interested in sounding smarter than me rather than helping a friend out with a problem.

You can't make interactive thing with CSS. That's not freaking possible. You don't get that. I can't help you do something that IS NOT possible.

The only bit of sense is that you want something is CSS that you can change easily to change if you want to format stuff. The only way you can do that is to make it yourself. We can't make something how you want it to look. Looks are one thing, functional things are another.
Title: Re: The Webpage design topic
Post by: Winter on February 04, 2011, 08:34:07 AM
If the table was very minimal, then I could throw it into a basic HTML table and personalize the properties of the table. There was a few small javascript things I was working on that I could change color and styles of certain objects.

I've done it before. If it's NOT possible to make changes with it using Classes or ID's, then I wont. If I can change ANY aspect of the table, I would like to know how.

Most importantly, I just wanted to know how to do it in general. I almost got it to work, but some of the buttons didn't function correctly, or they worked once and then didn't work the second time.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 04, 2011, 03:02:10 PM
Quote from: winterkid09 on February 04, 2011, 08:34:07 AMIf the table was very minimal, then I could throw it into a basic HTML table and personalize the properties of the table. There was a few small javascript things I was working on that I could change color and styles of certain objects.

I've done it before. If it's NOT possible to make changes with it using Classes or ID's, then I wont. If I can change ANY aspect of the table, I would like to know how.

Most importantly, I just wanted to know how to do it in general. I almost got it to work, but some of the buttons didn't function correctly, or they worked once and then didn't work the second time.

Of course you can do Classes and IDs. It works. You just have to do it yourself. You can't have someone design something in CSS to your specifications really.

Buttons not working, that's because your javascript is bad.
Title: Re: The Webpage design topic
Post by: Winter on February 04, 2011, 03:03:08 PM
That being the reason i was asking for help.
Title: Re: The Webpage design topic
Post by: Jub3r7 on February 05, 2011, 07:43:32 AM
Go here (http://www.java.com) to make sure your java is updated?
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 05, 2011, 08:50:25 AM
Quote from: winterkid09 on February 04, 2011, 03:03:08 PMThat being the reason i was asking for help.

Asking for CSS help won't fix javascript problems.

Quote from: Jub3r7 on February 05, 2011, 07:43:32 AMGo here (http://www.java.com) to make sure your java is updated?

Java and Javascript are completely different.
Title: Re: The Webpage design topic
Post by: Winter on February 05, 2011, 09:07:59 AM
xDDDDD

MG do you even know what I want help with in the first place? FORGET CSS

FORGET IT !

If someone /else/ can read back and see what I was having troubles with, that would be much appreciated.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 05, 2011, 09:42:14 AM
Quote from: winterkid09 on January 24, 2011, 03:24:29 PMI was looking for a CSS script that would give me a box that had buttons lining the right side in which clicking those would make different material appear inside the box.

If it's too much of a hassle, don't worry about it.
Quote from: winterkid09 on January 24, 2011, 03:53:34 PMI was meaning CSS compatible, like a stylesheet I could easily change to table to how I'd like.

Do you know a code like that?

Yeah, you asked for CSS. You have absolutely no idea what you're doing. You can't even properly ask for help.
Title: Re: The Webpage design topic
Post by: Winter on February 05, 2011, 09:48:19 AM
Why would I ask for CSS? I understand CSS.

I'm asking for some Javascript that would make a table in which buttons on either side of it would replace the information INSIDE of the table with the selected bit.

does that sound like CSS?
Title: Re: The Webpage design topic
Post by: Winter on February 05, 2011, 09:51:45 AM
On the other hand, I just realized that I did say CSS the first time.

That was an accident. I MEANT Javascript. We probably could've cleared that up much faster, but we didn't.

So scratch that and pretend the entire question was asked with the word Javascript instead.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 05, 2011, 10:42:22 AM
Your question still doesn't make sense.

You can't make a table with javascript. You need CSS to do that. Which again, you need to do on your own.
Title: Re: The Webpage design topic
Post by: Winter on February 05, 2011, 10:55:41 AM
please stop correcting my word choice and help me? YOU KNOW WHAT I AM TRYING TO DO.

I need a way for a square shaped portion of the screen to be able to have different information within it when clicking certain buttons.

And for that matter, yes you can make a table with Javascript.

anyway can someone else help me? I won't be replying to MG if he's going to correct one word from my post and ignore the problem I am having.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 05, 2011, 11:12:47 AM
You are an idiot. Javascript can only change things. You cannot build a table in javascript.

IN JAVA YES! Not javascript. I've been coding longer than you. I'm pretty damn sure I know more of what a language can and can't do.

You have not described a problem and we are not going to make something for you. You need to share what you half. Describe the problem, and describe what you are trying to do.

The reason I haven't helped is because you can't give any sort of insight what your problem is. First it was you can't make a table. Second it was javascript wasn't working. Now you say your javascript can't make a table. WELL DUH, you cannot make a table with javascript.

YOU NEED HTML!
YOU NEED CSS!

By doing all of this, you are looking like a complete retard to anyone that knows how to program.
Title: Re: The Webpage design topic
Post by: WiiMan96 on February 05, 2011, 12:33:14 PM
Ugh. I've been watching this crud for days now. Now I understand what you want, winter, I hope I can put a goddamn end to this. Sorry if I make you feel stupid by dumbing it down too much, but it's needed in case you missed some crucial info somewhere.
First, an overview:

HTML - Makes the page's structure, the "skeleton" of a webpage. Determines what can be seen on a page by an end user.
CSS - Makes HTML look pretty. Adds colours, layouts and such to make HTML look nicer.
Javascript - Adds front-end (browser) interactivity and functionality. Allows things like dynamically loaded content, graphs and checking for things like cookies and browser type and version, as well as validating form input. Essentially "pretty functionality".
PHP / ASP & SQL - Adds back-end (server) interactivity, functionality and automation. PHP / ASP Allows for communication between SQL databases and the output (in HTML) sent to the page. Allows things like logins and memberships, commenting and posting, and a ton more. Essentially anything user-submitted which the website needs to remember long-term is inserted into an SQL database via PHP / ASP. This forum is PHP-driven, for example.

As for what you need, winter, if you want a particular div in your HTML to load and reload text without reloading the page, you're looking for AJAX, a way of using javascript. Here for a tutorial. (http://www.w3schools.com/ajax/default.asp)

You'll need your HTML to make the table and the buttons and forms (all in one div) to provide the backbone for the rest. CSS can specify the size and look of the table and the javascript / ajax can be mostly in the head section of your HTML which can add the dynamic requesting of HTML files. (So, yes, in order to load different text each different text must be its own HTML file on the server.)


Hope this helps.
Title: Re: The Webpage design topic
Post by: Winter on February 05, 2011, 01:02:38 PM
Thank you, WiiMan. What I was looking for was a bit different. Basically I want there to be blocks of info, here's an example:

3 videos, all of which are loaded when the page is loaded "no ajax" but 2 of the videos are hidden. I know you can hide certain information with javascript. I've done if before. but I need it so that on clicking a button, video B will be shown, and video A will be hidden. when I click on the button for video C, video A and B will both be set to off respectively, this way the script doesn't have to go "find out" which one is currently open.

All the content will be on the page, just interchangable with buttons.

I know what javascript is, I know what CSS is, I know what HTML is, I know what Ajax is.

I just want a code that I can use and mess around with for a bit, because Javascript is the only one I'm having trouble with.

CSS and HTML were no problem to learn in a matter of days, but Javascript baffles me. I only plan to use it just this once, and wanted an example.

I hope you can all understand that I don't need an explanation of what coding is. But I wanted the code itself.

*sigh*
Title: Re: The Webpage design topic
Post by: WiiMan96 on February 05, 2011, 01:14:38 PM
Programming and coding is all about problem-solving. Now, I'm not exactly fluent in javascript, but I know just enough about how it works. For your problem, couldn't you just use ajax which opens blank for the videos you don't want there?
Title: Re: The Webpage design topic
Post by: Winter on February 05, 2011, 02:16:50 PM
It's just that I want them all to be in one spot, so that it takes up a very small abount of room. almost like youtube, but not loading whole pages.
Title: Re: The Webpage design topic
Post by: WiiMan96 on February 05, 2011, 11:13:49 PM
In which case, having one div/table connected with ajax and having that hold the videos might work. Press a button and the code for the next video will replace the old one, so it's pretty close to hiding them. It also makes sense design-wise in that all the videos won't download at once. People won't want to have all the videos load when they only want to watch one.

Let me know if you see a flaw in that, but it makes sense to me.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 06, 2011, 12:00:40 AM
Doing that with ajax is a bad idea.

First of all, ajax is javascript, except with complicated PHP backend stuff going on as well.

You can switch videos without using ajax.

Click me. (http://www.reamtech.net/playlist/)

Youtube video changer. It even has a way to store already.


But again WK, you need to provide what you have. Also, by doing it the way you seem to be doing. You are just hiding the video, but you'd have to make sure to pause them. Doing it and just changing the embed information like I did in my code works much better. Only a few glitches which I'm too lazy to fix and update.
Title: Re: The Webpage design topic
Post by: Winter on February 06, 2011, 10:17:58 AM
Saying video was only an example, I was planning on having different content each time.

@Wiiman: I think that sounds like a great Idea, I just need to know 'how' to do it.


and MG: Is there a way to do that in a much smaller space with more attractive buttons by it? also more than likely, MOST of the content will not be videos.
Title: Re: The Webpage design topic
Post by: master_gamer38 on February 06, 2011, 05:40:28 PM
Make your own images for buttons then. This (http://www.w3schools.com/tags/tag_button.asp) is good documentation on HTML buttons if you don't want to make images.

To do a smaller space. Make your own CSS spreadsheet.

And you'll have to design your own javascript then. Here (http://www.tizag.com/javascriptT/javascript-innerHTML.php) is the function you'll need to change content.
Title: Re: The Webpage design topic
Post by: Winter on February 06, 2011, 06:10:44 PM
This is exactly what I needed. Thank you.