Rechercher : dans
Par :

Barre de texte défilant en javascript

Dernière réponse le 21 mar 2009 à 17:25:05 flyzi, le 31 oct 2008 à 10:38:58 
 Signaler ce message aux modérateurs

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.

Configuration: Windows Vista
Firefox 3.0.3

1

Fredou, le 31 oct 2008 à 12:18:43

Bonjour

Recréer une scrollbar en javascript

http://www.wikistuce.info/doku.php/javascript/recreer_une_sc­rollbar_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épondre à Fredou

2

flyzi, le 31 oct 2008 à 17:53:08

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.

Répondre à flyzi

6

arthurg95, le 21 mar 2009 à 14:44:09

<marquee> texte </marquee>
C'est une balise microsoft mais elle marche sous Firefox, IE et netscape Tout est dit, mais comme personne n'écoute il faut toujours répéter

Répondre à arthurg95

3

flyzi, le 2 nov 2008 à 19:39:39

Up...


Quelqu'un peut m'aider?

Répondre à flyzi

4

Fredou, le 3 nov 2008 à 20:19:00
  • +1

Bonjour

Source : http://www.biblioscript.com/javascript/form_defil_texte.shtm­l

(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 : http://www.google.fr/search?hl=fr&q=faire+defiler+du+texte+javascript

salut ; merci.

Répondre à Fredou

5

Fredou, le 4 nov 2008 à 13:36:47

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.

Répondre à Fredou

7

bg62, le 21 mar 2009 à 17:07:19

<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
le 'www' est fait aussi pour communiquer, partager et échanger, non ?

Répondre à bg62

8

gerard, le 21 mar 2009 à 17:17:44

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

Répondre à gerard

10

 bg62, le 21 mar 2009 à 17:25:05

La balise 'marquee' n'est plus reconnue par tous les navigateurs !!!
le 'www' est fait aussi pour communiquer, partager et échang­er, non ?

Répondre à bg62

9

gerard, le 21 mar 2009 à 17:18:33

Teubé va

Répondre à gerard