Need help with "Dynamic Page loading" HTML, JQuery, Javascript, CSS.

[Damian]

Hi everyone,
i created this website from scratch, opened a notepad++ and start doing it.
I'm not the best "pro" just "normal" web(newbie).

I want to create a page where i can write all i know about computers.
Problem is i want to make the page loading dynamicly.

Here is a example:
http://jsfiddle.net/z4Fwv/

I don't know anything about javascript and i would rather put the time into "adding" content instead of learning 1 week how to do this one simple thing. I did a little php on the website and that stuff and the performance is amazing!! All made by maself, the raw page with ALL files has 7kb.

http://damiantoczek.de

This page will be called "justFAQ.it", waiting for the domain registration and DNS activation.

I would be really thankful if someone could help me. Because i try since 2am.. (EU time) (about 8h) and i can't i lost faith in it...

[Azza ☠]

If you want faster, easy for you to just write content, consider using a framework already designed for you. For example: Wordpress or Weebly

You can then use theme templates and/or plugins and customize for a good starting point which has an admin backend and database to easily manage/add/edit. Plus some SEO (Search engine optimization) to help too.

Creating websites from stratch is great too, but you should be ready to learn a lot. Web design is an artform of clean and easy navigation for both customers and web crawlers.

For Javascript - I'd also highly recommend learning Jquery, which is a library for Javascript. It makes things much easier.

PHP/MySQL database and server - PHP is a server side language that allows you to do calculations and send code to be displayed. MySQL stores data such as user information. Ideally you would create a MySQL database to store content, then load that dynamicly to the webpages with the PHP.

Else static webpages would be easier, using only HTML (or PHP) and CSS. Depending on how much content you can creating and managing.

[Damian]

Thx, but that has nothing to do with the topic. I didn't srly ask about your opinion, when i write websites from scratch i probably also know that WordPress exist like another 200 CMS engines that are free 2 download. I don't want Comments on my page. I don't want useless codes, i don't want all these plugins.. this website is made.. you go on the page.. learn.. and leave.

[Bad 💀 Motha]

Maybe then just make the site like how Blog sites are; and have Comments and other plugins disabled. Shouldn't be hard to do in that regard.

[Damian]

Originally posted by Bad-Motha:

Maybe then just make the site like how Blog sites are; and have Comments and other plugins disabled. Shouldn't be hard to do in that regard.

Some people just can't accept someones idea/goal and need to change his way and start "wordpress"...

[Bad 💀 Motha]

Well FYI, AZZA is quite skilled in that area; so he's just lending his 2-cents since he knows what he's talking about. Much more-so than I in this area.

But there are ton of tools out there for you to use; free tutorials, etc. or ways to configure overall pages, etc. So take it with a grain-of-salt. He's just trying to help you. In the end you'll make your own decisions anyways.

[Azza ☠]

I didn't mean to offend you. It was just a suggestion to help out those starting off, feel free to write code from stratch. It is much more satisfying, cleaner, and does just want you want out of it without the bloat. I just mistook the fact that you didn't want to learn to code, but rather would perfer jumping into writing page content.

Can you clarify what is your question then?

I see the example and your website. Are you attempting to get the code from the example to work on your own website? Or writing something different?

Did you wish to create a database?

[Damian]

Originally posted by Bad-Motha:

Well FYI, AZZA is quite skilled in that area; so he's just lending his 2-cents since he knows what he's talking about. Much more-so than I in this area.

But there are ton of tools out there for you to do; or ways to configure overall pages, etc. So take it with a grain-of-salt. He's just trying to help you. In the end you'll make your own decisions anyways.

So why are you trying to change my mind ? ^^

[Bad 💀 Motha]

It's called Help & Suggestions; no one trying to twist your arm...... sheeesh

[Damian]

Originally posted by Azza ☠:

I didn't mean to offend you. It was just a suggestion to help out those starting off, feel free to write code from stratch. It is much more satisfying, cleaner, and does just want you want out of it without the bloat. I just mistook the fact that you didn't want to learn to code, but rather would perfer jumping into writing page content.

Can you clarify what is your question then?

I see the example and your website. Are you attempting to get the code from the example to work on your own website? Or writing something different?

Yes that's what i'm trying to do... make the JS run on my site...

I want to learn.. but it makes no sense when i need to learn it to continue my website.. so it would take like 2 weeks to understand JS to make the only one thing on the page.. in the future when i need some more... but now i just want to make the page run.

[Azza ☠]

Originally posted by OC'ed:

Originally posted by Bad-Motha:

Well FYI, AZZA is quite skilled in that area; so he's just lending his 2-cents since he knows what he's talking about. Much more-so than I in this area.

But there are ton of tools out there for you to do; or ways to configure overall pages, etc. So take it with a grain-of-salt. He's just trying to help you. In the end you'll make your own decisions anyways.

So why are you trying to change my mind ? ^^

Just ignore/disregard my top two paragraphs. I actually went on to touch on some other options.

[Azza ☠]

Originally posted by OC'ed:

Originally posted by Azza ☠:

I didn't mean to offend you. It was just a suggestion to help out those starting off, feel free to write code from stratch. It is much more satisfying, cleaner, and does just want you want out of it without the bloat. I just mistook the fact that you didn't want to learn to code, but rather would perfer jumping into writing page content.

Can you clarify what is your question then?

I see the example and your website. Are you attempting to get the code from the example to work on your own website? Or writing something different?

Yes that's what i'm trying to do... make the JS run on my site...

I want to learn.. but it makes no sense when i need to learn it to continue my website.. so it would take like 2 weeks to understand JS to make the only one thing on the page.. in the future when i need some more... but now i just want to make the page run.

Okay.

Under your PHP or HTML webpage, at the top there should be a <head> tag (it's closed just before the </head> <body>). Under that you can add javascripts.

<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<title>justFAQ.it</title><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<script src="navigation.js"></script>

</head>
<body>
(etc)

Then you have a separate file called 'navigation.js' or whatever you wish. Here you can add your javascript.

You might also want to use jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jQuery/1.12.2/jquery.min.js"></script>

jQuery contains Javascript functions to speed up and do more advance stuff quickly.

Consider using the website information help found on:
http://www.w3schools.com/

(it's quite a good website for beginners)