[marquee] Equivalent en xhtml strict

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics


Cartapus
WRInaute impliqué
WRInaute impliqué
 
Messages: 475
Inscription: Ven Juin 18, 2004 21:57

[marquee] Equivalent en xhtml strict

Message le Jeu Juil 21, 2005 20:59

Bonjour à tous!
La balise marquee n'étant pas valide en xhtml strict, y a t il un équivalent ??

petit-ourson
WRInaute passionné
WRInaute passionné
 
Messages: 843
Inscription: Lun Mai 31, 2004 15:19

Message le Jeu Juil 21, 2005 21:26

rien, il faut faire du javascript


TOMHTML
WRInaute accro
WRInaute accro
 
Messages: 3243
Inscription: Mer Aoû 25, 2004 14:05

Message le Jeu Juil 21, 2005 22:08

l'orson à raison
d'autant plus que marquee n'existe QUE chez Internet Explorer...


Cartapus
WRInaute impliqué
WRInaute impliqué
 
Messages: 475
Inscription: Ven Juin 18, 2004 21:57

Message le Jeu Juil 21, 2005 22:49

Ok merci, je cours à la recherche d'un bout de code qui pourrait me mettre sur la piste


TOMHTML
WRInaute accro
WRInaute accro
 
Messages: 3243
Inscription: Mer Aoû 25, 2004 14:05

Message le Ven Juil 22, 2005 0:11



Cartapus
WRInaute impliqué
WRInaute impliqué
 
Messages: 475
Inscription: Ven Juin 18, 2004 21:57

Message le Ven Juil 22, 2005 0:18

Ah bah merci de ton aide :)
Cela dit je vois toujours dans le code proposé la balise marquee, que le xhtml strict n'acceptera pas mais c'est une piste merci quand même


TOMHTML
WRInaute accro
WRInaute accro
 
Messages: 3243
Inscription: Mer Aoû 25, 2004 14:05

Message le Ven Juil 22, 2005 0:23

de rien :)

pour enlever le marquee remplace par "div" y'a de fortes chances pour que ça fonctionne à mon avis


MarvinLeRouge
WRInaute impliqué
WRInaute impliqué
 
Messages: 451
Inscription: Mer Sep 01, 2004 20:10

Message le Ven Juil 22, 2005 9:06

Div ou autre chose, ça dépend de ce que représente sémantiquement ton élément.


Cartapus
WRInaute impliqué
WRInaute impliqué
 
Messages: 475
Inscription: Ven Juin 18, 2004 21:57

Message le Ven Juil 22, 2005 16:37

Je ne saisi pas bien ce que tu entends par "ce que reprèsente sémantiquement ton élément" mais voici le code:
Code: Tout sélectionner
<div id="fil">
      <marquee scrolldelay="1" scrollamount="3"><a href="http://www.mabulle.com/guide-blogger.php" title="Guide"><strong>Bienvenue</strong> sur <strong>MaBulle</strong>.com - Cr&eacute;ez un blog gratuit et soyez acteurs du web !</a> Actuellement
<strong>26</strong> connectés dont <strong>6</strong> rédacteurs - Notre coup de coeur du moment >> <a href="http://audovere.mabulle.com/"><strong>Audovère</strong></a> &lt;&lt;</marquee></div>

sur ce site http://www.mabulle.com/

Je n'ai pas encore fait le test avec une balise div ou p, mais j'y travaille.

thierry8
WRInaute accro
WRInaute accro
 
Messages: 3251
Inscription: Lun Juil 11, 2005 11:47

Message le Ven Juil 22, 2005 16:39

Je crois que j'ai un truc pour faire défiller le texte pas trop compliqué !
mais chez moi.... :lol:

Je regarde ce soir et le post si je trouve !


e-kiwi
Modérateur
Modérateur
 
Messages: 13854
Inscription: Mar Déc 23, 2003 9:04

Message le Ven Juil 22, 2005 16:39

en meme temps c est normal qu'un texte qui bouge de facon tout pourri soit pas valide xhtml :-)

thierry8
WRInaute accro
WRInaute accro
 
Messages: 3251
Inscription: Lun Juil 11, 2005 11:47

Message le Ven Juil 22, 2005 16:41

Je crois que j'ai un truc pour faire défiller le texte pas trop compliqué !
mais chez moi.... :lol:

Je regarde ce soir et le post si je trouve !

EDIT: en javascript...


Cartapus
WRInaute impliqué
WRInaute impliqué
 
Messages: 475
Inscription: Ven Juin 18, 2004 21:57

Message le Ven Juil 22, 2005 17:48

