Sujet Précédent Sujet Suivant

Insertion Javascript

Fermé
Cyrille - 16 mai 2009 à 18:04
 pazz - 18 mai 2009 à 19:58
Bonjour,

Excusez-moi de vous déranger je souhaiterais insérer du javascript sur ma page html mais je ne sais pas comment le faire.
Je fus seulement mis au courant de le mettre entre <HEAD </HEAD> et <BODY> </BODY>


J'utilise le logiciel Hapedit et j'ai tenter d'intégrer le code javascript sur du Php et ensuite sur une page Html mais en vain.
Voilà j'espère que vous pourrez m'aider ...

Ce site est dans le cadre d'une formation universitaire.

Merci d'avance
Cyrille
A voir également:

19 réponses

Réponse 1 / 19
pazz
16 mai 2009 à 18:31
salut,

il faut en effet insérer ton code entre les balise <head> et </head>, il ya deux possibilité sois d'écrire le code directement sur la page ou alors dans un fichier a part avec l'extension .js

exemple: 

<head>
   <script type="text/javascript">
    ton code javascript 
   </script>
</head>


ou alors: 

<head>
   <script type="text/javascript" src="tonscript.js"></script>
</head>


personnellement je te conseil la deuxième solution car elle te permet d'insérer ton script sur plusieurs ce qui est bien plus pratique.

Pazz
0
Réponse 2 / 19
Cyrille
16 mai 2009 à 18:45
Merci pour ta réponse mais alors les balises <head> </head>

j'insere cela sur ma page html

<head>
<body onunload="return confirm('Voulez-vous quitter cette page ?')">
</head>

mais cela ne fonctionne pas?

Faut-il le mettre sur ma page html où j'écris plein de texte où alors le mettre dans "modèle strucuture php"? (c'est une page ou on met du php sous le logiciel hapedit)


Merci beaucoup
0
Réponse 3 / 19
Cyrille
16 mai 2009 à 18:46
Merci pour ta réponse mais alors les balises <head> </head>

j'insere cela sur ma page html

<head>
<body onunload="return confirm('Voulez-vous quitter cette page ?')">
</head>

mais cela ne fonctionne pas?

Faut-il le mettre sur ma page html où j'écris plein de texte où alors le mettre dans "modèle strucuture php"? (c'est une page ou on met du php sous le logiciel hapedit)


Merci beaucoup
à bientôt
0
Réponse 4 / 19
pazz
16 mai 2009 à 18:54
se que tu essai de fair c'est d'exécuter du javascript, il te faut insérer le code dans la page a l'aide de la balise <script>. je ne connait pas hapedit, pour ma par je code à la main sur dreamweaver.

ha tu un fichier avec l'extension .js?

sinon pour lancer la fonction tu fait sa dans le body.

exemple: 

<html>
<head>
<script type="text/javascript">
function test(){
alert('ok');
}
</script>
</head>
<body onload="test();">
....
<body>
</html>


pazz
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 19
Cyrille
16 mai 2009 à 19:21
Non je n'ai pas d'extension .js et je ne sais pas comment en créer ^^ désolé je suis nul ^^

Et quand je met le code javascript dans le <head> comme tu me l'a indiqué cela ne fonctionne pas.
Est-ce parce que j'ai déja des choses de noter entre mes balises <head></head>

Et dernière question qu'entend-tu par : "sinon pour lancer la fonction tu fait sa dans le body."

Cyrille
0
Réponse 6 / 19
pazz
16 mai 2009 à 19:30
alors tu a tout dabor la structure du site en HTML 

<html>
<head>
les script, style (css) meta sont ici
</head>
<body>
le contenu se trouve ici
</body>
</html>


ensuite tu a les style et les script (par exemple javascript) 

function test(){
alert('test');
}


comme je les mis plus haut tu dois mettre ces script entre les balise <head> et </head> à l'aide de la balise <script> comme ceci 

<html>
<head>
<script>
function test(){
alert('test');
}
</script>
</head>
<body>
</body>
</html>


