Barre de texte défilant en javascript

Fermé

flyzi Messages postés 79 Date d'inscription mardi 19 juin 2007 Statut Membre Dernière intervention 21 décembre 2010 - 31 oct. 2008 à 10:38
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 21 mars 2009 à 17:25

Bonjour,

J'aimerais personnaliser une barre de défilement en javascript (couleur, taille de la barre en px).

Comment faire?? Peut on utiliser du css?

Merci d'avance.

A voir également:

Barre de texte défilant en javascript
Texte barré whatsapp - Guide
Telecharger javascript - Télécharger - Langages
Mettre un texte en majuscule - Guide
Barre de défilement - Guide
Windows 11 barre des taches a gauche - Guide

8 réponses

Réponse 1 / 8

flyzi Messages postés 79 Date d'inscription mardi 19 juin 2007 Statut Membre Dernière intervention 21 décembre 2010 3
31 oct. 2008 à 17:53

Je me suis mal exprimé. Ce n'est pas ceci que je recherche mais un javascript pour faire défiler de droite à gauche un texte.
Je voudrais pouvoir changer la couleur du cadre (mettre en transparent ce cadre si c'est possible ou bien pouvoir y mettre une image de fond)

merci d'avance.

arthurg95 Messages postés 2399 Date d'inscription dimanche 24 février 2008 Statut Membre Dernière intervention 4 juin 2014 341
21 mars 2009 à 14:44

<marquee> texte </marquee>
C'est une balise microsoft mais elle marche sous Firefox, IE et netscape

Réponse 2 / 8

Fredou
31 oct. 2008 à 12:18

Bonjour

Recréer une scrollbar en javascript

http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript

"Cette méthode vous permettra de créer vous même votre propre scrollbar. L'avantage de cette méthode est que vous pourrez personnaliser complètement les boutons de votre scrollbar."

Extrait

"Pour faire varier la vitesse de défilement il suffit de modifier la valeur de la variable “Pas”"
"Positionnement des bloque grâce au css"

Si ça peut t'aider :)

salut ; merci.

Réponse 3 / 8

flyzi Messages postés 79 Date d'inscription mardi 19 juin 2007 Statut Membre Dernière intervention 21 décembre 2010 3
2 nov. 2008 à 19:39

up...

Quelqu'un peut m'aider?

Réponse 4 / 8

Fredou
4 nov. 2008 à 13:36

Re..

Pour la couleur ; code à combiner correctement avec les autres codes ci-dessus :

Source (modifiée) de cet exemple :

http://www.commentcamarche.net/forum/affich 2345810 html couleur dans un formulaire#4

<html>
<head>
    <style type="text/css">
        <!-- Balise de commentaire pour les navigateurs sans gestionnaire de css

/* STYLE 'Cascading Style Sheets' (CSS) INTERNE CI_DESSOUS */

input { background-color : #E2E4E6 ; } /* Toutes les balises input auront la couleur : #E2E4E6 */

/* STYLE 'Cascading Style Sheets' (CSS) INTERNE CI_DESSUS */

        Balise de commentaire pour les navigateurs sans gestionnaire de css -->
    </style>
</head>
</head>

<body>
<form>
<input type="text" name="horloge" size=10 disabled> disabled = lecture seule du champ texte
</form>
</body>
</html>

Alternative ; css incorporé dans la balise input :

<html>
<head>
    <style type="text/css">
        <!-- Balise de commentaire pour les navigateurs sans gestionnaire de css

/* STYLE 'Cascading Style Sheets' (CSS) INTERNE CI_DESSOUS */

CssInterneExempleA { /* style; */ }

/* STYLE 'Cascading Style Sheets' (CSS) INTERNE CI_DESSUS */

        Balise de commentaire pour les navigateurs sans gestionnaire de css -->
    </style>
</head>

<body>
<form>
<input type="text" name="horloge" size=10 disabled style="background-color : #E2E4E6 ;">
</form>
</body>
</html>

salut ; merci.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 8

bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
21 mars 2009 à 17:07

<style type="text/css">
</style>
<script language="JavaScript">
<!--
var titre = ". . . . Une souris et moi  !  ...  Fonds d'écran gratuits ... Créations de sites ...Référencement.... :-) ";
function bougerTitre()
{ 
 titre = titre.substring(1, titre.length) + titre.substring(0, 1);
 document.title = titre;
 setTimeout("bougerTitre()", 100);
 }
bougerTitre();
//-->
</script>

c'est ce que j'ai sur pas mal de mes pages ... b g

Réponse 6 / 8

gerard
21 mars 2009 à 17:17

pour tu texte tu peux faire ca en html avec le tag marquee

bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
21 mars 2009 à 17:25

la balise 'marquee' n'est plus reconnue par tous les navigateurs !!!

Réponse 7 / 8

Fredou
3 nov. 2008 à 20:19

Bonjour

Source : http://ww11.biblioscript.com/javascript/form_defil_texte.shtml

(AVEC UNE DEMO SUR LA PAGE)

Code :

dans la partie <head>
		
	
<script language="JavaScript">
// retardateur = servira à enchainer les défilements
var retardateur;

// encours = donne l'état du défilement
var encours = false;

// delaiattente = délai d'attente entre 2 passages du texte
var delaiattente = 100;

// marge = emplacement où démarre le texte
var marge = 20;

// cette fonction permet de faire démarrer le texte
function defileur() {

// emplacement = là où le message défilera
var emplacement = document.formulaire.defilement.value;

var i = 0;
for (i = 0 ; i < marge ; i++) message = " " + message;
encours = true;
retardateur = window.setTimeout("defilement(0)",delaiattente);
}

// cette fonction est le défilement à proprement parler
function defilement(position) {

// message = devinez... (un peu d'espace avant pour avoir le temps de lire le début du message)
var message = " " + document.formulaire.message.value;
encours = false;
if (position < message.length) document.formulaire.defilement.value = message.substring(position, message.length);
else position = -1;
++position;

encours = true;
retardateur = window.setTimeout("defilement("+position+")",delaiattente);
}
</script>
	
		

dans la partie <body>
		
	
<form name="formulaire">
Votre message : <input type="text" name="message" size="25" value="">
<input type="button" value="Faire defiler" OnClick="defileur();">
<input type="text" name="defilement" size="25">
</form>

Autres sources possibles : https://www.google.fr/search?hl=fr&q=faire+defiler+du+texte+javascript&gws_rd=ssl

salut ; merci.

Réponse 8 / 8

gerard
21 mars 2009 à 17:18

teubé va

Discussions similaires

Trouver le mot réellement écrit en lettres capitales PIX

Formule Excel : "SI" une cellule contient un mot, alors ?

Barre verticale droite sur clavier

Barre verticale droite sur clavier mac

Discussions similaires

Newsletters