Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

AUTO MANUEL PARAGRAPHES, DIAPO PARAGRAPHES OU AUSSI PROJECTEUR DE PARAGRAPHES POUR INFORMATIONS EXPRESSES ANNONCES ET PUB


Description

Cliquez pour voir la capture en taille normale
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.site.voila.fr/autoparagraphe.htm

 

Source

  • 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.site.voila.fr
  • pour tout contact: http://siv.site.voila.fr/contact.htm
  • 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&#8217;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&#8217;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 ;
  • }
  • }
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.site.voila.fr 
pour tout contact: http://siv.site.voila.fr/contact.htm 
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&#8217;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&#8217;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://siv.site.voila.fr
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de XtremDuke le 17/11/2008 15:53:04

Salut,

Rattrapes moi si je me trompes car je n'ai pas tout compris :

En gros, c'est un timeOut qui fait un innerHTML dans un conteneur ?

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Chargement automatique d'une image [ par bumblebee ] Je cherche a afficher une image l'orsque le client selectionne celle-ci dans dans un champ &lt;input type="file" &gt;Je suppose que cela est faisable supprimer la saisie automatique ? [ par evange ] Bonjour et merci d'avance a ceux qui liront ces lignes :)Voila, je recherche un moyen d'empecher l'activation de la saisie automatique dans l'un de me Re-affichage automatique [ par boris ] Bonjour,Comment faire pour que ma page se recharge automatiquement toutes les x secondes ? Je ne me souviens plus de la commande HTML....Merci de votr temporisation - deconnection automatique [ par PatateDouce ] Mesdames, messieurs, Bonjour. Alors voila mon probleme. J aimerais mettre une protection sur une page sécurisée de mon site. Cette protection ferait l refresh automatique [ par vbenard ] Est-il possible d'effectuer un rafrechissement automatique de la page lors que l'utilisateur clic sur les boutons agrandissement ou restauration de so scroll automatique vertical de news [ par gremar ] comment on fait ? :Pca se fait bien avec du javascript ce genre de chose ?si oui, comment ?gremar Changment automatique de champ HTML [ par cjed ] Salut,J'aurais voulu savoir s'il est possible d'avoir un changement automatique de champ HTML (champ de numéro d'ordre suivant) à chaque fin de saisie Ajout automatique d'une Chaine de caractères à un Formulaire de recherche [ par SuperPJ2 ] Bonjour à tous !Voici mon code :_______________________________________&lt;FORM&gt; Requête : &lt;INPUT TYPE=Text NAME=Query&gt;&lt;INPUT TYPE=Submit Validation formulaire 'automatique' [ par tryoruda ] SalutJe souhaite qu'un formulaire HTML soit automatiquement validé lorque l'utilisateur a rempli tous les champs (sans cliquez sur un bouton submit).J icone et ajout de favoris automatique [ par stefhxc ] Bonjour. Je voudrais juste savoir si c'est possible de faire ajouter une icone lorsque que l'on clique sur un lien d'ajout aux favoris (...javascript:


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,499 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.