Scribd
Importer
142 vues3 pages

TP HTML CSS JS

L'article décrit comment utiliser l'objet history en JavaScript pour naviguer entre les pages, ouvrir et fermer des fenêtres, afficher des erreurs et messages, forcer la saisie en majuscule et demander une confirmation avant suppression.

Transféré par

hakima
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
142 vues3 pages

TP HTML CSS JS

L'article décrit comment utiliser l'objet history en JavaScript pour naviguer entre les pages, ouvrir et fermer des fenêtres, afficher des erreurs et messages, forcer la saisie en majuscule et demander une confirmation avant suppression.

Transféré par

hakima
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Utiliser history.

back
Dans JavaScript, l’objet history contient les URLs que <button onclick="openW()">Cliquez pour ouvrir le site Web
l’utilisateur a consultées. Vous pouvez utiliser la WayToLearnX</button>
méthode history.back() pour indiquer au navigateur de revenir
à la page précédente de l’utilisateur. <button onclick="closeW()">Cliquez ici pour fermer la
fenêtre</button>
Ici, nous créons le bouton, et en ajoutant l’attribut
d’événement onclick. Voir l’exemple ci-dessous: <script>

var win;
<button onclick="rtn()">Retourner</button>
function openW() {
<script>
win = window.open("https://waytolearnx.com", "_blank",
function rtn() { "width=900, height=786");

window.history.back(); }

} function closeW() {

</script> win.close();

}
Fermer l’onglet actuel dans une fenêtre avec Javascript
Vous devriez savoir que la méthode window.close() ne peut fermer
</script>
que l’onglet ouvert en utilisant la méthode window.open(). Donc,
pour fermer l’onglet en cours en javaScript, il doit être ouvert à </body>
l’aide de la méthode window.open().
</html>

<!DOCTYPE html> <html>

<head></head>
Afficher un message d’erreur à coté d’un input en
<body> Javascript
<html> <style>

<head> .error{

<script> color: #D8000C;

function validateForm() background-color: #FFBABA;

{ }

var name = document.forms["myForm"]["name"]; </style>

if (name.value == ""){ </head>

<body>
document.getElementById('errorname').innerHTML="Veuillez entrez
un nom valide"; <form name="myForm" onsubmit="return validateForm()">

name.focus(); <p>Votre nom: <input type="text" name="name" class="field-


long"/> <span class="error" id="errorname"></span></p>
return false;
<p><input type="submit" value="Envoyer"></p>
}else{
</form>
document.getElementById('errorname').innerHTML="";
</body>
}
</html>
}

</script> Forcer la saisie en majuscule dans une input avec


JavaScript
Méthode 1: Avec JavaScript

<input type="text" onkeyup="this.value=this.value.toUpperCase()"/>

Méthode 2: Avec CSS

<input style="text-transform: uppercase" type="text" />

Afficher un message de confirmation avant suppression


en JavaScript

<button onclick="confirmer()">Supprimer</button>

function confirmer(){

var res = confirm("Êtes-vous sûr de vouloir supprimer?");

if(res){ // Mettez ici la logique de suppression

Vous aimerez peut-être aussi