begin process at 2012 05 29 00:08:51
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

changer le sens d'un texte qui défile

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

changer le sens d'un texte qui défile

samedi 9 octobre 2010 à 11:27:14 | changer le sens d'un texte qui défile

anthony428
Bonjour à tous,

je viens de plonger les mains dans un site dont je suis chargé de faire la refonte et je souhaiterais changer le sens du texte qui défile actuellement du bas vers le haut, je voudrais qu'il parte de la droite vers la gauche, l'ennui c'est qu'il m'est difficile d'interpréter ce code dont je ne suis pas l'auteur...

Pourriez vous m'aider à le comprendre afin que je sois capable de le modifier.
voici le code qui me pose problème :

Code Javascript :
function addScrollers() {
startScroll('myscroller',contenu);
}
var speed=4;
var dR=false;
var step = 2; 
function objWidth(obj) {if(obj.offsetWidth) return obj.offsetWidth; if (obj.clip) return obj.clip.width; return 0;} function objHeight(obj) {if(obj.offsetHeight) return obj.offsetHeight; if (obj.clip) return obj.clip.height; return 0;} function scrF(i,sH,eH){var x=parseInt(i.top)+(dR? step: -step); if(dR && x>sH)x=-eH;else if(x<2-eH)x=sH;i.top = x+'px';} function startScroll(sN,txt){var scr=document.getElementById(sN); var sW = objWidth(scr)-6; var sH = objHeight(scr); scr.innerHTML = '<div id="'+sN+'in" style="position:absolute; left:3px; width:'+sW+';">'+txt+'<\/div>'; var sTxt=document.getElementById(sN+'in'); var eH=objHeight(sTxt); sTxt.style.top=(dR? -eH : sH)+'px'; sTxt.style.clip='rect(0,'+sW+'px,'+eH+'px,0)'; setInterval(function() {scrF(sTxt.style,sH,eH);},1000/speed);}
window.onload = addScrollers;



Merci d'avance pour toutes les informations que vous pourrez m'apporter.
samedi 9 octobre 2010 à 18:51:52 | Re : changer le sens d'un texte qui défile

PetoleTeam

Membre Club
Bonjour,
il aurait été sympa de formater la sortie du code pour pas tout avoir sur une même ligne, mais bon...
...donc dans ta fonction scrF il faut faire varier le left et non le top
;O)
dimanche 10 octobre 2010 à 12:11:16 | Re : changer le sens d'un texte qui défile

anthony428
Merci pour ta réponse mais je ne suis pas sur de comprendre, il faut que je remplace les top par des left ?
Je viens de tester, j'ai un bloc d'infos qui est sur plusieurs lignes et ce bloc se déplace de droite à gauche, je voudrais que ce bloc entier s'affiche en une seule ligne...je dois encore chercher mais je te remercie pour l'info, je pense que ça va me permettre de débloquer la situation et désolé pour l'affichage en ligne mais lorsque je l'ai formaté un peu, la fonction ne fonctionnait plus alors j'ai préféré la laisser comme ça.
dimanche 10 octobre 2010 à 15:05:54 | Re : changer le sens d'un texte qui défile

PetoleTeam

Membre Club
...je voudrais que ce bloc entier s'affiche en une seule ligne...
ceci est à modifier dans le HTML voir le CSS

;O)
mardi 12 octobre 2010 à 15:11:21 | Re : changer le sens d'un texte qui défile

anthony428
Je te remercie de ton aide mais j'ai beau parcourir mon css ou mon code html, je n'arrive pas à isoler les propriétés qui définissent la taille de mon objet.

Dans ma fonction, j'ai pourtant les propriétés width qui sont utilisées, es tu sur que cela n'est pas à prendre en compte ?
mardi 12 octobre 2010 à 15:20:47 | Re : changer le sens d'un texte qui défile

anthony428
Je vais répondre à ma question moi même, la propriété width joue un bien rôle sur la largeur de mon objet mais mon problème n'est pas de définir la taille de mon objet mais de le faire défiler jusqu'à ce qu'il ait atteint la fin du message...