ensuite il te faut exécuter le code javascript en utilisant des attribut html il en existe plusieurs comme onload par exemple qui est exclusivement réserver a la balise <body>

exemple: 

<html>
<head>
<script>
function test(){
alert('test');
}
</script>
</head>
<body onload="test();">
</body>
</html>


ici nous exécutons la fonction test l'ors du chargement de la page.

peut tu me donner la source de ta page html ou php ?

pazz
0
Réponse 7 / 19
Cyrille
16 mai 2009 à 19:50
http://www.iutalencon.unicaen.fr/etudiants/csgu/cledru/modele_structure_site_web.php?page=1

voilà
0
Réponse 8 / 19
pazz
16 mai 2009 à 20:03
je ne vois effectivement pas de code javascript qui contiendrai la fonction confirm !

il n'y a qu'un compteur de visiteur. d'où sort-tu la fonction confirm ? ou a tu vu qu'il fallait écrire onunload="return confirm('Voulez-vous quitter cette page ?')" ?

par contre si j'ose...
mettre un message si on veut quitter c'est pas le top. mais bon sa te regarde

pazz
0
Réponse 9 / 19
Cyrille
16 mai 2009 à 20:09
En fait je suis noté sur les éléments que j'insère sur mon site comme le compteur de visite ou des photos d'écran c'est pour cela que je cherche des code javascript à insérer.

Mais une question quand tu quittes la page on te demande si tu veux vraiment quitter la page?

Bizarre je croyais l'avoir supprimé
0
Réponse 10 / 19
Cyrille
16 mai 2009 à 20:23
http://www.editeurjavascript.com/scripts/scripts_textes_3_321.php

voici le site ou je me procure les scripts mais cela ne fonctionne pas pour moi :'(
0
Réponse 11 / 19
pazz
16 mai 2009 à 20:54
heu non on me demande pas. mais il me semble que c'est se que tu cherche a faire ? je dois mal comprendre

pazz
0
Réponse 12 / 19
pazz
16 mai 2009 à 20:55
enfaite que cherche tu a fait exactement ?

pazz
0
Réponse 13 / 19
Cyrille
16 mai 2009 à 21:00
Oui et non à vrai dire moi ce que je cherche surtout c'est comment mettre du javascript.

Désolé tu expliques très bien mais je me demande si ce n'est pas parceque j'utilise hapedit

Moi par exemple si je veux mettre un code javascript je le met sur ma page1.html de hapedit mais ya pa de balise <head> </head> ni de <body> </body>. Quand j'en mai cela ne fonctionne pas ^^


Mon but premier c'est de mettre une horloge, enfin tout les petits gadgets qui vont me permettre d'avoir une excellente note en informatique ^^ et après ce sera de la culture personnelle car je me suis pris goût à la créatin de site internet et j'adore ça^^


Cyrille
0
Réponse 14 / 19
pazz
16 mai 2009 à 21:13
alors... hum j'ai essayer de télécharger hapedit mais rien a faire surement un problème passager, il faudrait que je voie comment sa marche.


y a t-il un onglet script ou quelque chose comme sa dans hapedit ?

sinon pour bien commencer dans le web je te conseil le site du zero qui est ludique est très bien construit

https://openclassrooms.com/fr/

pazz
0
Cyrille
16 mai 2009 à 21:21
En cherchant bien j'ai trouver un fichier default.js
mais quand j'ai rentrer mon code javascript cela n'a pas fonctionné

Et non je n'ai rien du nom script malheureusement
Mon site doit être fin prêt pour mercredi ^^ en espérant trouver la réponse à ce mystère ^^

Oui je connais le site du zéro excellent site que je recommande à tous et à toutes qui vont lire ce dossier ^^

Cyrille
0
Réponse 15 / 19
pazz
16 mai 2009 à 21:36
es-tu bien sûr qu'il n'y a aucun head et aucun body ? en tout cas dans la source de ton site il y a head et body par contre je ne sais pas si cela se fait en php c'est possible

