Bonjour,

s'il nest pas trop tard, commant fait on pour calculer la largeur d'un texte

merci

Pour ne faire défiler que du texte inutile de renseigner la largeur, il suffit de suivre ce procédé

Bonjour,

Dans mon cas j'ai besoin que le cadre ai une largeur de 100%. Comment faire pour que le texte démarre complètement à droite (donc quelque soit la largeur)?

Merci,

Dans le lien que j'ai donné ci-dessus, il me semble que mettre width:100% (à la place de width:280px) dans #cadrpg et dans #newshr devrait suffire.

le point de départ (var psinit = 280;) position le texte de façon fixe. Il faut modifier ce paramètre à chaque fois.

Il faudrait pouvoir le supprimer (comme dans la balise <marquee>) et pouvoir indiquer un sens de déplacement (de gauche à droite ou de droite à gauche).

Ah oui j'avais oublié ce paramètre.
Tu peux calculer cette largeur avec un simple Il y a des exemples sur ce lien http://www.abciweb.net/objet-defilant.php puis code webmestre.

EDIT : Si tu as d'autres questions, ouvre plutôt un autre topic dans le forum javascript, cela permettra de ne pas trop diluer celui-ci

Après plusieurs test, voici le code que j'ai trouvé pour régler le cadre à 100% .
A+

Bonjour,

Sur ce lien une version qui permet :

- De faire un défilement horizontal ou vertical.

- De faire défiler plusieurs objets dans une même page.

- De ne pas avoir toute la largeur du cadre vide en attendant le retour de boucle : la boucle est réellement continue et l'espacement du retour de boucle est paramétrable.

- De faire (en option) un aller-retour plutôt qu'une boucle continue.

- De paramétrer une pause avant le départ.

- D'arrêter le défilant on mouseover et de le reprendre onmouseout ou d'autres comportements.

- D'inverser le sens de défilement en cour jusqu'à la position initiale de départ.

Bonjour
Merci pour ce sript qui me semble très utile. Cependant, quand je passe mon code au validator w3c (XHTML 1.0 Transitional), ça coince sur la ligne suivante :
StartTag: invalid element name.
C'est le < qui pose problème

Comment résoudre ça ?

Bonjour
Merci pour ce sript qui me semble très utile. Cependant, quand je passe mon code au validator w3c (XHTML 1.0 Transitional), ça coince sur la ligne suivante :

Code : Tout sélectionner

if(pscrnt < ( - defile.offsetWidth) ){

StartTag: invalid element name.
C'est le < qui pose problème

Comment résoudre ça ?

Il est plus que probable que le problème est autour des balises <script>

Le XHTML est un langage XML, donc on doit utiliser ces balises de cette manière :

<script type="text/javascript">/* <![CDATA[ */
//.. code JavaScript
/* ]]> */</script>

Les codes en JavaScript ne devant pas être interprétés de la même manière que le code HTML, on utilise un marquage CDATA. Avec ça, le validateur devrait moins grogner.

Ha oui en effet, ça passe nickel comme ça.
Merci en tout cas pour la réponse ultra rapide

Bonjour à tous,

Je débutant en Javascript et XHTML, j'ai besoin de votre aide.
J'ai utilisé le code de Saik (qui défile le texte dans les deux sens haut-bas) ci-dessous. Mon problème est que je n'arrive pas à faire défiler le texte de manière continue verticalement (du bas vers le haut).
Donc il faut que le texte parte du bas du cadre à une vitesse normale sans qu'il y ait pas énormément de vide entre le début et la fin de chaque passage (intervalle).
Merci de votre retour,
Bien cordialement,

[javascript]var menu_defile;//l'élement a déplacer
var pscrnt = 0;//position verticale de départ
function texteDefile()
{
if (typeof this.sens == 'undefined')
this.sens = -1;
if(!menu_defile)
menu_defile = document.getElementById('menu_defile');
if((pscrnt < -menu_defile.offsetHeight) || (pscrnt > 1))
this.sens *= -1;
pscrnt += this.sens * 1;//sens * nb de pixel par déplacement
menu_defile.style.top = pscrnt+"px";
}
var timer = setInterval("texteDefile()", 50);//délai de deplacement
[/javascript]

.menu_deroulant
{
   height: 8em;
   text-align: left;
   overflow: hidden;
   position: relative;
   direction: up;
}

#menu_defile
{
   position: relative;
}

<div class="menu_deroulant" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval('texteDefile()', 50)">
						<span id="menu_defile">
							<strong>
							&bull; Journée Portes Ouvertes<br />
							&bull; Rénovation Restaurant<br />
							&bull; Sorties Scolaires<br />
							</strong>
						</span>
					</div>

Y'a un code avec exemple ici et d'autres exemples tout au long du sujet.
Il te reste juste à lire le mode d'emploi qui se trouve dans le premier message du topic pour paramétrer la fonction.
Et pour les grands débutants ou ceux qui ne veulent pas écrire de code il y a un générateur avec interface graphique ici.