Scroller orizzontale

[fonzyyyyyyy]

Ciao mi servirebbe un semplice scroller orizzontale in Javascript per sostituire il tag marquee...che purtroppo non è riconosciuto dal W3C

Qualcuno di voi mi sa aiutare ?

[cavicchiandrea]

vedi qui

[cavicchiandrea]

Pardon premuto x errore quota anziche modifica

[fonzyyyyyyy]

Ho visto gli script ma necessitano di un sacco di Javascript nella pagina....non conoscete qualcosa di più "seo oriented" ?

[Xinod]

questo e' completamente accessibile (da umani e spider)
http://www.websemantics.co.uk/tutori...ible_scroller/

[fonzyyyyyyy]

Lo avevo già visto...ma i controlli non mi piacciono....vorrei proprio un puro e semplicissimo scroller senza controlli...

[Xinod]

e toglili
questo e' scroller.js senza la parte dei controlli

// Accessible Scroller by Mike Foskett (http://www.websemantics.co.uk/). Retain this message and you may use the code freely.

// note: this is a modified version with no controls

var speed=50        // speed of scroller
var step=3          // smoothness of movement

var x, scroll, divW, sText=""

function onclickIE(idAttr,handler,call){
  if ((document.all)&&(document.getElementById)){idAttr[handler]=new Function(call)}
}

function stopScroller(){clearTimeout(scroll)}

function startScroller(){
  document.getElementById('tag').style.whiteSpace='nowrap'
  var p=document.createElement('P')
  p.id='testP'
  p.style.fontSize='25%' //fix for mozilla. multiply by 4 before using
  x-=step
  if (document.getElementById('tag').className) p.className=document.getElementById('tag').className
  p.appendChild(document.createTextNode(sText))
  document.body.appendChild(p)
  pw=p.offsetWidth
  document.body.removeChild(p)
  if (x<(pw*4)*-1){x=divW}
  document.getElementById('tag').style.left=x+'px'
  scroll=setTimeout('startScroller()',speed)
}

function initScroller(){
  if (document.getElementById && document.createElement && document.body.appendChild) {
    divW=document.getElementById('scroller').offsetWidth
    x=divW
    document.getElementById('tag').style.position='relative'
    document.getElementById('tag').style.left=divW+'px'
    var ss=document.getElementById('tag').childNodes
    for (i=0;i<ss.length;i++) {sText+=ss[i].nodeValue+" "}
    scroll=setTimeout('startScroller()',speed)
  }
}

function addLoadEvent(func) {
  if (!document.getElementById | !document.getElementsByTagName) return
  var oldonload = window.onload
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload()
      func()
    }
  }
}

addLoadEvent(initScroller)

rimuovi anche questo dal css

/* display:none prevents the controls being shown when JavaScript is not present */
#controls {display:none; text-align:right;}

/* add link formatting for the controls */
#controls a {}

e questo dal markup

<p id="controls"></p>

e i controlli sono solo un ricordo

[fonzyyyyyyy]

Grazie mille ! ! !

[yro]

ciao!
so che non è bello riportare a galla vecchie discussioni, ma su questo argomento avrei bisogno di un consiglio.

o meglio, ho 2 problemi da risolvere utilizzando questo codice:

1 con IE 7 l'ultima scritta dello scroller mi sparisce quando ancora mancano una ventina di pixel per completare il passaggio.

2 con opera 9.25 completa il passaggio in maniera corretta, ma una volta terminato il passaggio passeranno 20, 30 secondi prima di ricominciare il nuovo passaggio.

se avete qualche consiglio o qualche altro codice da consigliarmi...


grazie!