Destiny166: Hi frnds I nid a site, sumtin I can use a freeze page, I hav a product wch I some peeps wuld like to buy

I can help u with one ...... U can email me for discussion at igweodibe1@gmail.com or whatsapp 07037706852.

Creating a download button: Option one, Check out this HTML mixed with Js code.

<form><input type = "button"
value = "Download Now"
onClick = "window.location.href='music.mp3'"> < /
form>

I think this Download link is enough.
You can edit this example to make it visit a page instead of downloading.

<Form><input type ="button" value= "Visit my page" onClick= "window.location.href='vstuffs.com'" > </form>


Now to use a button as a link:

<script>
function visitPage()
{
window.
location='http://
www.example.com';
}
</script>

<button
onclick="visitPage
(); " >Visit Page Now</
button>

Try these codes and gimme your feedbacks.

Vstuffs: Bros,@applied ,I have try at lest to learn some of the basics of js but there is problem I have,I don't know how to make button tag to link to a particular place with js,I try to use something like this (wait,I know I am wrong in adding those href attributes,but I am only trying to see if they may work) <p id="vstuffs" href="http://vstuffs.">myLink</p> <script>function myLink("http://vstuffs."){document.getElementById("p";} </script>

<button type="button" onclick="myLink()" href="http://vstuffs.">Download</button>.

just like the css feature<a href="url"><p style="
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;">
Download</p></a> I want to use this feature to change some things in my site,and please how can I apply color to the button

If my answer above isn't satisfactory, then You may have to rephrase your self.

What exactly do you want? Is it that you want to create a download button, or you want to create a button that will link a web page?

Just tell me what you want to do. You messed your codes up man.

I will be back for the button color code.

Getting the JS Variables straight to my precious brain. Very easy but many will lost when we get there. JS objects tough pass Variables o

Bros @applied it works thank you but what if I want to change the color of the button,

To change the color of your button.

Html page:

<Form><Input type="button" id="button"

value="visit my web page"

onClick="window.location.href='mywebpage.c o m'"></form>

Css sheet(external):

#button
{border:0;
width:150px;
height:25px;
color:#111111;
font-size:11px;}


Watch out for the " and ' signs.

NB: The CSS uses the I'd tag to enter the button and change its color.

Boy Coy Toy: Getting the JS Variables straight to my precious brain. Very easy but many will lost when we get there. JS objects tough pass Variables o

Bro I hope you've gotten what you wanted. Don't worry I dey here, we would break it down into little pieces.

Js object na him easy pass cause you can create your own object on the run.

Bros,thanks for your time

Appliedmaths.:
To change the color of your button.
Html page:
<Input type="button" id="button" value="visit my web page" onClick="window.location.href='mywebpage.c o m'"></form>
Css sheet(external):
#button
{border:0;
width:150px;
height:25px;
color:#111111;
font-size:11px;}
Watch out for the " and ' signs.

Bros,thanks for your time

Vstuffs: Bros,thanks for your timeBros,thanks for your time

Indeed. I'm happy because most of your questions is contained in our next topic, so when we get there na to just breeze pass...

Classes continues tonight...

Please which web host will you suggest for me I want to buy domain and create a business website for my Arts & Graphic works. Please I need a good host where I can upload all my files

Boy Coy Toy: Please which web host will you suggest for me I want to buy domain and create a business website for my Arts & Graphic works. Please I need a good host where I can upload all my files

View godaddy and hostinger a friend of mine use them for his music site.

You can include me to your project ooo. Would love to assist.

Boy Coy Toy: Please which web host will you suggest for me I want to buy domain and create a business website for my Arts & Graphic works. Please I need a good host where I can upload all my files

smatweb dom com dot ng is good. I have been using them for years now and they have been doing very well. I have a reseller account with them though if you wouldn't mind I can host your website for you. just pm me for detail.

Appliedmaths.:


View godaddy and hostinger a friend of mine use them for his music site.

You can include me to your project ooo. Would love to assist.

Thanks man, i think I'll go with godaddy.
I just want to make it a simple bussiness site, i think i don't need JS much

Boy Coy Toy:
Thanks man, i think I'll go with godaddy.
I just want to make it a simple bussiness site, i think i don't need JS much

