Test traduction jquery

on click

by toubia95

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<form role="form">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <a class="btn btn-default translator french">Traduire en Français</a>
</form>

CSS

body {
    padding: 3em;
}

JavaScript

$('body').on('click', '.french', function() {
    $("label[for='exampleInputEmail1']").text('Adresse email');
    $("label[for='exampleInputPassword1']").text('Mot de passe');
    $("label[for='exampleInputFile']").text('Charger un fichier');
    $(".translator").text('Translate to English');
    $(".translator").toggleClass("french english");
    return false;
});

$('body').on('click', '.english', function() {
    $("label[for='exampleInputEmail1']").text('Email address');
    $("label[for='exampleInputPassword1']").text('Password');
    $("label[for='exampleInputFile']").text('File input');
    $(".translator").text('Traduire en Français');
    $(".translator").toggleClass("french english");
    return false;
});