au pire, mais vraiment au pire tu dois pouvoir l'ajouter dans la page directement.

alors tu dois créer un nouveau document avec un editeur de text comme notepad et l'enregistrer avec l'extension .js ensuite dedans tu tape le script par exemple: 

function test(n){
alert(n);
}


ensuite dans la page tu l'ajoute avec les balise <script> 

<script type="text/javascript" src="lien ver ton script"></script>


et tu peut maintenant lancer la fonction test sur un lien par exemple: 

<li onclick="test('la valeur');"><a href="...">lien</a></li>


voila sa devrai fonctionner

pazz
0
Cyrille
16 mai 2009 à 22:05
Cela ne marche toujours pas je dois faire un truc mal

Mais je tiens à te remercier infiniement pour ta patience et ta gentillesse
Ma foi je n'y comprend rien dommage mais si un jour tu télécharges hapedit et que tu trouve comment faire fais moi signe ^^
Voilà mon mail au cas ou
cyrille.ledru@hotmail.fr

Bye et bonne continuation
0
Réponse 16 / 19
Cyrille
16 mai 2009 à 22:51
Rebonsoir, j'ai eu l'idée de te montrer le fichier ou j'avais les balises <head> et <body>

<!-- ================================================ -->
<!-- IL Y A SIX MODIFICATIONS A FAIRE DANS CE FICHIER -->
<!-- ================================================ -->

<!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" xml:lang="fr">



<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="modele_styles.css" rel="stylesheet" type="text/css" />
<!--[if IE]><link href="adaptation_internet_explorer.css" rel="stylesheet" type="text/css" /><![endif]-->

<!-- ============== -->
<!-- MODIFICATION 1 -->
<!-- ============== -->
<title>Site illustrant le parcours dans le domaine de l'urbanisme</title>

</head>

<body>
<div id="haut">

<!-- ============== -->
<!-- MODIFICATION 2 -->
<!-- ============== -->
<h1>Urbanisme</h1>

</div>

<div id="gauche">
<ul>

<!-- ============== -->
<!-- MODIFICATION 3 -->
<!-- ============== -->
<!-- Supprimez les deux lignes ci-dessous pour ne plus avoir de liens vers mes pages -->


<!-- ============== -->
<!-- MODIFICATION 4 -->
<!-- ============== -->
<!-- Dans ce qui suit, adaptez le nom des liens -->
<li><a href="modele_structure_site_web.php?page=1">Plan</a></li>
<li><a href="modele_structure_site_web.php?page=2">Création de l'Urbanisme</a></li>
<li><a href="modele_structure_site_web.php?page=3">Les métiers de l'Urbanisme</a></li>
<li><a href="modele_structure_site_web.php?page=4">Les métiers de l'Urbanisme "suite"</a></li>
<li><a href="modele_structure_site_web.php?page=5">Les études</a></li>
<li><a href="modele_structure_site_web.php?page=6">Tableau</a></li>

<!-- ============== -->
<!-- MODIFICATION 5 -->
<!-- ============== -->
<!-- Dans ce qui suit, supprimez les lignes qui renvoient à des pages que vous n'avez pas utilisé -->


</ul>
</div>

<div id="droite">
<?php
$page = $_GET['page'] ;
$autorisees = array('page1', 'page2', '1', '2', '3', '4', '5', '6', '7', '8', '9') ;
if ((!in_array($page,$autorisees)) || (!file_exists("$page.html"))) {

// ==============
// MODIFICATION 6
// ==============
// Dans la ligne ci-dessous, remplacez 'page1' par '1' pour que votre page d'accueil soit la page par défaut
$page = '1' ;

}
include("$page.html") ;
?>

<p><a href="http://validator.w3.org/check?uri=referer">Compter les erreurs HTML sur cette page</a></p>

</div>
</body>
</html>



Voilà si tu as le temps jettes-y un oeil

Cyrille
0
Réponse 17 / 19
pazz
18 mai 2009 à 15:44
re,

désolé du temps, mais je n'était pas disponible.

