Javascript dans une page HTML
Fermé
seb67
-
22 oct. 2010 à 15:08
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 - 25 oct. 2010 à 20:03
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 - 25 oct. 2010 à 20:03
Bonjour,
Je souhaiterai savoir comment intégré un script dans une page html de façon par exemple,a ce que si l'utilisateur doit rentré un mot ou un chiffre sa lui dise que c'est invalide ou trop court si je veux que seul des mots de 8 lettre soit rentré.
Je souhaiterai savoir comment intégré un script dans une page html de façon par exemple,a ce que si l'utilisateur doit rentré un mot ou un chiffre sa lui dise que c'est invalide ou trop court si je veux que seul des mots de 8 lettre soit rentré.
A voir également:
- Javascript dans une page HTML
- Supprimer une page word - Guide
- Imprimer tableau excel sur une page - Guide
- Telecharger javascript - Télécharger - Langages
- Editeur html - Télécharger - HTML
- Comment traduire une page - Guide
9 réponses
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
22 oct. 2010 à 23:14
22 oct. 2010 à 23:14
Salut.
Il faut utiliser les évènements (ici, onblur, pour quand on retire le curseur).
Dans la fonction qui sera appelée, il suffira de compter le nombre de caractères dans la valeur du champ. Pour vérifier la syntaxe, il faut utiliser les regex.
Il faut utiliser les évènements (ici, onblur, pour quand on retire le curseur).
Dans la fonction qui sera appelée, il suffira de compter le nombre de caractères dans la valeur du champ. Pour vérifier la syntaxe, il faut utiliser les regex.
MiniW
Messages postés
2
Date d'inscription
samedi 23 octobre 2010
Statut
Membre
Dernière intervention
23 octobre 2010
23 oct. 2010 à 01:04
23 oct. 2010 à 01:04
Salut seb67,
Tu peux créer une page JavaScript et l'a lié dans ton code HTML avec cette ligne : <script type="text/javascript" language="javascript" src="NOM_DE_TON_JAVASCRIPT.js"></script>
Tu pourras appeler des fonctions et les faire dans ta page NOM_DE_TON_JAVASCRIPT.js.
Par exemple, une fonction dans ton cas :
Function Verifie(that)
{
var textbox;
textbox = that.value.length; //Donne le nombre de caractère dans le textbox
if ( textbox != 8 )
{
alert("Ton mot n'a pas 8 caractères.")
};
}
Le paramètre that est une "variable" qui recoit le "this" de l'appel de ta fonction dans le HTML. Par exemple, si tu as utilisé un input pour ton textbox :
<input type="text" name="Textbox" value="Entrez des mots" onchange="Verifie(this)" />
Voilà.
Tu peux créer une page JavaScript et l'a lié dans ton code HTML avec cette ligne : <script type="text/javascript" language="javascript" src="NOM_DE_TON_JAVASCRIPT.js"></script>
Tu pourras appeler des fonctions et les faire dans ta page NOM_DE_TON_JAVASCRIPT.js.
Par exemple, une fonction dans ton cas :
Function Verifie(that)
{
var textbox;
textbox = that.value.length; //Donne le nombre de caractère dans le textbox
if ( textbox != 8 )
{
alert("Ton mot n'a pas 8 caractères.")
};
}
Le paramètre that est une "variable" qui recoit le "this" de l'appel de ta fonction dans le HTML. Par exemple, si tu as utilisé un input pour ton textbox :
<input type="text" name="Textbox" value="Entrez des mots" onchange="Verifie(this)" />
Voilà.
Encore une fois merci,le javasript fonctionne a merveille^^
Est ce que vous connaissez de bon javascript ou des liens expliquent leur différentes utilité comme par exemple savoir la durée de connexion de l'utilisateur si il a téléchargé quelque chose ou encore son IP?
Est ce que vous connaissez de bon javascript ou des liens expliquent leur différentes utilité comme par exemple savoir la durée de connexion de l'utilisateur si il a téléchargé quelque chose ou encore son IP?
Ah et pouvez vous me dire comment faire un dégradé sur ma page html?je ne sais pas trop comment faire,y a t'il des logiciel pour ça?(j'utilise linux)ou des codes spéciaux?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
23 oct. 2010 à 18:40
23 oct. 2010 à 18:40
Pour les dégradés, soit tu fais une image, ou tu utilises des propriétés en CSS3 (pas encore supportées par tous les navigateurs).
Pour l'utilité du Javascript, il sert à rendre la navigation plus facile.
Par exemple :
- Vérifier la validité du formulaire avant l'envoie : ça évite au visiteur de devoir tout retaper s'il y a une erreur. Dans ce cas, la vérification côté serveur (PHP) n'est pas remplacée par le JS !!
- Charger des données depuis le serveur selon des paramètre GET ou POST et les afficher sur la page, sans aucun rechargement (AJAX).
- Permettre au visiteur d'afficher/masquer ce qu'il (ne) veut (pas) voir.
- Etc
Pour les tutos, cherches sur le Siteduzero.com, Developpez.com, W3Schools.com, Alsacreations.com et les dossiers/astuces de CCM.
Pour l'utilité du Javascript, il sert à rendre la navigation plus facile.
Par exemple :
- Vérifier la validité du formulaire avant l'envoie : ça évite au visiteur de devoir tout retaper s'il y a une erreur. Dans ce cas, la vérification côté serveur (PHP) n'est pas remplacée par le JS !!
- Charger des données depuis le serveur selon des paramètre GET ou POST et les afficher sur la page, sans aucun rechargement (AJAX).
- Permettre au visiteur d'afficher/masquer ce qu'il (ne) veut (pas) voir.
- Etc
Pour les tutos, cherches sur le Siteduzero.com, Developpez.com, W3Schools.com, Alsacreations.com et les dossiers/astuces de CCM.
Moi je veux juste pouvoir charger des donnés depuis le serveur et pouvoir voir ce que mes utilisateur font,par exemple si il a visité une page d'inscription ou de renseignement je veux pouvoir récupéré les renseignement(sans faire de base de donné)a l'aide d'un javascript qui inscrirait sa dans un fichier .txt,c'est commum plus simple je pense.
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
Modifié par avion-f16 le 23/10/2010 à 21:10
Modifié par avion-f16 le 23/10/2010 à 21:10
Le Javascript ne peut pas accèder à l'historique.
Tu dois le faire dictement avec un script sur le serveur (PHP) : à chaque chargement de page, à l'aide d'un script inclus dans chaque page, tu ajoutes une ligne dans le fichier .txt en utilisant $_SERVER['PHP_SELF'].
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Tu dois le faire dictement avec un script sur le serveur (PHP) : à chaque chargement de page, à l'aide d'un script inclus dans chaque page, tu ajoutes une ligne dans le fichier .txt en utilisant $_SERVER['PHP_SELF'].
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Ok merci^^sa marche maintenant j'ai un nouveau problème,quand je crée une page web en la renommant index.html je vois l'intégralité de mes images, seulement depuis apache ou en tapant http://127.0.0.1/ je n'ai que le texte avec les différentes couleur que j'y ai ajouté sans les images...sa fait un peu moche.
Voici un exemple de chemin d'une image que j'utilise:
y t'il une erreur car je ne vois l'image correctement comme dis ci-dessus.
<img src="/var/www/floor_oranges.gif" />
y t'il une erreur car je ne vois l'image correctement comme dis ci-dessus.
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
25 oct. 2010 à 20:03
25 oct. 2010 à 20:03
Oui. Le navigateur ne peut pas accèder au disque dur, sauf via le "protocol" file
Exemple :
Soit tu mets l'URL relative à la page Web (si la page est dans /var/www, il suffit de mettre "floor_oranges.gif" dans le src), l'absolue (http://example.com/floor_oranges.gif ) ou l'absolue depuis la racine Web :
Exemple :
<img src="file:///var/www/floor_oranges.gif" />Mais ça ne fonctionnera que sur ton PC.
Soit tu mets l'URL relative à la page Web (si la page est dans /var/www, il suffit de mettre "floor_oranges.gif" dans le src), l'absolue (http://example.com/floor_oranges.gif ) ou l'absolue depuis la racine Web :
<img src="/floor_oranges.gif" />