Jump to content
  • Announcements

    • boen_robot

      Guidelines and Netiquette   03/28/2017

      Posting Problems:   Having problems posting your topic? Read through this: To join, you agree to our terms and conditions and fill out and submit a registration form. An activation email will be sent to your email adress, so you'll need to verify your account. After that the account has to be validated by one of the moderators. This will mean that it can take up to a day to be activated. A couple of things to remember to ensure approval: Don't use an email address in one of those $2 four character .com domains eg. xyds.com. These will be deleted and the domain added to the banned list. Don't use an email address that is within a domain with a bad reputation for spam. A Google search is run on every email address and email domain. Don't sign up with an email address that doesn't exist, doesn't work or requires the sender to answer a quiz before their email can get to you. Put your country and or state and city in the signup form. Blank forms will go to the botton of the "to do" list. And make sure that your email address and your country match, saying you're from Alabama and using a .ru email address is not going to get you activated. After a membership is activated the first few posts will be monitored. Posting spam or unapproved topics described in the agreement results in an immediate ban. The email provider and the IP addresses associated with the account will be banned and all posts will be deleted. These strict measures have been deemed necessary to hinder spam. Sorry for any inconvenience this causes, but it's not liable to change. If, after reading this, you still can't post and don't understand why, contact one of the Moderators listed here.   Topic Guidelines   Including the following information can expedite an accurate response from board members: Must be a Specific Problem or Question related to web design and development Include Code in Question (wrap with   for small blocks of code and for longer blocks   ) Include Code Author Include Extra Notes/Modifications/Attempts Include web link to page/file when possible Content Guidelines   You may not post, upload, link to, or email any Content that contains, promotes, gives instruction about, or provides prohibited Content. Prohibited Content includes any Content that breaks any local, state, county, national or international law. Prohibited Content also includes: No direct or indirect advertising or websites, forums, products, services No hijacking of posts (do not post your question in someone elses) Content that infringes upon any rights [ex. MP3s and ROMs] (including, but not limited to, copyrights and trademarks) Abusive, threatening, defamatory, racist, or obscene Viruses or any other harmful computer software False Information or libel Spam, chain letters, or Pyramid schemes Gambling or Illicit drugs Terrorism Hacking or cheating for internet/online games Warez, Roms, CD-Keys, Cracks, Passwords, or Serial Numbers Pornography, nudity, or sexual material of any kind Excessive profanity Invasive of privacy or impersonation of any person/entity Hacking materials or information Posting Tips   There are more BBcodes than there are buttons for on the reply menu. To get the full list, click "BB Code Help" underneath the clickable smilie face menu. Use   for small snippets of code Use   for lengthy snippets of code Use   if your snippet is HTML (optional) Use   if your snippet is SQL (optional) Rules of Conduct   Be nice. There's no need for calling someone stupid if they ask an 'easy' question. Keep your avatars and signatures absolutely child friendly. We have a younger audience on this forum. Keep your language appropriate for the same reason above. Do not PM moderators for help on the forum. Post on the topic, or create a new one.   Spam:   Recently, as you have all without doubt noticed, we have had lots of spam and advertisement on the forum. Therefore, we'd like to alert you as to what to do when you have found any of the aforementioned annoying messages: it. Immediately. Give a clear reason, please, if the advertising is not evident. DO NOT POST! Report, let the post stay as is, and we will get to it, meanwhile if you continue to post as normal in the other threads, it won't be on the top so long. Refrain from PMing the member. This won't help at all, as they are most likely spambots anyway. Thank you.       Images in signatures:   After thinking of users on dial-up, we have decided to enforce the following rules regarding signatures. Please pay heed to them. Respecting these rules is respecting the members on this forum with dial-up. Signature rules: No animated images AT ALL. No matter the amount of animation. Maximum image widthxheight: 300x150 Maximum image (file) size: 15kb Use calm colors. Do not use highly contrasting images in your signature, as this can get really annoying when seeing several posts from one member in the same thread. The same prohibited content goes for images as for posts. Lastly, use common sense. No lengthy signatures please. Save us some scrolling. Thank you.       Links in signatures:   Please understand that w3schools.com only exists because of voluntary work and is barely supported by the advertising littered throughout the tutorials and the forum. So, please, stop advertising other sites. DO not post links that drive traffic away from the w3schools domain - especially to a site that offers similar if not identical information. Please help support the site by keeping individuals on it. Thank you. Here are some guidelines as to what you can put in your signature: w3schools links --> allowed w3.org links --> allowed browser links --> allowed html editor links --> allowed personal sites --> allowed tutorial sites competing with w3schools --> NOT allowed sites completely irrelevant to webprogramming and this forum --> NOT allowed   Thanks for understanding, and for taking the time to read this. ~W3Schools Modstaff~
kaijim

JavaScript Tutorial and Reference

Recommended Posts