c'est exactement sa, c'est dans ce fichier qu'il faut insérer le javascript. toujours entre <head> et </head> avec la balise <script>

imaginons que ton script soit dans un dossier nomé "scripts" qui se trouve dans la racine de ton site
(au premier plan, a coter de ton fichier html ou php dans le quelle tu veut insérer le script) et que ton fichier ce nome javascript.js.

ceci donnera donc: 

<head>
<script type="text/javascript" src="scripts/javascript.js"></script>
</head>


ici tu a inséré ton script et tu pourras donc executer les fonctions que tu veut.

tu peux par exemple testé une fonction simple comme ceci

dans ton fichier javascript: 
function test(){
alert('test');
}


ensuite dans ta page html: 

<html>
<head>
<script type="text/javascript" src="scripts/javascript.js"></script>
</head>
<body onload="test();">
</body>
</html>


ici ta fonction test est lancé au chargement de la page.

pazz
0
Cyrille
18 mai 2009 à 18:29
Bonjour,

C'est bon j'ai mis du javascript dans une page html cependant mon prof ma fourni un site pour compter le nombre d'erreur sur ma page web et j'en ai à chaque page oùù j'ai insérer du javascript.

Pourrais-tu me corriger mes fautes?

Voilà le site :
http://www.iutalencon.unicaen.fr/etudiants/csgu/cledru/modele_structure_site_web.php?page=1

Et le site pour compter les erreurs se situe en bas de page de mes pages web avec écrit :

Compter les erreurs HTML sur cette page
Voici le script sur ma premiere page qui affiche l'heure :

<head> </head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function HeureCheck()
{
krucial = new Date;
heure = krucial.getHours();
min = krucial.getMinutes();
sec = krucial.getSeconds();
jour = krucial.getDate();
mois = krucial.getMonth()+1;
annee = krucial.getFullYear();
if (sec < 10)
{
sec0 = "0";
}
else
{
sec0 = "";
}
if (min < 10)
{
min0 = "0";
}
else
{
min0 = "";
}
if (heure < 10)
{
heure0 = "0";
}
else
{
heure0 = "";
}
if (mois < 10)
{
mois0 = "0";
}
else
{
mois0 = "";
}
if (jour < 10)
{
jour0 = "0";
}
else
{
jour0 = "";
}
if (annee < 10)
{
annee0 = "0";
}
else
{
annee0 = "";
}
DinaDate = "" + jour0 + jour + "/" + mois0 + mois + "/" + annee0 + annee;
total = DinaDate
DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
total = DinaHeure
total = DinaDate + " - " + DinaHeure;
document.time.timebox.value = total;
tempo = setTimeout("HeureCheck()", 1000)
}
window.onload = HeureCheck;
</script>
<!-- FIN DU SCRIPT -->

entre <body> </body>

<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<FORM NAME="time"><INPUT TYPE="text" NAME="timebox" SIZE=19></form>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/countus/">compteur live</a></noscript>

Si tu peux les corriger j'en serait très heureux.

Cyrille
0
Réponse 18 / 19
pazz
18 mai 2009 à 19:44
il ne faut pas recréer des <head> mais mettre ton script dans le <head> unique qui se trouve en haut de page, tout tes scripts doivent se trouver entre LE <head> et </head>.

pareil pour le body il doit être unique donc comme suit 

<!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" xml:lang="fr">

<head>
test script, style, meta et autre. TOUT DOIS ETRE ICI
</head>
<body>
et pour le reste ici 
</body>
<html>


c'est la structure de base d'un site qui reste toujours la même

pazz
0
Réponse 19 / 19
pazz
18 mai 2009 à 19:58
<SCRIPT LANGUAGE="JavaScript">

langage n'est plus valide il te faut mettre:

<script type="text/javascript">

j'ai pu également voir

<FORM NAME="time"><INPUT TYPE="text" NAME="timebox" SIZE=19></form>

il n'y a pas de "

<FORM NAME="time"><INPUT TYPE="text" NAME="timebox" SIZE="19"></form>

pazz
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses