JavaScript Tutorial

I am a developing web designer/producer and I am about to
jump into the world of JavaScripting. Can anyone recommend a decent
tutorial that I can view online and learn the basics? Any help is
greatly appreciated.

smurfo68 wrote:
> I am new to javascript also. If, you do a google search
for javascript
> examples or tutorials. You will find a lot of sites with
free tutorials and
> information. Here are some links to some tutorials that
I have been reading:
>
>
http://www.tizag.com/javascriptT/index.php
>
http://www.codetoad.com/javascript/
>
http://www.getfreesofts.com/scriptscategory/8/0/1/0.html
>
> These are just a few. Good Luck!!!!!
>
www.irt.org is an old favourite of mine.
Steve

Similar Messages

Correction to javascript tutorial

In http://download.oracle.com/docs/cd/E14373_01/appdev.32/e13363/javascript.htm#CHDDHAFA, it says to enter "confirmDelete('Would you like to perform this delete action?');" as the URL for the button. This should be "javascript:confirmDelete('Would you like to perform this delete action?');".
I had to go to oracle-dba.com to find that out.
Also, the "Contact us" link on that page does not provide any way to contact Oracle.

http://discussions.apple.com/thread.jspa?threadID=2244015&tstart=0

Javascript Conditional Division Resize

I can't get code like this to work, the logic is right, but I
can't get it to work on 2 divisions that properties initially the
height is set to auto.
function resizeContent(){
if(document.getElementById("content_left").style.height <
'405px'){
document.getElementById("content_left").style.height='405px';
if(document.getElementById("content_right").style.height
< '405px'){
document.getElementById("content_right").style.height='405px';
}

Hello,
First you didn't make all the changes that were suggested before
this
<script language="JavaScript1.1" type="text/javascript">
function beware()
if(html_GetElement('P3_BOARD_GROUP_TYPE_ID')==6)
{(!(confirm('Warning! This will change all Timers to default values. Continue?')))}
{html_GetElement('P3_EMULATION').focus()}
</script
still wouldn't work anyway
now what you need to do is either supress or allow doSubmit in your javascript.
So first change the select to a regular select so the proper onchange is applied
Second use this javascript
<script language="JavaScript1.1" type="text/javascript">
function beware(){
if(html_SelectValue('P3_BOARD_GROUP_TYPE_ID')==6){
var answer = confirm('Warning! This will change all Timers to default values. Continue?');
if(answer){doSubmit()}
else{html_GetElement('P3_EMULATION').focus()}
</script>
You should take a quick run through this javascript tutorial http://www.w3schools.com/js/js_intro.asp and hour or two spent here is going to save you countless hours later and allow you to build more adavced (and working) functionality.
Carl

Javascript conditional check

Hi,
See Javascript below.
I'm trying to pop-up a warning message window conditionally if P410_BOARD_GROUP_TYPE_ID = 6 and the user selects a different value in the Select List. It seems ilke I am either A) passing in the value of P410_BOARD_GROUP_TYPE_ID incorrectly, or B) choosing the wrong type of event handler. Can someone spot where I'm going wrong? It's as though the function isn't even being calling on my page when I run it.
<b>In the HTML Form Element Attributes box for P410_EMULATION:</b>
onSelect=beware('P410_BOARD_GROUP_TYPE_ID');
<b>In the HTML Header:</b>
<script language="JavaScript1.1" type="text/javascript">
function beware()
if(html_Element('P410_BOARD_GROUP_TYPE_ID')=6)
{(!(confirm('Warning! This will change all Timers to default values. Continue?')))}
{html_GetElement('P410_EMULATION').focus()}
</script>

Hello,
First you didn't make all the changes that were suggested before
this
<script language="JavaScript1.1" type="text/javascript">
function beware()
if(html_GetElement('P3_BOARD_GROUP_TYPE_ID')==6)
{(!(confirm('Warning! This will change all Timers to default values. Continue?')))}
{html_GetElement('P3_EMULATION').focus()}
</script
still wouldn't work anyway
now what you need to do is either supress or allow doSubmit in your javascript.
So first change the select to a regular select so the proper onchange is applied
Second use this javascript
<script language="JavaScript1.1" type="text/javascript">
function beware(){
if(html_SelectValue('P3_BOARD_GROUP_TYPE_ID')==6){
var answer = confirm('Warning! This will change all Timers to default values. Continue?');
if(answer){doSubmit()}
else{html_GetElement('P3_EMULATION').focus()}
</script>
You should take a quick run through this javascript tutorial http://www.w3schools.com/js/js_intro.asp and hour or two spent here is going to save you countless hours later and allow you to build more adavced (and working) functionality.
Carl

JavaScript eBook

Is there any free comprehensive javascript tutorial ebook to refer ?

Check this giuciao.blogspot.com
Message was edited by:
user485129

Call javascript function in an html page, how to?

How can i call a javascript function in an html page were my flash catalyst swf is?

I think you will need to import the catalyst fxp into flash or flash builder and add action script to invoke the javascript.
These two links may be of use
http://blog.codefidelity.com/?p=15
http://www.switchonthecode.com/tutorials/flex-javascript-tutorial-simple-interaction
I hope that helps

Javascript in Flex

Hello,
I would like to put a hit counter in my flex website. So, I go to www.hitscount.com and create my hit counter and then, I have a javascript script, but how put it in my website... Can you explain to me very easily, I'm a newbie
My script is :
<code>
<div align='center'>...............</div>
</code>
Thank you very much
Chandler

you'll have to do an external call to your javascript in the template file, from your flex application.
here's an example of flex<-> javascript communication
http://www.switchonthecode.com/tutorials/flex-javascript-tutorial-simple-interaction
here's an example of how to do a hit counter using PHP instead of Javascript
http://www.mattlefevre.com/viewExample.php?tut=flexPHP&proj=Hit%20Counter

How can I test to anticipate user's monitor size/resolution?

I would like some help with how to test my web pages to see what they might look like with smaller monitors.
First off, the site is for a fine art artist so his most important audience is probably going to be using larger monitors well, I guess they are but that is not based on any empirical evidence! But I still want to know that the site looks good on a small monitor with lower resolution. I've just looked at my first attempt on my work monitor and things changed an awful lot. At home I use a 26" which is new and at work it's a cheapo 19"
My structure holds up but the whitespace and size of the images look entirely different and make the site appear less er... refined.
So here are my questions.
a) Can I set up my own pc to emulate smaller monitors with lower resolution without having to change the native resolution?
b) Am I worrying unnecessarily?
c) Is anyone aware of a tutorial out there?
Thanks
Martin

Hi Martin,
Even if you anticipate it is no use as you can't see the user screens...you have to simulate that at your end before making live.
All you need to do is decide for a minimum resolution that you want to support for your site and then design according to that.
Also you can manually change resolution on your montior and do some window resizing to see how the site looks.
A site cannot look the same at each resolutoin or in every monitor. The main idea is to ensure that your site never breaks down.
By the way u can always capture screen resolution at ur end using javacript screen object:
http://forum.codecall.net/javascript/1628-javascript-tutorial-screen-resolution.html
http://andylangton.co.uk/articles/javascript/browser-screen-resolution/
Regards,
Vinay

Need help in case of radio buttons

their are some text fields with radio button in one form and when i click on the radio button,the form should show some text feilds and click on another it should show some other feilds dynamically in javascript.

their are some text fields with radio button in one
form and when i click on the radio button,the form
should show some text feilds and click on another it
should show some other feilds dynamically in
javascript.java is not javascript. you need to use the onClick property for the radio button to manipulate the display. that's the best i could hint right now. if you need more information, read some javascript tutorial. there are several available on the web.

How to import a Google Map API Map in Adobe Muse

Hello,
I'm trying to import on Adobe Muse a Google Maps custom map that I have created with the API google maps... But I have problems with writing the HTML code...
I tried to import that one for exemple:
https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=fr
But nothing happens in Adobe Muse... just a blue square with "html" written on the left top of the square...
Thanks for the help!

Hi!
You have to create to go to "insert html code" in the Muse menu.
Then follow the steps in these websites, some are in french...sorry about that! but It's not difficult to understand, or use google translate.
http://www.html5-css3.fr/html5/tutoriel-api-google-maps-geolocalisation-html5
https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=fr
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html ==> for creating the customized map
http://www.code-web.org/post/2010/03/04/Google-Map-API-V3-%3A-Placer-un-marker-sur-la-cart e ==> for customized markers
https://developers.google.com/maps/documentation/javascript/examples/map-geolocation?hl=fr &csw=1
https://developers.google.com/maps/documentation/javascript/tutorial?hl=fr
http://www.lafermeduweb.net/tutorial/mettre-en-place-la-google-maps-personnalisee-sur-ses- pages-web-p105.html
Hope this will help!

How to open an Applet from a text link in a HTML Page

Hi There
How to open an Applet from a text link
in a HTML page
For example I have a HyperLink "Open Applet"
When a user clicks that link i want to open a
Applet in a AWT Window.
How can i do this
Will any one help me?
-Ramya

u can use javascript for that
<SCRIPT language="javascript">
function loadAppNow() {
document.write("<APPLET ......></APPLET>")
</SCRIPT>
LoadApplet
this will overwrite the applet on current window
There are many good ways other than document.write to open in same window. I don't remember the syntax right now.
Plz. refer to javascript tutorial for that.
even you can insert the applet while retaining previous contents. its quite easy actually.
regards....bhart

How to scroll within a day in month view?

Busycal can scroll within a day in month view (eg. too many events in a day that requires you to open the day view to see all the events). Can this be done in iCal?

I found some javascript code that solves this problem. Credit
for the code has to go to the person who wrote the excellent
article at the following link:
http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel
If you read this article the code below should make sense.
From this article i used the hookEvent and cancelEvent
functions. In my particular case I embed the SWF object inside a
JSP page using some javascript code. After the SWF is loaded i
added the following line of code:
hookEvent('my_swf_id', 'mousewheel', handleMouseWheel);
where handleMouseWheel is defined as follows:
function handleMouseWheel(e)
if (document.getElementById("my_swf_id"))
document.getElementById("my_swf_id").focus();
return cancelEvent(e); // This is the key to the solution...
When the mouse is over the datagrid in the SWF i can use the
mouse wheel to scroll its contents without the main browser window
scrolling at the same time.
Thanks to all who took time to post their ideas, it was
appreciated.

Google has disable the use of the api key

I've setup a google static map using the api key v3 in this site www.pequenonim.es.
Problem is Firefox is giving an error message:
" Google ha inhabilitado el uso del API de Google Maps para esta aplicación. La clave proporcionada no es una clave de API de Google válida, o no está autorizada para la versión 3 del API de JavaScript de Google Maps en este sitio. Si eres el propietario de esta aplicación, puedes consultar cómo se obtiene una clave válida aquí: https://developers.google.com/maps/documentation/javascript/tutorial#api_key"
Something like Google has disabled the use of the API for this application. The key is not valid or is not authorized for version 3 of the api of javascript in this site.
Measurements already taken:
API v3 and API v2 enable on api code panel
Reset firefox
Clean cookies and cache of firefox.
Map actually works on Chrome and IE10.

Is it the map on the bottom of the main page? It works for me in Firefox 24 on Windows 7 from California.
You may want to look at the code in Firefox's source viewer, starting a few lines below id="bottom2", as there are some stray <html>, <head>, and <body> tags that suggest a template or plugin isn't fully compatible with your page.

Getting a button to link to a frame

I'm really new at this, sorry! I've inherited a website made with dreamweaver, with this button code in it
<input name="BUTTON" type=BUTTON style="background-color:#2f555f;color:#FFFFFF;font-size:10pt;font-family:Courier New;" onclick="javascript:location.href='../../Processing/irix/irix_proc_home.htm';" onmouseover="this.style.backgroundColor='#4cabc3'" onmouseout="this.style.backgroundColor='#2f555f'" value="Irix Brain Imaging Processing Protocols" />
My boss has now asked me to make frames in the website. I can link standard links to the mainframe with target= _mainframe, no problem. But I want to make this button display from my left menu frame to my mainframe.I've tried replacing just about everything in the code with mainframe but still, you click it, leftframe every time. As I've inherited this code, I'm not even sure this is java, mind you, I'm learning this html stuff from scratch...
Thanks for any help you can give me!
Amy

Nope, that is not Java. Try to find a decent html and javascript tutorial.

Putting Google maps on my Website

I am brand new at website design and I am trying to put a website together mostly for fun what I would like to do is put Google maps on a page. On that page I would like to mark locations (trails and camp site) with a little information and a link to a page that would have more information. I believe there is a plug-in I can buy for only $25 but I am enjoying learning and would like to learn how instead of just a plug and play. In contrast to that though I cheating and using Dreamweaver CS5. Thank you for any help and sorry in advance for my ignorance. If there is a site or explanation step by step (including code). I have visited google maps http://code.google.com/apis/maps/documentation/javascript/tutorial.html#LoadingMap .
My site is www.campingcoaches.com it is just for fun and a few friends to share where they have been camping so the coding I am working on in my spare time.
All it take for Evil to thrive is for good people to do nothing

All you need to do is to copy past the code and repeat from the "var marker" and down to the addListener for each marker with overlay you want.
Remember to give the variables unique names.
You can use this geoCode url to retrieve geocodes for the addresses you would like to have on your map:
http://maps.google.com/maps/api/geocode/json?address=berlin,germany&sensor=false&language= en
Look for the "location" section.

JavaScript Tutorial

Similar Messages

Maybe you are looking for