Auto manuel paragraphes, diapo paragraphes ou aussi projecteur de paragraphes pour informations expresses annonces et pub

Description

Automatique et manuel projecteur de paragraphes tout contenu (textes, images et objets divers) dans un coin sur la page juste là où vous voulez sans cadres (frame) ni (iframe). Les informations et les donnés sont très rapidement accessibles sans rechargement du reste de la page ; utilisable partout, pour tout et surtout pour les informations expresses, les annonces, la publicité et autres.

Pour l'utiliser il suffit de cliquer sur les commandes indiquées sur le premier paragraphe, et suivre les instructions qui se succèdent et s'affichent automatiquement ou manuellement sur des paragraphes faciles à créer et modifier leurs contenus,

Le code est fonctionnel, très léger, rapide, facile à comprendre et ne nécessite pas de modification pour l'utiliser, sauf pour modifier le délai d'affichage en milliseconde (1 seconde = 1000) ou pour ajouter des nouveaux paragraphes autant que vous voulez ;

Pour tester le code en ligne une démonstration est disponible à cette adresse :
http://abdelaziz.elalia.net

Source / Exemple :

var srimg_on ='<img title="Pause" alt="Pause" style="cursor:pointer" border="0"  width="29" height="18" src="./outils/';
var srimg_off ='<img title="Lecture" alt="Lecture" style="cursor:pointer" border="0"  width="29" height="18" src="./outils/';
function GO()
/* 
abdelaziz rejeb Elalia Tunisie 
site : [http://abdelaziz.elalia.org] 
pour tout contact: [http://abdelaziz.elalia.net] 
Le 19/06/2008


*/
{
document.getElementById('para_graphe').innerHTML =(N_PARAG[AFFICHAGES]);
}
var N_PARAG = new objet (
pph1, 
pph2,
pph3, 
pph4,
pph5
// integrez des nouvelles paragraphes ici
);
var TMP = 3000 ; // modifier ici le délai d?affichage en milliseconde (1 seconde = 1000) 
var P_on = srimg_on + 'stp_.gif">'; // le symbole affiché pendant la lecture automatique
var P_off = srimg_off + 'go_.gif">'; // le symbole affiché au pause
// Ne rien toucher aux lignes suivantes toute modification peut empêcher le fonctionnement...
var AUTOLECT = 0;
var AFFICHAGES = 0;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
function suivante() {
AFFICHAGES += 1;
if (AFFICHAGES == N_PARAG.length + 1) AFFICHAGES = 1;
GO()
}
function precedente() {
AFFICHAGES -= 1;
if (AFFICHAGES == 0) AFFICHAGES = N_PARAG.length; 
GO()
}
function changemenT() {
AFFICHAGES += 1;
if (AFFICHAGES == N_PARAG.length + 1) AFFICHAGES = 1;
GO()
Zaman=setTimeout("changemenT()", TMP); // le délai d?affichage est (TMP)
}
function initial() {
window.clearTimeout(Zaman);
}
function AUTOMAT() {
if (AUTOLECT == 0) {
AUTOLECT =1; changemenT(); // on
document.getElementById('BT').innerHTML = P_on ;
} 
else {
AUTOLECT = 0; initial(); // off
document.getElementById('BT').innerHTML = P_off ;
}
}

Conclusion :

Pour faciliter les modifications et les mises à jour, les paragraphes et le code sont placés sur le même fichier ;
Il est possible d'ajouter des fonctions ou des évènements aux paragraphes,
Et n'oublier pas que chaque paragraphe peut avoir ses propres apparences (thème).
Pour tout contact ou question s'adresser au :
http://abdelaziz.elalia.net

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.