la remarque de e-kiwi est assez pertinente je trouve, je vais sûrement enlever cette balise et arrêter de me prendre la tête avec du javascript moisi!
En plus y a pas réellement d'intérêt à faire bouger le texte...


TOMHTML
WRInaute accro
WRInaute accro
 
Messages: 3243
Inscription: Mer Aoû 25, 2004 14:05

Message le Ven Juil 22, 2005 21:28

En javascript,
sans utiliser la balise marquee
Code: Tout sélectionner
<html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var oMarquees = [], oMrunning,
   oMInterv =        20,     //interval between increments
   oMStep =          1,      //number of pixels to move between

increments
   oStopMAfter =     30,     //how many seconds should marquees

run (0 for no limit)
   oResetMWhenStop = false,  //set to true to allow linewrapping

when stopping
   oMDirection =     'left'; //'left' for LTR text, 'right' for

RTL text

/***     Do not edit anything after here     ***/

function doMStop() {
   clearInterval(oMrunning);
   for( var i = 0; i < oMarquees.length; i++ ) {
      oDiv = oMarquees[i];
      oDiv.mchild.style[oMDirection] = '0px';
      if( oResetMWhenStop ) {
         oDiv.mchild.style.cssText =

oDiv.mchild.style.cssText.replace(/;white-space:nowrap;/g,'');
         oDiv.mchild.style.whiteSpace = '';
         oDiv.style.height = '';
         oDiv.style.overflow = '';
         oDiv.style.position = '';
         oDiv.mchild.style.position = '';
         oDiv.mchild.style.top = '';
      }
   }
   oMarquees = [];
}
function doDMarquee() {
   if( oMarquees.length || !document.getElementsByTagName ) {

return; }
   var oDivs = document.getElementsByTagName('div');
   for( var i = 0, oDiv; i < oDivs.length; i++ ) {
      oDiv = oDivs[i];
      if( oDiv.className &&

oDiv.className.match(/\bdmarquee\b/) ) {
         if( !( oDiv =

oDiv.getElementsByTagName('div')[0] ) ) { continue; }
         if( !( oDiv.mchild =

oDiv.getElementsByTagName('div')[0] ) ) { continue; }
         oDiv.mchild.style.cssText +=

';white-space:nowrap;';
         oDiv.mchild.style.whiteSpace = 'nowrap';
         oDiv.style.height = oDiv.offsetHeight + 'px';
         oDiv.style.overflow = 'hidden';
         oDiv.style.position = 'relative';
         oDiv.mchild.style.position = 'absolute';
         oDiv.mchild.style.top = '0px';
         oDiv.mchild.style[oMDirection] =

oDiv.offsetWidth + 'px';
         oMarquees[oMarquees.length] = oDiv;
         i += 2;
      }
   }
   oMrunning = setInterval('aniMarquee()',oMInterv);
   if( oStopMAfter ) { setTimeout('doMStop()',oStopMAfter*1000); }
}
function aniMarquee() {
   var oDiv, oPos;
   for( var i = 0; i < oMarquees.length; i++ ) {
      oDiv = oMarquees[i].mchild;
      oPos = parseInt(oDiv.style[oMDirection]);
      if( oPos <= -1 * oDiv.offsetWidth ) {
         oDiv.style[oMDirection] =

oMarquees[i].offsetWidth + 'px';
      } else {
         oDiv.style[oMDirection] = ( oPos - oMStep ) +

'px';
      }
   }
}
if( window.addEventListener ) {
   window.addEventListener('load',doDMarquee,false);
} else if( document.addEventListener ) {
   document.addEventListener('load',doDMarquee,false);
} else if( window.attachEvent ) {
   window.attachEvent('onload',doDMarquee);
}
</script>
</HEAD>

<BODY>

<div class="dmarquee"><div><div>Marquee texte</div></div></div>

</body></html>


ça marche sous IE
sous firefox j'ai pas essayé


Cartapus
WRInaute impliqué
WRInaute impliqué
 
Messages: 475
Inscription: Ven Juin 18, 2004 21:57

Message le Ven Juil 22, 2005 22:19

Merci beaucoup ça a l'air d'être une bonne alternative malheureusement ça ne fonctionne pas sous firefox et aucun signalement d'erreur javascript n'apparaît sur la toolbar :? ce qui indiquerait que toutes les fonctions dans ce script sont acceptées par firefox. difficile donc de trouver un indice sur ce qui ne colle pas.


Formation recommandée sur ce thème :

Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par Julien Coquet, expert certifié officiellement par Google Analytics.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités