Forum di New-CMS

Indice Forum

New-CMS

[ 1 2 ]

Discussione : Inserire uno script di testo scorrevole

	Autore : giangi
	Rango : Principiante
	Discussioni : 26
	Messaggi : 195
	Visite : 301

	Pubblicato : 19/07/2012 - 14:08
	Letto 359 volte

Ciao Vania, io nel mio sito web www.anamori.org oppure www.anamori.org/trinceenagiagrom vorrei inserire sotto il menu uno script di testo scorrevole http://www.allwebfree.i...di questo tipo modificato s'intende. Come faccio riesci ad aiutarmi? intanto grazie.
giangi

Risposta #1 : Inserire uno script di testo scorrevole

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 19/07/2012 - 16:05

Ciao, prova cos�:

In admin/header incolla questo script:

Codice

<script type="text/javascript">
// Accessible Scroller by Mike Foskett (http://www.websemantics.co.uk/). Retain this message and you may use the code freely.
var speed=50        // speed of scroller
var step=3          // smoothness of movement
var top="#top"      // name of anchor used as page top when clicking start / stop / show
var Start= "Start"  // Text for start link
var Stop = "Stop"   // Text for stop link
var Show = "Show"   // Text for show link
var x, scroll, divW, sText=""
function onclickIE(idAttr,handler,call){
  if ((document.all)&&(document.getElementById)){idAttr[handler]=new Function(call)}
}
function addLink(id,call,txt){
  var e=document.createElement('A')
  e.setAttribute('href',top)
  e.setAttribute('onclick',call)
  var linktext=document.createTextNode(txt)
  e.appendChild(linktext)
  document.getElementById(id).appendChild(e)
}
function addControls(){
  addLink('controls','clickAction(0)',Stop)
  onclickIE(document.getElementById('controls').childNodes[0],"onclick",'clickAction(0)')
  document.getElementById('controls').appendChild(document.createTextNode(' | '))
  addLink('controls','clickAction(2)',Show)
  onclickIE(document.getElementById('controls').childNodes[2],"onclick",'clickAction(2)')
}
function stopScroller(){clearTimeout(scroll)}
function setAction(node,callvalue,txt){
  var c=document.getElementById('controls')
  c.childNodes[node].setAttribute('onclick','clickAction('+callvalue+')')
  onclickIE(document.getElementById('controls').childNodes[node],"onclick",'clickAction('+callvalue+')')
  c.childNodes[node].firstChild.nodeValue=txt
}
function clickAction(no){
  switch(no) {
    case 0:
      stopScroller()
      setAction(0,1,Start)
      setAction(2,2,Show)
      break
    case 1:
      startScroller()
      setAction(0,0,Stop)
      setAction(2,2,Show)
      break
    case 2:
      stopScroller()
      setAction(0,1,Start)
      setAction(2,3,Start)
      x=0
      document.getElementById('tag').style.whiteSpace='normal'
      document.getElementById('tag').style.left='0px'
      break
    case 3:
      startScroller()
      setAction(0,0,Stop)
      setAction(2,2,Show)
      x=divW
      document.getElementById('tag').style.left=x+'px'
  }
}
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) {
    addControls()
    document.getElementById('controls').style.display='block'
    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)
</script>

Poi alla fine del file della skin menu.str incolla questo script:

Codice

<div id="scroller">
<p id="tag">Ciao io sono il messaggio. usa i link a destra per osservarmi meglio. Ciao!!</p>
</div>

Non so se funziona o se ci sono conflitti con altri script.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #2 : Inserire uno script di testo scorrevole

	Autore : giangi
	Rango : Principiante
	Discussioni : 26
	Messaggi : 195
	Visite : 301


	Pubblicato : 19/07/2012 - 16:14

grazie per la risposta . io uso wamp server per provare in locale il sito.
ho fatto come mi avevi detto ma l'unica cosa e stato come volevo inserito correttamente l'unica cosa e che non si muove rimane fermo. devo cambiare qualcosa?

Risposta #3 : Inserire uno script di testo scorrevole

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 19/07/2012 - 16:17

Nello script inserito in header prova a togliere tutti i commenti:

// e le scritte che seguono

poi se non va prova anche a vedre gli errori che segnala nella consolle degli errori del browser.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #4 : Inserire uno script di testo scorrevole

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 19/07/2012 - 16:23

In heder sotto allo script incolla questo CSS:

Codice

<style type="text/css" media="screen">
#scroller {position:relative; overflow:hidden; width:100%; border:1px solid #657}
#controls {display:none; text-align:right}
#controls a {}
#tag {margin:2px 0}
#testP {visibility:hidden; position:absolute; white-space:nowrap;}
#top {width:350px; margin:auto}	
</style>

Come fare un offerta per contribuire allo sviluppo di New-CMS

[ 1 2 ]