Entra su Telegram

Ultimi messaggi

Entra su Telegram

-no title-

Statistiche

Utenti
Statistiche
  • Messaggi totali: 50.526
  • Totale discussioni: 7.254
  • Online Oggi: 67
  • Massimi online: 1.578 (05 Settembre 2016, 16:07:48)
Utenti online
  • Utenti: 0
  • Visitatori: 54
  • Totale: 54

Script testo scorrevole

Aperto da whrestian, 06 Agosto 2007, 17:58:25

0 Utenti e 1 Visitatore stanno visualizzando questa discussione.

Stampa
Vai giù Pagine1
Azioni

whrestian

06 Agosto 2007, 17:58:25
ciao a tutti sto cercando uno script che mi faccia da testo scorrevole ho trovato questo ma ha come limite la pagina mentre la scritta è più lunga e mi viene tranciata. se qualcuno riesce a metterci mano o me ne consiglia un altro gliene sarei grato

Citazione<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<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=100        // 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.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>
  <style type="text/css" media="screen">
body {font:80%/150% verdana,sans-serif; color:#006; margin:0}
h1 {font:200% georgia,serif; color:#009; margin-top:20px}


/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden; width:100%; border:1px solid #657}

/* 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 {}

/* add formatting for the scrolling text */
#tag {margin:2px 0}

/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}

/* used as a page top marker and to limit width */
#top {width:350px; margin:auto}   
   
   </style>
</head>
<body>
<h2></h2>
<div id="scroller">
<p id="tag">Ciao io sono il messaggio. usa i link a destra per osservarmi meglio. Ciao!!</p>
</div>
    <p id="controls"></p>

</BODY>
</HTML>

smartmouse

#1
13 Agosto 2007, 01:06:01
Non sono un programmatore ma credo che cercando con Google tu possa trovare script meno complessi di questo che hai incollato!

Diversi anni fa, se non ricordo male, creai un testo scorrevole usando FrontPage!!

Don't stay in bed, unless you can make money in bed.

whrestian

#2
14 Agosto 2007, 08:38:59
infatto ho risolto provandone uno di frontpage. anche se quello qui sopra era buono perchè potevi regolare la velocità e altre 2 cosette  O0
Stampa
Vai su Pagine1
Azioni