Barre de texte défilant en javascript

flyzi Messages postés 89 Statut Membre -  
bg62 Messages postés 26230 Statut Modérateur -
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.

8 réponses

flyzi Messages postés 89 Statut Membre 3
 
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.
3
arthurg95 Messages postés 2736 Statut Membre 341
 
<marquee> texte </marquee>
C'est une balise microsoft mais elle marche sous Firefox, IE et netscape
0
Fredou
 
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.
0
flyzi Messages postés 89 Statut Membre 3
 
up...


Quelqu'un peut m'aider?
0
Fredou
 
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.
0

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

Posez votre question
bg62 Messages postés 26230 Statut Modérateur 2 417
 
<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
0
gerard
 
pour tu texte tu peux faire ca en html avec le tag marquee
0
bg62 Messages postés 26230 Statut Modérateur 2 417
 
la balise 'marquee' n'est plus reconnue par tous les navigateurs !!!
0
Fredou
 
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.
-1
gerard
 
teubé va
-4