|
 Trouver une ressource
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 !
 TEXTE DÉFILANT, DEUX EFFETS, COMPATIBLE FIREFOX & IE
 Information sur la source
 Description
Un code simple permettant de faire défiler, un texte, un message, dans une page html.
Compatible Firefox et IE.
 Source
- <html>
- <head><title>Message défilant</title>
- <style type="text/css">
- .span_text_deroulant{FONT-FAMILY:Lucida Console, Lucida Sans Typewriter, Lithograph, Letter Gothic MT, Verdana;FONT-WEIGHT:bold;FONT-SIZE:10pt;width:478px;COLOR:#FFFF99;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;}
- </style>
- <SCRIPT type="text/javascript">
- // Message défilant en javascript
- // Nocture @ 2007
- // Affiche un message défilant dans une page HTML
- // Script compatible IE (version 6 & +) et Firefox (version 1.5 & 2)
-
- // Le message a faire défiler
- var notre_msg="Codes-Sources : www.javascriptfr.com, c'est gratuit et très patique... .::. Ne ratez pas les TechDays 2007 . . . . . . . ";
-
- // Deux effets possibles avec mem_msg
- // Effet 1 = sans effet, défilement normal,
- // il faut mettre un maximum d'espaces pour enlever l'effet du glissement
- // var mem_msg=' '; // 90 espaces
- // Effet 2 = au démarrage, glissement du texte puis défilement
- var mem_msg=' '; // seulement 1 espace
- var pos_char=0; // variable de mémorisation de position caractère
-
- function msg_defilant() {
- var vitesse_msg = 80; // règle la rapidité, diminue = plus rapide, augmente = plus lent
- // vérif. si position caractère supérieur a la longueur de la chaine
- //if (pos_char >= notre_msg.length) {pos_char=0}
- mem_msg=mem_msg + notre_msg.substring(pos_char,pos_char+1);
- //pos_char++;
- pos_char = (pos_char + 1) % notre_msg.length;
- // on limite la largueur en terme de carateres
- var msg_tmpo=mem_msg; // variable temporaire
- mem_msg="";
- mem_msg=msg_tmpo.substring(msg_tmpo.length-48,msg_tmpo.length); // 48 caractères
- msg_tmpo="";
- msg_tmpo = mem_msg.replace(/ /g, " "); // remplace les espaces par : " "
- // Ajout d'un décalage d'un espace a gauche entre le texte et l'image
- msg_tmpo=" " + msg_tmpo;
- // Insertion du texte
- var b_txt_deroulant=document.getElementById("modif_txt_deroulant");
- b_txt_deroulant.innerHTML=msg_tmpo;
- window.setTimeout("msg_defilant()",vitesse_msg); // Re-lance la fonction
- }
- {window.setTimeout("msg_defilant()",100);} // Activation du message défilant
- </SCRIPT>
- </head>
- <body bgcolor="#80A4E8" link="#000099" vlink="#000099" alink="#cc0000" style="scrollbar-face-color:#97B9FF;scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#000000;scollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;">
- <table align="center">
- <tr>
- <td style="WIDTH:480px;HEIGHT:16px;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;vertical-align:middle;cursor:default;">
- <div style="position:absolute;width:480px;height:16px;background:url(bg_bandeau_txt_480.gif);background-repeat:no-repeat;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;cursor:default;"> </div> <span id="modif_txt_deroulant" class="span_text_deroulant"> </span>
- </td>
- </tr>
- </table>
- </body>
- </html>
<html>
<head><title>Message défilant</title>
<style type="text/css">
.span_text_deroulant{FONT-FAMILY:Lucida Console, Lucida Sans Typewriter, Lithograph, Letter Gothic MT, Verdana;FONT-WEIGHT:bold;FONT-SIZE:10pt;width:478px;COLOR:#FFFF99;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;}
</style>
<SCRIPT type="text/javascript">
// Message défilant en javascript
// Nocture @ 2007
// Affiche un message défilant dans une page HTML
// Script compatible IE (version 6 & +) et Firefox (version 1.5 & 2)
// Le message a faire défiler
var notre_msg="Codes-Sources : www.javascriptfr.com, c'est gratuit et très patique... .::. Ne ratez pas les TechDays 2007 . . . . . . . ";
// Deux effets possibles avec mem_msg
// Effet 1 = sans effet, défilement normal,
// il faut mettre un maximum d'espaces pour enlever l'effet du glissement
// var mem_msg=' '; // 90 espaces
// Effet 2 = au démarrage, glissement du texte puis défilement
var mem_msg=' '; // seulement 1 espace
var pos_char=0; // variable de mémorisation de position caractère
function msg_defilant() {
var vitesse_msg = 80; // règle la rapidité, diminue = plus rapide, augmente = plus lent
// vérif. si position caractère supérieur a la longueur de la chaine
//if (pos_char >= notre_msg.length) {pos_char=0}
mem_msg=mem_msg + notre_msg.substring(pos_char,pos_char+1);
//pos_char++;
pos_char = (pos_char + 1) % notre_msg.length;
// on limite la largueur en terme de carateres
var msg_tmpo=mem_msg; // variable temporaire
mem_msg="";
mem_msg=msg_tmpo.substring(msg_tmpo.length-48,msg_tmpo.length); // 48 caractères
msg_tmpo="";
msg_tmpo = mem_msg.replace(/ /g, " "); // remplace les espaces par : " "
// Ajout d'un décalage d'un espace a gauche entre le texte et l'image
msg_tmpo=" " + msg_tmpo;
// Insertion du texte
var b_txt_deroulant=document.getElementById("modif_txt_deroulant");
b_txt_deroulant.innerHTML=msg_tmpo;
window.setTimeout("msg_defilant()",vitesse_msg); // Re-lance la fonction
}
{window.setTimeout("msg_defilant()",100);} // Activation du message défilant
</SCRIPT>
</head>
<body bgcolor="#80A4E8" link="#000099" vlink="#000099" alink="#cc0000" style="scrollbar-face-color:#97B9FF;scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#000000;scollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;">
<table align="center">
<tr>
<td style="WIDTH:480px;HEIGHT:16px;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;vertical-align:middle;cursor:default;">
<div style="position:absolute;width:480px;height:16px;background:url(bg_bandeau_txt_480.gif);background-repeat:no-repeat;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;cursor:default;"> </div> <span id="modif_txt_deroulant" class="span_text_deroulant"> </span>
</td>
</tr>
</table>
</body>
</html>
 Conclusion
Code compatible, Internet Explorer et Firefox.
 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
 Historique
- 12 juillet 2007 18:36:37 :
- Mise à jour suite au commentaire de nico1610.
Correction de : LANGUAGE="JavaScript" par type="text/javascript"
Suppression du name de la balise <span>
- 15 novembre 2007 21:57:43 :
- Modification du if par un modulo
 Sources du même auteur
 Sources de la même categorie
Sources en rapport avec celle ci
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
Texte defilant [ par pascpascalou ]
bonjour , je suis a la recherche d'un texte defilant pouvant contenir des photos pour mon site www.taekwondo-herblay.com et j'aimerais trouver ce java
Erreurs sous IE... [ par Shenron42000 ]
Salut, Voila, j'ai un script qui s'execute parfaitement sous FF et IE... il marche nikel sauf que IE me signal touours que ma page contient des erreu
Probleme de texte defilant [ par foufidou ]
bonjour tou le monde,j'essai de fair une teste defilant sur mes page fait en aspx (ASP .net), j'ai ajouter un script : (merci VictorWani) <MARQUEE
texte defilant avec image stable [ par gouglou ]
salut tout le monde,j'ai un probleme sur les news (le texte +image)d'un site.je veux que mon texte soit defilant mais l'image soit stable ,jusqu'à ce
texte defilant vertical en continu sans espace [ par catlaur ]
Bonjour,Tout d'abord je tiens à vous remercier pour ce que vous faites.J'ai un script de texte défilant vertical avec marquee mais il y a un espace de
Remplacement avec RegExp [ par XelectroX ]
Bonjour,Je cherche depuis 1h comment remplacer une string par RegExp :J'ai une fonction degrade(texte, color1, color2) qui me revois du texte traité.E
barre de défilement vertical de texte en javascript [ par ordirepair ]
bonjour, je cherche un script en java pour créer un block texte avec une hauteur fixe et une barre de défilement à droite si le texte est plus long je
délai d'un texte [ par debladz ]
Bonjour,j'ai un petit trou de mémoire.Quel est le script pour que le texte d'un label sur ma page ne s'affiche que sur un temps défini??Merci
texte défilant en boucle [ par SoundBoy771 ]
Bonjour à tous,Je galère depuis un moment maintenant sur un petit bout de code que je n'arrive pas a faire évoluer. <script type="text/javascript"&
code html qui affiche un message d'erreur en boucle losrqu'on clique sur la croix [ par VFPT ]
Bonjour, je cherche un code html qui me permetrai que quand un utilisateur cliquera sur la croix de mon site, un message d'erreur s'affichera en boucl
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|