Alright boss. Include date and time on your web site please, it matters. Since its a business site, my 2 cents.

Appliedmaths.:


Alright boss. Include date and time on your web site please, it matters. Since its a business site, my 2 cents.

Nice idea, I wasn't even thinkin about it

Apliedmaths ride on u re doin a great work here . Thanks a lot ........ Pls let's tink hw to do new year for our teachers here. Oya class prefect make a suggestion

JavaScript Variables


Js variables are "containers" for storing
information:

<!DOCTYPE html>
<html>
<body>

<script>
var x=5 ;
var y=6 ;
var z=x+y ;

document.write(x + "<br>" ) ;
document.write(y + "<br>" ) ;
document.write(z + "<br>" ) ;
</script>

</body>
</html>

Remember: document.write() is used for what

Just Like Algebra

x=5
y=6
z=x+y

In algebra we use letters (like x) to hold values (like 5).
From the expression z=x+y above, we can
calculate the value of z to be 11.
In JavaScript these letters are called
variables.

Variable can have short names (like x and y) or
more descriptive names (age, sum,
totalvolume).

Rules For Variables.

Variable names must begin with a letter
Variable names can also begin with $ and _
(but we will not use it)
Variable names are case sensitive (y and Y are
different variables)

Both Js statements and Js
variables are case-sensitive.

Js Data Types

JavaScript variables can also hold other types
of data, like text values

(person="Applied Maths" ).
In Js a text like "Applied Maths" is called a
string.

There are many types of JavaScript variables,
but for now, just think of numbers and strings.

When you assign a text value to a variable, put
double or single quotes around the value.
Example: "Nairaland"; 'Naira land';

When you assign a numeric value to a variable,
do not put quotes around the value. If you put
quotes around a numeric value, it will be
treated as text.

Example: 5; 10; and not "5"; '10';

Example:

<!DOCTYPE html>
<html>
<body>

<script>
var pi=3.14;
var person="Nairaland";
var answer='Yes I am!';

document.write(pi + "<br>" ) ;
document.write(person + "<br>" ) ;
document.write(answer + "<br>" ) ;
</script>

</body>
</html>

Now, this is where it gets interesting.

Js is very flexible, don't feel restricted. You can create your own variables.
Now watch this

In the previous examples we used "x" and "y" as variables. But now let's create our own variables.

Declaring (Creating) JavaScript
Variables
Creating a variable in JavaScript is most often
referred to as "declaring" a variable.
You declare JavaScript variables with the

var
keyword:
varcarname;

After the declaration, the variable is empty (it
has no value).

To assign a value to the variable, use the
equal sign:

mycar="Toyota";

However, you can also assign a value to the
variable when you declare it:

var mycar="Toyota";

In the example below we create a variable
called Mycar, assigns the value "Toyota" to it,
and put the value inside the HTML paragraph
with id="demo":

<!DOCTYPE html>
<html>
<body>

<p>Click the button to create a variable, and display the result.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction()
{
var mycar="Toyota";
document.getElementById("demo" ).innerHTML=mycar;
}
</script>

</body>
</html>

Recall: Why was document.getElementById() used here?

It is a good coding(programming) practice to always declare variables not only in Js.

One Statement, Many Variables

You can declare many variables in one
statement. Just start the statement with var
and separate the variables by comma:

var lastname="Appliedmaths",
age=100,job="webmaster";

Your declaration can also span multiple lines:

var lastname="Appliedmaths",
age=100,
job="webmaster";

An undefined variable

Var mycar; is an undefined variable and the browser would execute(display) the variable as Undefined that's all.

Re-Declaring JavaScript Variables

Simply re-declare the undefined var mycar; to

var mycar="Toyota"; which is the standard practice.

Watch this closely and study it

You can use js to perform mathematical operations.

<!DOCTYPE html>
<html>
<body>

<p>Given that y=5, calculate x=y+2, and display the result.</p>
<button onclick="myFunction()">Try it</button>

<p id="demo" ></p>

<script>
function myFunction()
{
var y=5;
var x=y+2;
var demoP=document.getElementById("demo" )
demoP.innerHTML="x=" + x;
}
</script>

</body>
</html>

We are getting to the point were js would look useless to webmasters. I mean someone may ask, what do I need all this mathematical functions for? How does this concern my web design and development business.

