Sources CAPT ECRAN DYNAMIQUE

Exemple 1 : demojs01
<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="std.css" title="gh" />
<title>demoJs01</title>
</head>
<body class="beige_jpg">
<div class="taille_7 cadre">
<blockquote>
<p>
Nous sommes le
<script type="text/javascript">
//<![CDATA[
// On récupère la date
var AujourdHui = new Date()
// On l'affiche au format jour/mois/année
window.document.write(AujourdHui.getDate(),'/', AujourdHui.getMonth()+1,'/',AujourdHui.getYear(),'.')
window.document.write("<\/p>") ;
// un petit message pour les unixiens/linuxiens
window.document.write('<p> si vous êtes sous Unix/Linux ou Firefox <\/p>') ;
window.document.write('<p> il doit sans doute manquer 1900 à l\'année...<\/p>') ;
window.document.write('<p> <\/p>') ;
// bouton back
window.document.write('<p><a href="javascript:window.history.back()"><img src=return.gif><\/a>')
//]]>
</script>
</p>
</blockquote>
</div>
</body>
</html>

<head>
// Tableau contenant les jours de la semaine
var Semaine = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi')
// attention : 0 correspond à Dimanche...
</script>
</head>
<blockquote>
<p> Aujourd'hui, nous sommes le
//<![CDATA[
// On récupère la date
AujourdHui = new Date()
// On l'affiche au format jour/mois/année
window.document.write(AujourdHui.getDate(),'/', AujourdHui.getMonth()+1,'/',AujourdHui.getYear()+1900,'.')
window.document.write(' C\'est un<br><center>')
window.document.writeln(Semaine[AujourdHui.getDay()].italics(),'.<\/center>')
// bouton back
window.document.write('<p><a href="javascript:window.history.back()"><img src=return.gif><\/a>')
//]]>
</script>
</p>
</blockquote>
</div>
</body>
</html>
<head>
//<![CDATA[
function jour(date) {
// Objet qui permettra de stocker la date
var LaDate
// Tableau contenant les jours de la semaine
var Semaine = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi')
if (date) {// Cas où une date est passée en argument
// la variable date passée en argument est au format JJ/mm/AAAA)
dateJS = date.split('/') //suppression des caractères ‘/’ de la variable date
LaDate = new Date(dateJS[2], dateJS[1]-1, dateJS[0]) // récupère l'année et le mois et le jour
//de la variable date, puis création de l’objet LaDate de type Date (au format AAAA/mm/JJ)
// test rapide du format
if (!((dateJS[0]==LaDate.getDate())&&(dateJS[1]>0)&&(dateJS[1]<13)&&(dateJS[2]>1800)))
{ return 'Format de date incorrecte ; il faut jj/mm/AAAA'
} // fin de si (test du format)
}
else {
// Cas où aucune date n'est passée en argument
// On récupère la date du jour
LaDate = new Date()
} // fin de si (sur la date) est passée an argument
// Le jour de la semaine d'un objet Date est obtenu avec la méthode getDay() sous forme d'un chiffre.
// Ce chiffre correspond à l'index dans notre tableau Semaine.
// Ainsi, 0 correspond à Dimanche...
return Semaine[LaDate.getDay()]
} // fin de fonction jour
//]]>
</script>
</head>
<blockquote>
<form action="../internet/non.php" onsubmit="alert(jour(this.date.value)); return(false)">
<p>
Donnez une date au format Jour/Mois/An (Ex: 25/12/1997)
<input type="text" size="8" name="date" />
<input type="submit" value="jour de la semaine" />
<br />
puis appuyer sur la touche Entrée ou cliquez <br />
sur le bouton <em>Jour de la semaine</em>.
</p>
</form>
<p>
//<![CDATA[
// bouton back
window.document.write('<br \/><a href="javascript:window.history.back()"><img src=return.gif><\/a>')
//]]>
</script>
</p>
</blockquote>
</div>
</body>
</html>
Exemple 4 : demojs04 (voir la version 4boù les erreurs sont corrigées notamment la compatibilité html4.01 au lieu de xml 1.0, quelques erreurs sur
l’utilisation de balises orphelines, et les 3 premières lignes)
Les 3Lignes supprimées :
Exemple 4b : demojs4b (avec correction des erreurs de demojs04)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="stylesheet" type="text/css" href="std.css" title="gh">
<title> (gH) : demo 04b de JavaScript </title>
</head>
<noscript>
<p>
Désolé, Javascript est inactif.
</p>
</noscript>
<form onsubmit="alert(bonjour(this.prenom.value)); return(false)" action="../internet/non.php">
<p>
window.status = " la vérité est ailleurs ! "
function bonjour(pren) {
if (pren.length==0) { pren = "bel Inconnu(e) " ; } ;
var phrase = new String(' Merci, ')
return phrase+pren.toUpperCase()+'.'
} // fin de fonction bonjour
</script>
Donnez votre prénom :
<input type="text" size="8" name="prenom" >
<input type="submit" value="ok">
<br >
puis appuyez sur Entrée ou cliquez sur le bouton <em>Ok</em>.
<br >
(avez-vous vu la <a href="http://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/jscript-window-
status-sujet_103465_1.htm">ligne de statut tout en bas </a>?)
</p>
</form>
<p>
<a href="javascript:window.history.back()"><img src="return.gif" alt="retour"></a>
</p>
</body>
</html>
Exemple 5s : demojs05s.htm fichier html (contenant du javascript)
(qui sera utilisé également par appel dans le fichier suivant demojs05)
<html>
<head>
<title>(gH) : page html suite de demo 05 contenant code JavaScript</title>
</head>
<body background="beige.jpg">
<font size="7"><b></b></font>
<center><font size="7"><b><br>
<script>
var Ophrase = window.document.location.search
var Ideb = Ophrase.indexOf('=')
var Ifin = Ophrase.length
var Nphrase = Ophrase.substring(Ideb+1,Ifin)
// on utilise unescape et decodeURIComponent pour faire de "URL decode"

// sinon les espaces sont écrits %20, les accents sont encore plus bizarres...
window.document.writeln(unescape(Nphrase))
window.document.writeln('<p>')
</script>
<br>
<font color="#000080">et voila !
</font></b></font>
<p></p>
</center>
</body>
</html>
Javascript – tutorial de G.Hunault-univ-angers - exemples
Exemple 5 : demojs05.htm=combinaison de demojs4b et demojs05s. Page appelant le fichier html demojs05s.htm contenant du javascript
<HTML><HEAD>
<title>(gH) : demo 05 de JavaScript http://www.info.univ-angers.fr/pub/gh/tuteurs/demoJs05.htm</title>
<SCRIPT>
window.defaultStatus = " la vérité est ailleurs ! "
</SCRIPT>
</HEAD>
<SCRIPT>
function bonjour(pren) {
if (pren.length==0) { pren = "bel Inconnu(e) " ; } ;
var phrase = new String(' Merci, ')
phrase = phrase+pren.toUpperCase()+'.'
NewWin=window.open('demoJs05s.htm?text='+phrase,'','height=200,width=350')
document.NewWin.write(phrase)
return true
} // fin de fonction bonjour
</SCRIPT>
<BODY background=beige.jpg>
<font size=7><b>
<FORM onSubmit="bonjour(this.prenom.value); return true">

Donnez votre prénom
<INPUT TYPE=TEXT SIZE=8 NAME=prenom>
<INPUT TYPE=SUBMIT VALUE="ok">
<br>
puis appuyez sur Entrée ou cliquez <br>
sur le bouton <em>Ok</em>.
<br><a href="javascript:window.history.back()"><img src=return.gif></a>
</FORM>
</BODY></HTML>
<HTML><HEAD>
<title> (gH) : suite demo 05 de JavaScript http://www.info.univ-angers.fr/pub/gh/tuteurs/demoJs05s.htm</title>
</HEAD>
<font size=7><b><center><br>
<SCRIPT>
var Ophrase = window.document.location.search
var Ideb = Ophrase.indexOf('=')
var Ifin = Ophrase.length
var Nphrase = Ophrase.substring(Ideb+1,Ifin)
// on utilise unescape et decodeURIComponent pour faire de "URL decode"

// sinon les espaces sont écrits %20, les accents sont encore plus bizarres...
Observer dans la barre de navigation, quand on clique sur ok :
window.document.writeln(unescape(Nphrase))
window.document.writeln('<p>')  il rajoute "?prenom =gigi " (gigi est le prénom tapé) puis efface le champ "prenom"
 Ensuite il appelle la page html "demojs05s.htm" en lui passant comme paramètre
</SCRIPT> "?text=%20Merci, %20GIGI.".
<br>  Cette dernière affiche au centre de la nouvelle page html : le texte reçu et de l’espacement en
<font color="#000080"> et voila !
<p> créant un nouveau paragraphe (via un script), puis un saut de ligne, puis affiche en bleu le texte
</BODY></HTML> "et voila !" .
Observer dans la barre de navigation, quand on clique sur ok sans

remplir le champ "prenom", il appelle la page html "demojs05s.htm"
en lui passant comme paramètre :
"?text=%20Merci, %20BEL%20INCONNU(E)%20."
------------------------------------------------------------------------------------------------------------------------------------------
<HTML><HEAD><title> (gH) : demo 09 de JavaScript </title></HEAD>
<font size=7><b>
Gestion du Browser<p>
<blockquote>
<table border>
<tr><td><font size=12>  <a
href="javascript:window.top.close()">Fin</a>  </td></tr>
</table>
</blockquote>
Appuyez sur le mot <em>  Fin  </em><br>
pour tout quitter.
<br><a href="javascript:window.history.back()"><img src=return.gif></a>
</BODY></HTML>

Sources CAPT ECRAN DYNAMIQUE

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Sources CAPT ECRAN DYNAMIQUE

Uploaded by

Copyright:

Available Formats

Exemple 1 : demojs01

<?xml version="1.0" encoding="ISO-8859-1" ?>

<?xml version="1.0" encoding="ISO-8859-1" ?>

// on utilise unescape et decodeURIComponent pour faire de "URL decode"

<FORM onSubmit="bonjour(this.prenom.value); return true">

// on utilise unescape et decodeURIComponent pour faire de "URL decode"

Observer dans la barre de navigation, quand on clique sur ok sans

<HTML><HEAD><title> (gH) : demo 09 de JavaScript </title></HEAD>

Appuyez sur le mot <em>  Fin  </em><br>

pour tout quitter.

<br><a href="javascript:window.history.back()"><img src=return.gif></a>

You might also like

Sources CAPT ECRAN DYNAMIQUE

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Sources CAPT ECRAN DYNAMIQUE

Uploaded by

Copyright:

Available Formats

Exemple 1 : demojs01

<?xml version="1.0" encoding="ISO-8859-1" ?>

<?xml version="1.0" encoding="ISO-8859-1" ?>

// on utilise unescape et decodeURIComponent pour faire de "URL decode"

<FORM onSubmit="bonjour(this.prenom.value); return true">

// on utilise unescape et decodeURIComponent pour faire de "URL decode"

Observer dans la barre de navigation, quand on clique sur ok sans

<HTML><HEAD><title> (gH) : demo 09 de JavaScript </title></HEAD>

Appuyez sur le mot <em>&nbsp;&nbsp;Fin&nbsp;&nbsp;</em><br>

pour tout quitter.

<br><a href="javascript:window.history.back()"><img src=return.gif></a>

You might also like

Appuyez sur le mot <em> Fin </em><br>