Accueil > > > TEXTE DÉFILANT ( BOUTONS : ARRÊT - PAUSE - AVANT - ARRIÈRE ET FEUILLE DE STYLE ) ( À UPGRADER À VOLONTÉ )
 TEXTE DÉFILANT ( BOUTONS : ARRÊT - PAUSE - AVANT - ARRIÈRE ET FEUILLE DE STYLE ) ( À UPGRADER À VOLONTÉ )
 Information sur la source
 Description
Un texte qui défile de bas en haut avec un bouton d'arrêt et un bouton continuer....... Attention ce script ne fait pas réapparaitre le texte quand il est passé hors champ. Portabilité et modifications effectuées .... Visitez mon portail et n'hésitez pas à me donner des idées pour le modifier.....votre avis m'intéresse !! http://debbog.free.fr/
 Source
/*************************************/
/*** Intégration du javascript ***/
/*************************************/
var y = 0;
var minuteur = null;
var temps = 10;
//minuteur défilement en avant du texte
function transfert()
{
minuteur=setInterval('defil()',temps);
}
//minuteur défilement en arriere du texte
function transfertBis()
{
minuteur=setInterval('retourArriere()',temps);
}
function defil()
{
document.getElementById('texteDefil').style.top = y--;
document.getElementById('compteur').value = y;
}
//Retour en arriere du texte
function retourArriere()
{
document.getElementById('texteDefil').style.top = y++;
document.getElementById('compteur').value = y;
}
//Arret défilement du texte
function arretDefil()
{
clearInterval(minuteur);
minuteur=null;
y = 0;
document.getElementById('texteDefil').style.top = y;
document.getElementById('compteur').value = y;
}
function pause()
{
clearInterval(minuteur);
}
/*************************************/
/*** Intégration dans une page PHP ***/
/*************************************/
<?
echo'<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Texte Defilant</title>
<meta name="robots" content="all">
<meta name="description" content="Texte Défilant">
<meta name="keywords" content="voir,défiler,slide">
<meta http-equiv="Content-Type" content="text/html;charset=windows-1252;">
<meta http-equiv="Content-Language" content="fr">
<script language="javascript" type="text/javascript" src="textDef.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body style="overflow:hidden;background-color:white;" onload="window.status=\'Votre navigateur est: \'+navigator.appName">
<div style="width:600;float:top;padding:15px;">
<a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" height="31" width="88" border="0" style="text-decoration:none;" >
</a>
</div>
<center>
<div id="Haut" style="left:0;position:absolute;background:white;z-index:1;width:100%;">
<table align="center" bgcolor="white">
<tr>
<td style="height:20;">
<form name="boutons" style="border:solid black 1px;" action="">
<input class="boutons" onclick="pause()" type="button" value="II" >
<input class="boutons" onClick="transfert()" type="button" value="<<" >
<input class="boutons" onClick="arretDefil()" type="button" value="Début" >
<input class="boutons" onClick="transfertBis()" type="button" value=">>" >
<b>Pos: </b> <input type="text" value="0" id="compteur" name="compteur" >
</form>
</td>
</tr>
</table>
</div>
<table align="center" style="border:solid navy 2px;background:#aaccff;width:50%;height:30%;" >
<tr>
<td align="center">
<div id="texteDefil" style="z-index:0;position:relative;left:0;height:90%;width:500;">
<img src="titre.gif" alt="">
<pre id="texte" style="">';include("texte.txt");echo'</pre>
</div>
</td>
</tr>
</table>
<div id="Bas" style="position:relative;background:white;left:0;top:0; height:50;width:100%; z-index:1"></div>
</center>
</body>
</html>
';
?>
/******************************************/
/*** Intégration de la feuille de style ***/
/******************************************/
.boutons{
border :solid navy 2px;
background :#aaccff;
color :navy;
width :50;
height :25;
}
#texte{
text-align :left;
padding :10;
margin-top :50;
color :navy;
font-weight :bold;
}
#compteur{
border :solid black 1px;
width :30;
text-align :center;
}
 Conclusion