You may be given a project to build an educational portal(exam portal). Who knows?
So just relax and eat the codes small small.

To whom it may concern this is what I mainly use js for

Date and time.

Client side Form validation.

Creating exam portals(js var and data types).

Adding special effects to forms,text.

Window re-direction.

Download with a download button (what we did the other day)

Alerts and confirmation pop up.

Welcome message via cookies (but I think php has a more simple solution)

The list is endless, I just dropped the basics to alert you on what js can do to tour web page...

Feedbacks, comments, and questions are highly needed.

See you @ the next topic by God's grace...

Thanks,still readings,but please @appiled,I need your help in this problem of mine,I want to write jamb this year,and at the same time I have a site which I am managing now,and again still studying web designing at 3-4 sites (nairaland is one of them),I spent at lest 11-13 hours online daily(through mobile),but the thing about writing jamb is what I really didnot like,please help me, how should I space out my time?

Vstuffs: Thanks,still readings,but please @appiled,I need your help in this problem of mine,I want to write jamb this year,and at the same time I have a site which I am managing now,and again still studying web designing at 3-4 sites (nairaland is one of them),I spent at lest 11-13 hours online daily(through mobile),but the thing about writing jamb is what I really didnot like,please help me, how should I space out my time?

I'm a university student in one if the TOP federal universities in Nigeria. I'm approaching my finals, I have exams Jan 27th, 6 theory heavy courses and one objective. My friend its all about time management I discovered this early in life and its helping me a lot.

I read my books, do my web lessons, and still come here to give tutorials all in 24hours. And so far so good I'm doing satisfactory well in both fields. Learn how to set priorities and also Schedule your self.

Sometimes I read my book form 9am till 3pm. Code like for 3hours. Yes at my level of studies I need more practice time.

Then in the night like now, I study my codes carefully. And do few web works, I sleep very late it has gotten used to me.

So just create a timetable for yourself, you don't necessarily have to write anything down in a diary.

Sometimes I code in the morning and read in the evening plus other things todo.

With your level in coding and web management, that should give you an upper hand in your studies. I would be disappointed in you if you screw up your jamb.



Don't joke with your studies

I can't say everything here. Send me a PM we'll talk better. I have a word or two for you.

@Vstuffs. I like your blog. Visited it and was really impressed.

My email on NL is active abeg PM me. Be like you go help me out with 1 or 2 things sef.

Thanks

Please @Appliedmath ,i discovered now that when i used much of Js to code my site is slower than when using css ,what is the cause?

chiboy429: Please @Appliedmath ,i discovered now that when i used much of Js to code my site is slower than when using css ,what is the cause?

External or internal js technique?

I'm sorry I'm dragging us back but I really would appreciate it if anyone could help me.

Please I want to post a website on a thread on NL. But I want the site to show as "HERE", such that when I click on "HERE", it takes me to the site.

How do I do this please?

Please help.
Thank you.

kayemjay: I'm sorry I'm dragging us back but I really would appreciate it if anyone could help me.

Please I want to post a website on a thread on NL. But I want the site to show as "HERE", such that when I click on "HERE", it takes me to the site.

How do I do this please?

Please help.
Thank you.

<a href="www.mysite.com">HERE</a>

Appliedmaths.:


<a href="www.mysite.com">HERE</a>

advice him to use, [ url=facebook.com]Here[ /url] without spacing, those HtMl tags wont work on nairaland comment box.

@sunday 478 and @applied maths,

Thank you for your input.

But I think both are not working here on Nairaland. Can you please make an example for me please?
Thank you.

kayemjay: @sunday 478 and @applied maths,

Thank you for your input.

But I think both are not working here on Nairaland. Can you please make an example for me please?
Thank you.

ok, look at it now. For the code to show for u, that is why am spacing the codes so that u can see it, if not that my previous post will only be ShowinG Here as a link to facbook. So when u have a link, use this codes
NB: I spaced mine, for u to be able to see the codes, but when want to write ur own code, don't space it.
[ url=Your Link here][color=purple]What Others will see[ /url][ /color]

P.S you are to use this type of opening [ and closing ] brackets, also u will be needing this slash / in the code. Look at am example, this.

Check out Kayemjay's profile Here