Thanks for the links! I only have three module(count the one I'm on) on codeacademy with JavaScript. I came across his video searching through youtube video to find video on JavaScript, but pass him up cause of the fact I felt it'll be more of a lecture than an engage hearing list-in-on(I need something that going to keep my attention.) I already came across that online book, which didn't really seem to lay the basic for me as a tutorial for JavaScript... but might have been cause of the layout not being pleasant to me, but I'll go back at it ones I have a strong foundation to stand on of JavaScript and it's building blocks.Again Thank you, I appreciate the fact of you doing something that you didn't have to do. I will check out some of those videos and see about that online book again. As I said, I wish to have a basic understanding, a strong foundation of JavaScript become I even move on to anything else. That include advance JavaScript.Again, thank you.

Share this post


Link to post
Share on other sites

Do they have a framework that only pertain to JavaScript, as it is made up of only JavaScript.

Share this post


Link to post
Share on other sites

A framework like ExtJS?

Like jQuery but written in only JavaScript... If you can give more detail if you feel as if my understanding isn't all there... which it isn't.

Share this post


Link to post
Share on other sites

jQuery is written only in Javascript. You are free to download jQuery and read through the source. Browsers only understand Javascript as a scripting language, with the exception of IE that also supports VBScript.

Share this post


Link to post
Share on other sites

jQuery is written only in Javascript. You are free to download jQuery and read through the source. Browsers only understand Javascript as a scripting language, with the exception of IE that also supports VBScript.

But jQuery isn't writing as JavaScript is writing. I want to learn JavaScript, even know I like how jQuery look, and enjoy learning it. But I want to have JavaScript as my foundation, not a form of JavaScript which is easier to understand, but the actually language of JavaScript.Beside that question could you also explain more in detail of the responses you gave me of jQuery, even know I know... I still would like more information on your part. If not, than please responses to the repost to the question that have a little more detail above this.Thank you again, I do appreciate you taking your time out to reply to my nobs question... Wizard.. or warlock(eyes go back and forth with dramatic music playing).Also a brief info on VBscript. You don't have to, I rather not get on any other scripting language but JavaScript for now, after I'm comfortable and confident that I know JavaScript's basic and intermediate. To where I can move on to advance easy. Next language is serve side scripting PHP. Edited by L8V2L

Share this post


Link to post
Share on other sites

Saying you want "learn Javascript" is a rather broad statement. You can spend time on many areas of Javascript usage, such as those associated with every element of HTML5, or DOM manipulation, or traditional form validation, or Javascript OOP constructs. One stage of learning a language is to learn every command in the language. Have you done that?

 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

 

http://msdn.microsoft.com/en-us/library/x85xxsf4%28v=vs.90%29.aspx

  • Like 1

Share this post


Link to post
Share on other sites

But jQuery isn't writing as JavaScript is writing.

All jQuery syntax is legal Javascript syntax. It has to be, because the only thing the browser understands is Javascript. jQuery code just uses features that aren't common in vanilla Javascript, like closures and JSON objects being passed to functions. It's all legal Javascript though. When I first started seeing the Javascript toolkits that people were making I was initially very confused, because they all used "$". I thought that $ was some operator or class in Javascript that I had never heard of, but it's not true. $ is just a valid variable name. You could write your own code to use it.
var $ = 'test';alert($);
I would highly recommend not using arbitrary symbols as variable names, because they don't provide any hint on what the variable is for and they make the code look confusing. But trying to figure out those libraries and toolkits finally clicked for me when I realized that $ was just an identifier like any other function or variable name.For what it's worth, I would recommend to stay away from jQuery or any other library while you're learning. Learn vanilla Javascript, once you know that you will be able to figure out how things like jQuery work. Besides, Vanilla Javascript is fast. There's no reason to add all of the bloat of something like jQuery just to have a different way to get an element by ID or class name. jQuery just slows your code down. It might make certain things faster to write, but you pay for that in execution speed. Like you can see from that site, getting an element by ID using jQuery is about 35 times slower than using document.getElementById. Getting elements by tag name is 425 times slower using jQuery. If you're using jQuery, then your application better be highly complex and needing to work on 99% of browsers. Otherwise, use vanilla JS. Your browser already supports it.

Also a brief info on VBscript.

Just forget that VBScript exists. If you find a VBScript developer, make fun of them. Anything that VBScript can do, Javascript can do better. That way you're not stuck trying to do complex and important things using a language whose primary design goal was to be easy to learn.

Share this post


Link to post
Share on other sites

Thanks for that link. I feel somewhat vindicated about concentrating on JS rather than the multitude of libraries and frameworks.

Share this post


Link to post
Share on other sites

Saying you want "learn Javascript" is a rather broad statement. You can spend time on many areas of Javascript usage, such as those associated with every element of HTML5, or DOM manipulation, or traditional form validation, or Javascript OOP constructs. One stage of learning a language is to learn every command in the language. Have you done that? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference http://msdn.microsoft.com/en-us/library/x85xxsf4(v=vs.90).aspx

All jQuery syntax is legal Javascript syntax. It has to be, because the only thing the browser understands is Javascript. jQuery code just uses features that aren't common in vanilla Javascript, like closures and JSON objects being passed to functions. It's all legal Javascript though. When I first started seeing the Javascript toolkits that people were making I was initially very confused, because they all used "$". I thought that $ was some operator or class in Javascript that I had never heard of, but it's not true. $ is just a valid variable name. You could write your own code to use it.

var $ = 'test';alert($);
I would highly recommend not using arbitrary symbols as variable names, because they don't provide any hint on what the variable is for and they make the code look confusing. But trying to figure out those libraries and toolkits finally clicked for me when I realized that $ was just an identifier like any other function or variable name.For what it's worth, I would recommend to stay away from jQuery or any other library while you're learning. Learn vanilla Javascript, once you know that you will be able to figure out how things like jQuery work. Besides, Vanilla Javascript is fast. There's no reason to add all of the bloat of something like jQuery just to have a different way to get an element by ID or class name. jQuery just slows your code down. It might make certain things faster to write, but you pay for that in execution speed. Like you can see from that site, getting an element by ID using jQuery is about 35 times slower than using document.getElementById. Getting elements by tag name is 425 times slower using jQuery. If you're using jQuery, then your application better be highly complex and needing to work on 99% of browsers. Otherwise, use vanilla JS. Your browser already supports it.Just forget that VBScript exists. If you find a VBScript developer, make fun of them. Anything that VBScript can do, Javascript can do better. That way you're not stuck trying to do complex and important things using a language whose primary design goal was to be easy to learn.

 

Thanks for that link. I feel somewhat vindicated about concentrating on JS rather than the multitude of libraries and frameworks.

THANKS JUSTSOMEGUY, YOU MAY BE JUST SOME GUY, BUT YOU THE GUY! Thank you for such the detail reply, I enjoy with excitement reading what you wrote... Don't think cause your amazing... Which you are but that's not why. I want to understand, I want to know, jQuery seem awesome, but to my prospective, it's more of a child or a some what short cut way to writing JavaScript. And I don't want that, I want to learn JavaScript, if I need to use such framework, I want to use them, after I understand JavaScript foundation, and intermediate, to where I can just going into advance. So if I ever need to use such frameworks, I want to do so cause I don't really feel like typing up something I could just copy and paste... Which will be NEVER!!!! The only thing closely to copy and paste I'll do, is use it as a guide to rewrite it as of how I want it to look and act. JavaScript is a language, and as all other language program coded and non-coded, there is many ways to say one thing, but not entirely true, for how it couvade when said. So... Yeah!!!!Thanks!!!!!! Appreciate it, as always!Here something you might like to watch, very educational and insightful:
Edited by L8V2L

Share this post


Link to post
Share on other sites

How you feel about these justsomeguy and anyone else.coffescriptAmber SmalltalkHaxeDartOpaTypeScript, an open-source, strict superset of Javascript language from Microsoft.Rapydscript,[20] a translator with a more Pythonic syntaxLiveScriptGorillascript, which offers additional type checking and syntactic sugar for common JS patterns such as inline callbacks

Share this post


Link to post
Share on other sites

I don't have much of an opinion on those, although I'm curious to see what Dart will turn into.

Share this post


Link to post
Share on other sites

JavaScript is a very important language for developers to learn. JavaScript is included in almost every website in these day. You can say that without JavaScript our sites are not that attractive. So you have to lear how to code in JavaSript. Learn and you can do a lot of fun things in your websites.

Share this post


Link to post
Share on other sites
Hello & Thanks ,

A javascript Tutorial for BenghaziGame :


I just wanted to let you know that I have written a

javascript tutorial for my BenghaziGame ,

and to thank all you folks on this Forum

who have helped me to convert this game to javascript .


Benghazi Game is a shoot 'em up political satire browser game .

But instead of bullets ,

we throw cowpies at politicians when we see them lying .

How do we know when they are lying ?

When their noses turn into long carrot noses , they are lying .


The Tutorial game begins here :



I have also posted the whole Tutorial for download here :



My disclaimer:

I am going to let w3schools.com do most of the heavy lifting ,

and use their GameTutorial resources to do the explaining on specific keywords .

Here is a list of their web pages that we will be using:










and more as the need arises .


Thanks...Vern

Share this post


Link to post
Share on other sites

Hi

just a quick question spent an hour looking for an answer

In the w3c schools js script pop up box where does the " Prevent this page from creating additional Dialogues" come from in the example

 

JohnC

Share this post


Link to post
Share on other sites

Browsers automatically add that if the browser calls alert() more than once.

Share this post


Link to post
Share on other sites

hi

i am not sure if this is the right place to place a new query of javascript code.

but because i am new at this forum so bare with me?

i have a code that have two buttons one hide the other show but what they do is to hide and show

<p> tag is there a way to show and hide an image using this code

<!DOCTYPE html>

<html>
<head>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p> jj</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>
thanks

Share this post


Link to post
Share on other sites

IF a single image replace 'p' with 'img', if multiple and you want to target a specif img element give it a unique identifier such as id ref and use that instead of 'p' selector.

Share this post


Link to post
Share on other sites

Hello.

I've just started learning JavaScript and I've found some websites where an image dinamically changes when you scroll down the page and a paragraph goes trough the image.

Here there is an example (it is a wordpress' theme)(it doesn't work on mobile phones or tablet)

https://wordpress.com/theme/twentyseventeen

How can I do this? Whit JavaScript?

Edited by Allaiuzzu

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×