Applications

1. Redimensionner la taille des caractères

Nous allons permettre à l’utilisateur de modifier, à son gré, la taille de la police de caractères pour un meilleur confort de lecture.

Affichage initial :

images/C04-013.png

Le document HTML :


<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js" ></script> 
<script> 
    $(document).ready(function(){ 
        $('input').click(function(){ 
            var texte = $('p'); 
            var taille = texte.css('fontSize'); 
            var nombre = parseFloat(taille, 10); 
            var unite = taille.slice(-2); 
            if(this.id == 'plus') { 
                nombre *= 1.2; 
                } 
                else if (this.id == 'moins') 
       ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Le positionnement
Suivant
Introduction