Une idée ?
mardi 12 octobre 2010 à 18:39:20 | Re : changer le sens d'un texte qui défile

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
je viens de tester le code en l'état et....
pourquoi ne pas utiliser le balise MARQUEE, elle fait la même chose, exemple tiré du sac...
<html>
Code HTML :
<head>
<title>Balise MARQUEE</title>
<style type="text/css">
.message {
  width : 350px;
  border :1px solid #c0c0c0;
  font-family : Verdana;
  font-size : 13px;
}
</style>
</head>
<body>
<marquee class="message">
Harum trium sententiarum nulli prorsus assentior. Nec enim illa prima vera est, ut, quem ad modum in se quisque sit, sic in amicum sit animatus.
</marquee>
</body>
</html>


;O)
mardi 12 octobre 2010 à 20:55:31 | Re : changer le sens d'un texte qui défile

anthony428
super, je ne connaissais pas du tout cette balise, c'est vrai que c'est exactement ce que je veux. Je n'ai plus qu'à récupérer les infos de ma BDD pour les afficher dedans mais est il possible de contrôler la vitesse de défilement ?

Je te remercie de ton aide.
mardi 12 octobre 2010 à 22:05:14 | Re : changer le sens d'un texte qui défile

PetoleTeam

Membre Club
tout et le reste chez MSDN : MARQUEE Element

;O)
mercredi 13 octobre 2010 à 10:37:46 | Re : changer le sens d'un texte qui défile

anthony428
Je te remercie, toutes tes informations m'ont été précieuse pour résoudre ce problème. Je n'ai pas encore eu le temps de regarder pour la vitesse de défilement du texte mais la solution proposées répond assez bien à ce que je voulais faire mis à part le fait que je ne peux pas afficher plusieurs infos différentes les unes à la suite des autres... mais une info c'est déjà pas mal. Merci beaucoup, c'est toujours aussi plaisant de voir que des personnes prennent le temps de répondre aux problématiques des autres...vive la communauté code source

1 2

Cette discussion est classée dans : function, var, return, obj, if

Répondre à ce message

Sujets en rapport avec ce message

Problème pour appeler une fonction en javascript [ par Joke758 ] J'essaie d'appeler la fonction AM.PassportEncrypt.EncryptData("test1", null, "pwd", null) mais je ne sais pas pourquoi ça ne fait rien..voici ma sourc Chargement ajax du contenu au clic sur marqueur Google Maps V3 [ par vince240986 ] Bonjour, Voilà plusieurs jours que je bloque sur la création d'une fonction. L'idée est la suivante, j'ai crée une appli avec une base de données et mon diapo ne s'affiche pas sans connection [ par hitu ] Bonjour j'ai réalisé un diaporama mais celui ne s'affiche pas quand je ne suis pas connecté! Merci d'avance voici mon code: [code=as][code=html] IE et Mozzila Firefox n'active pas mon javascript de mon formulaire [ par momosan77 ] Bonjour, J'ai un souci, c'est quand j'essaie de valider le formulaire dans Mozzila ou IE celui-ci ne prend pas compte du javascript Alors que si je l' Fonction non activer... [ par momosan77 ] Bonjour, j'expose mon soucis donc c'est que la fonction principale ne considère ni les fonction secondaire no les fonction principale. Alors que sa a Formulaire Newsletter facebook FBML/FBJS [ par quinton75 ] Bonjour,[^^clinoeil1][^^clinoeil1] Je souhaite intégrer un formulaire d'inscription à ma Newsletter sur ma page facebook Mon code source HTML d'inté Intégrer du javascirpit sur facebook (FBML/FBJS) [ par quinton75 ] Hello,[^^clinoeil1][^^clinoeil1][^^clinoeil1] Petite question à pose. Je souhaite intégrer un formulaire d'inscription à ma Newsletter sur ma page FBJS : ou mettre le javascript étant dans <head> en html sans le head en fbjs ? [ par quinton75 ] [code=js] Webform var dtCh='/'; var minYear=1900; var maxYear=2100; function isValidInteger(s){ var i; for(i= Affectation d'un fonction pour un evenement pour IE et FF? [ par dudulebzh35 ] Bonjour a tous,J'ai une liste avec le nom de fichiers et de repertoires (dans une table). Lorsque je clique sur un repertoire, je vois ses fichiers, Code javascript fonctionne mal avec Firefox [ par leclanalucky ] Voici mon problème, se code qui formate la date fonctionne parfaitement avec IE, mais avec Firefox il ne marche pas bien, la date devrait ressnbler à


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,342 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)