insertion fonction javascript

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

yves42
Arias
Messages : 8
Inscription : 15 févr. 2009, 20:12

insertion fonction javascript

Message par yves42 »

Bonjour


Sur le net j'ai trouvé une fonction pour faire apparaitre l'heure.

le code est le suivant
entre les balises HEAD.

Code : Tout sélectionner

<SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
Message = "Il est " + Heure + "h" + Min + "m";
</SCRIPT>

et entre les balises BODY

Code : Tout sélectionner

<SCRIPT LANGUAGE="JavaScript">
document.write(Message);
</SCRIPT>
J'ai coller les 2 morceaux de code dans la page source mais cela ne fonctionne pas j'ai simplement un script qui apparait sur ma page normal.
Je dois oublier quelques choses ??

Auriez vous une solution (attention je débute vraiment et je comprend pas grand choses au code )

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Bonjour
yves42 a écrit :Sur le net j'ai trouvé une fonction pour faire apparaitre l'heure.
sur le net mais où?
Ce script récupère l'heure sur l'ordinateur du visiteur, mais il me semble qu'il devrait être situé à l'endroit désiré de l'annonce de l'heure dans la page, dans le <head>, on ne fait que signaler au navigateur qu'il y a du js dans cette même page.
Essaie d'inverser : ce que tu as mis dans le <body> dans le <head> et vice-versa, et si c'est pas ça, je te conseille le forum Développement Web, si tu as les reins solides...



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
Sans vouloir paraître vexant pour personne, ce script me paraît sans grand reproche.
Il fonctionne, en tous les cas, très bien.
Voici le texte de la page html, au final:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title></title>
  <script language="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
Message = "Il est " + Heure + "h" + Min + "m";
  </script>
</head>
<body>
Bla bla bla<br />
<script language="JavaScript">
document.write(Message);
</script>
Blu blu blu
</body>
</html>
Effectivement, une étiquette "Script" apparaît dans l'onglet "Normal", à l'endroit précis de la page où le deuxième morceau de code a été inséré.
Mais dans le navigateur, et sans surprise, tout fonctionne parfaitement.
A moins que Javascript ait été désactivé.

Ceci dit, je ne vois pas l'intérêt de mettre une partie du script dans le "head" dans le cas présent.

Code : Tout sélectionner

<body>
bla bla bla <br>
<script language="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
Message = "Il est " + Heure + "h" + Min + "m";
document.write(Message);
</script>
Blu blu blu
</body>
fonctionne au moins aussi bien et ne demande pas de gymnastique pour aller voir dans l'entête ce qui s'y passe.

[complètement HS]Les minutes doivent se noter "min" selon les normes internationales utilisées en physique. "m" est la notation du mètre.[/HS]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.04 (hardy) Firefox/3.0.6
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Ymai a écrit :Ceci dit, je ne vois pas l'intérêt de mettre une partie du script dans le "head" dans le cas présent.
Sans me paraître vexé (quelle drôle d'idée), tu n'es pas obligé de signaler la présence de js dans le <head>? par

Code : Tout sélectionner

<script language="javascript">(...)</script> 
(au fait, je crois que tout en minuscules, c'est mieux)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
yves42
Arias
Messages : 8
Inscription : 15 févr. 2009, 20:12

Message par yves42 »

Merci pour les astuces.
J'ai refait des essais et cela fonctionne

pour info j'ai trouvé le script ici:

http://www.editeurjavascript.com/script ... s_2_22.php

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Mongo Bob a écrit :tu n'es pas obligé de signaler la présence de js dans le <head>?
Je ne connais pas de règle en ce sens.
Par contre, d'accord pour les minuscules plutôt que les majuscules. Il s'agit, je pense, d'une recommandation du W3C: http://www.w3.org/TR/xhtml1/#h-4.2

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.04 (hardy) Firefox/3.0.6
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
yves42
Arias
Messages : 8
Inscription : 15 févr. 2009, 20:12

Message par yves42 »

Encore moi.

J'ai voulu essayé cette methode:

Code : Tout sélectionner

<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function heure () {
var Maintenant = new Date();
var heures = Maintenant.getHours();
var minutes = Maintenant.getMinutes();
var secondes = Maintenant.getSeconds();
heures = ((heures < 10) ? " 0" : " ") + heures;
minutes = ((minutes < 10) ? ":0" : ":") + minutes;
secondes = ((secondes < 10) ? ":0" : ":") + secondes;
document.formhorloge.horloge.value = heures + minutes + secondes;
setTimeout("heure()",1000);
}
// -->
</script>
<body bgcolor="#FFFFFF" background="im/fond.gif" onload="heure()">
<form name="formhorloge" onSubmit="0">
<div align="center">
<input type="text" name="horloge" size=8 value="">
</div>
</form>
L'heure apparait dans une petite case j'ai essayé sur le pc de mon travail cela fonctionnait bien mais chez moi cela ne marche pas la case apparait mais il n y a rien dedans.

????

Au travail je n'est pas Kompozer j'ai tous ecris dans notepad.



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

yves42 a écrit : Au travail je n'est pas Kompozer j'ai tous ecris dans notepad.
Sans éditeur externe, KompoZer n'est pas bien adapté au "scriptage".
On conseille généralement l'extension Handcoder et un vrai éditeur externe. Sous Windows, Notepad++ est souvent considéré comme un excellent choix.

Pour le script, je ne vois aucune erreur. Cela doit fonctionner.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.04 (hardy) Firefox/3.0.6
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Ymai a écrit :Je ne connais pas de règle en ce sens.
un pan de certitudes qui s'écroule, j'ai toujours vu un bout de js en <head> dans le cas d'un script dans la page!
Ymai a écrit :Par contre, d'accord pour les minuscules plutôt que les majuscules. Il s'agit, je pense, d'une recommandation du W3C:
Bien sûr! Pour moi, tout est recommandation du W3C, en fait, je ne me pose pas la question : ce que je veux dire, c'est que quand quelquechose ne fonctionne pas, et qu'on veut y voir plus clair, on a tout intérêt à "conformer W3C ou autre" ce qui ne l'est pas, ne serait-ce que pour y voir plus clair! (c'est l'histoire du "media : all" :wink: ).
sauf que là, je n'ai même pas testé le script de yves42, je l'ai cru sur parole, bonne journée.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
yves42
Arias
Messages : 8
Inscription : 15 févr. 2009, 20:12

Message par yves42 »

Merci pour vos reponses.

J'ai essayé avec notepad ++ cela fonctionne.
si je colle le script dans kompozer cela ne marche pas. En fait Kompozer modifie ce que j'ai coller.

Si par contre j'ouvre la page (realiser avec Notepad++ )avec kompozer la cela fonctionne bien.

C'est vraiment bizarre Komposer transforme mon script si je le realise directement dans celui ci.

Voici la fin du code d'origine:

Code : Tout sélectionner

<body bgcolor="#FFFFFF" background="im/fond.gif" onload="heure()">
<form name="formhorloge" onSubmit="0">
<div align="center">
<input type="text" name="horloge" size=8 value="">
</div>
</form>
</body>

transformer en :

Code : Tout sélectionner

<form name="formhorloge" onsubmit="0"><div
 align="center">
<input name="horloge" size="8" value=""
 type="text"></div>
</form></body></html>
Je ne comprend vraiment pas???
J'ai l'impression qu'il ne sais pas interpreter cette ligne:

Code : Tout sélectionner

<body bgcolor="#FFFFFF" background="im/fond.gif" onload="heure()">

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

yves42 a écrit :J'ai essayé avec notepad ++ cela fonctionne.
si je colle le script dans kompozer cela ne marche pas. En fait Kompozer modifie ce que j'ai coller.
Ca, c'est très important, et confirme les dangers de modifier dans l'onglet Source (regarder pas toucher!) : vieille discussion : ça devrait être impossible selon certains (dont moi).
J'aurais dû voir ça mieux :
yves42 a écrit :J'ai coller les 2 morceaux de code dans la page source mais cela ne fonctionne pas
Tu a installé Handcoder, ou tu as ouvert la page html à part avec Ntp++? Si tu vois l'intérêt d'utiliser ce dernier, tu trouveras vite plus pratique d'installer HC pour ouvrir Ntp à partir de Kpz...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Dernière modification par Mongo Bob le 19 févr. 2009, 18:09, modifié 1 fois.
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
yves42
Arias
Messages : 8
Inscription : 15 févr. 2009, 20:12

Message par yves42 »

Et bien faite j'ai installez hancoder puis notepad++ pour essayé et maintenant Kompozer ouvre note pad par default !!! Hancoder est mieux?[/quote]

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Non, non, comme tu as fait c'est bien, tu es dans la config conseillée là :
http://www.geckozone.org/forum/viewtopic.php?t=51228
C'est HC qui ouvre Ntp++!!!
bon courage...
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.10 (intrepid) Firefox/3.0.6
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Ne répéter à personne que j'ai copié/collé le code source qui semble problématique dans l'onglet Source de KompoZer.
Toutefois, je confirme que cela ne pose aucun souci et que le code est conservé.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.04 (hardy) Firefox/3.0.6
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Ymai a écrit :Ne répéter à personne que j'ai copié/collé le code source qui semble problématique dans l'onglet Source de KompoZer.
Toutefois, je confirme que cela ne pose aucun souci et que le code est conservé.
ben voilà : ça confirme le danger de la modif dans le Source, on sait jamais quand ça va bien se passer (hem)!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Google [Bot] et 1 invité