Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Retournement de situation

fonction  principe  la methode elle-meme  demonstration  telechargement du script 

  Fonction
A quoi ca sert ? A rien !!
Vous tapez un texte, cliquez sur le bouton, une fenêtre d'alerte vous renvoie votre saisie... mais à l'envers !!
  Principe
Le visiteur saisi un mot, une phrase, un roman... Sa saisie est decomposée lettre à lettre et chaque lettre est placée dans un tableau JavaScript.
Un second tableau JavaScript est ensuite construit en prenant le contenu du premier mais à l'envers (en commençant par la fin).
Une variable est ensuite alimentée par ce second tableau.
On affiche une alerte avec le contenu de cette variable et le tour est joué !
  Le script
dans la partie <head>
<script language="JavaScript">
function retourne() {

// le tableau qui accueillera lettre à lettre la saisie
var lettres = new Array();

// le tableau qui accueillera les lettres en ordre inverse
var inverse = new Array();

// la variable qui recomposera la chaine saisie
var concat = "";

// la saisie de l'utilisateur
var texte = document.formulaire.saisie.value;

// si quelque chose a été saisi
if (texte) {

// le nombre de caractères saisis
var longueur = texte.length;
for (var i = 0; i < longueur; i++) {

// on place chaque caractère dans le premier tableau de données
lettres[i] = texte.substr(i,1);
}
for (var j = 0; j < longueur; j++) {

// on place les caractères dans l'ordre inverse dans le deuxième tableau
inverse[j] = lettres[longueur-1-j];

// on assemble la chaine au fur et à mesure
var concat = concat + inverse[j];
}

// on affiche la saisie de l'utilisateur, inversée !!
window.alert(concat);
}
}
</script>

dans la partie <body>
<form name="formulaire">
<input type="text" name="saisie" size="20">
<input type="button" OnClick="retourne();" value="Retournez moi ca !!">
</form>
  Démonstration


  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    form_retourne.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    form_retourne2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter