Comment faire une suspension animée en javascript ?

 

par meltech1 |

     
Comment faire une suspension animée en javascript ?

Une supension ce sont 3 points qui se suivent... Donc ce sont les 3 points de suspension. Souvent pour faire patienter l'internaute on peut faire une animation dans le cas du chargement d'une page ou d'un calcul qui est en cours. Avec cet article vous allez apprendre à programmer 3 points de suspension qui s'animent et donnent l'impression d'une progression. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet avec "bloc notes" pour en obtenir le code source. C'est le programme de votre site Internet dans lequel vous allez pouvoir programmer ce qui suit.

2.

Maintenant cherchez la balise <head> et insérez-y le script suivant :
<script type=text/javascript>
<!--
function add_dot()
{
document.getElementById("dotted").innerHTML = "";
setTimeout("document.getElementById('dotted').innerHTML = '.';", 500);
setTimeout("document.getElementById('dotted').innerHTML = '..';", 1000);
setTimeout("document.getElementById('dotted').innerHTML = '...';", 1500);
setTimeout("add_dot();", 2000);
}

window.onload = add_dot;
//-->
</script>.

3.

Ensuite cherchez la balise <body> et insérez-y le script suivant :
Chargement de la page, patientez <span id="dotted"></span>.

4.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. Vous voyez "chargement de la page, patientez" avec 3 points de suspension qui s'affichent les uns après les autres. C'est l'animation de la suspension.

Astuces et mises en garde

Astuce(s) :

Pour modifier le texte à faire patienter allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on