Pour un soucis de clarté, j'ai mis bout à bout le javascript, la page PHP et la feuille de style...de plus j'ai tout mis à la racine pour assurer la mise en place des sources externes pour les novices (OUPS des fots d'ortograf :P)
Venez sur mon portail, il est en cours de construction mais pourrait intéresser les novices ainsi que les exégètes du code ;)
http://debbog.free.fr/
 Historique
- 04 septembre 2005 22:36:27 :
- Ajout de la fonctionnalité retour en arrière et portabilité effectuée
D'autres demandes contactez moi
- 04 septembre 2005 22:42:25 :
- Modification de la source pour une meilleure portabilité et rajout du bouton arriere
- 04 septembre 2005 22:49:05 :
- Modification de la source pour une meilleure portabilité et rajout du bouton arriere
- 05 mai 2007 15:51:52 :
- Mise à jour complète :
- css externe
- javascript externe
- code migré du HTML au PHP
- ajout de nouveaux boutons : 'Pause' et 'Début'
- nouvelle fonction pause()
- Normes W3C respectées
- nouvelle variable 'temps' dans le script
- 05 mai 2007 15:55:40 :
- Prochainement calcul du nombre de lignes du texte si ça intéresse quelqu'un ?
- 17 septembre 2007 01:32:48 :
- Mise à jour de la source pour une mise aux normes W3C....
- 18 septembre 2007 02:57:58 :
- ajout de mots clés...mise à jour minime ^^
- 18 septembre 2007 03:00:57 :
- Mise à jour pour la validation en mode de transition...
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
diaporama complet si l'on ajoute des liens sur les images [ par oreglia ]
bonjourdans cet excellent diaporama ci dessous à défilement manuel ou automatique (ce qui est rare à trouver dans les scripts du web)(de http://www.to
défilement du fond [ par kinooo ]
J'ai récupérer un script pr le défilement du fond. Est ce que qq'un serait ce qui ne va pas car je ne voit pas ou auraut un autre script.SCRIPT:<ht
Défilement horizontale d'un texte [ par NestleMatt ]
Bonjour !Je voudrai savoir si il est possible en JavaScript de faire défiller du texte dans une InputBox via un texte tappé dans l'HTML ou peut étre v
Problème barre de défilement horizontal sur mes pages [ par rem78 ]
Bonjour,Je suis confronté à un problème de barre de défilement horizontal qui apparaît sur ma page web automatiquement,cette page est constitué par un
Défilement automatique des pages d'un site ? [ par adelysnet ]
Bonjour,Je souhaite faire défiler des pages d'un site automatiquement.Chaque page finirait par viewimage2.php?imageID=1&style=listing En fait, seule l
Scrollbar automatique sous la sourie [ par maxmic ]
Bonjour à tous,je cherche à faire un défilement autimatique sur mon iframe, enfin automatique si ma soris passe sur les fleche en haut et en bas de ma
SLIDE SHOW [ par sancho_x ]
Je voudrais en cliquant sur une photo vignette, la faire apparaitre en plus grand sur la même feuille. Comment dois-je procéder ?Merci pour
popup + barre de défilement [ par minet03 ]
Coucou, j'ai un petit problème avec un popup, j'ai trouver la source sur TJS et elle ne marche pas. En fait je voudrais qu'il y ai la barre de d&
probleme de modif. Js [ par xpbull ]
bonjour voila j' ai trouver une source javascript et le fichier JS qui va avec sur un site, que j aimerais afficher sur mon site mais voila la source
images cliquables dans diaporama [ par fcomba ]
Bonjour, Je voudrais que chaque image de mon diaporama corresponde à un lien vers une page html ou une pop up. Quelqu'un pourrait-il m'aider? Vo
|
Derniers Blogs
 [WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE?[WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE? par JeremyJeanson
Avec la sortie de la RC de Visual Studio 2010, Microsoft a mis un peu les points sur leS i en ce qui concernait le passage d'arguments. Mais nous somme un certain nombre à avoir pris ce changement comme un coup dur. Pour résumer la situation : à la sortie...
Cliquez pour lire la suite de l'article par JeremyJeanson [RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit
Logiciels
 Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|