[marquee] Equivalent en xhtml strict
15 messages • Page 1 sur 1
Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics
- petit-ourson
- WRInaute passionné

- Messages: 843
- Inscription: Lun Mai 31, 2004 15:19
rien, il faut faire du javascript
-

MarvinLeRouge - WRInaute impliqué

- Messages: 451
- Inscription: Mer Sep 01, 2004 20:10
Div ou autre chose, ça dépend de ce que représente sémantiquement ton élément.
Je ne saisi pas bien ce que tu entends par "ce que reprèsente sémantiquement ton élément" mais voici le code:
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.
- 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é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> <<</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.
En javascript,
sans utiliser la balise marquee
ça marche sous IE
sous firefox j'ai pas essayé
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é
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.
15 messages • Page 1 sur 1
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 :
- XHTML strict ou XHTML 1.0 Transitional ?
- Problème de validation (xhtml 1.0 transitional et marquee)
- onFocus et XHTML Strict
- xhtml strict et xiti
- FCKeditor et validation (xhtml 1.1 ou 1.0 strict)
- TEXTAREA et validité XHTML strict
- Erreur not valid xhtml 1.0 strict
- [XHTML 1.0 Strict] - Formulaire valide
- XHTML 1.0 Strict et les tableaux
- Format instalation xhtml 1 strict
- XHTML 1.0, HTML 4.01, Basic ou strict....???
- Pb avec usemap en xhtml 1.1 strict
- XHTML strict non reconnu sous IE (.htaccess)
- Mon site valide XHTML strict
- This Page Is Valid XHTML 1.0 Strict! - et le référencement ?
Consultez la description détaillée des produits ou services de Google suivants : Google Grants
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités




le forum