testo scorrevole

Ciao! sono nuova volevo chiedervi come faccio a mettere, il testo scorrevole come nei titoli del film, nella pagina nel mio sito con front page? ho provato in tutti i modi non ci sono riuscita. Grazie

[Ospite]

<marquee>testo</marquee>

Mi ero Dimenticata prima il testo mi serve che parte dal basso che và verso l' alto nalla pagina. Mi servirebbe quei codici. Grazie

[Ufobm]

Dovresti usare java penso! Non credo ci sia un tag html che faccia al caso tuo! Al max c'è <marquee> come ti hanno scritto sopra! Ma non penso faccia al caso tuo...

[silverseraph]

<marquee direction="up">scritta</marquee>

Comunque non te lo consiglio, perchè il tag marquee non è compatibile con tutti i browser.

[seneca]

Guarda qui se trovi qualcosa: io ne ho visti un paio ma non ho capito bene se fanno al caso tuo.
Ciao!

[giorgiowebparma]

per il testo in orrizontale c'è già la predisposizione in front page
procedura d'uso:inserisci/componenti/testo scorrevole
ciao

cmq non te lo consiglio:

- non è supportato da tutti i browser
- ultimamente non si usa molto...la scrittina scorrevole..

ciao >-\-\-D

[Ufobm]

@seneca: io stavo cercando uno scroller che funzionasse più o meno così:
1- se il mouse non è sulla zona che scorre, essa scorre lentamente verso il basso;
2- se il mouse è al centro della zona, essa non scorre;
3- se il mouse è nella parte alta della zona, scorre verso l'alto;
4- se il mouse è nella parte bassa della zona, scorre verso il basso.

Capito? Ho cercato nel link che hai inserito ma non ho trovato nulla purtroppo... sapresti darmi una mano? Ho cercato anche da altre parti! Se magari trovo un sito che utilizza lo script te lo linko!

C'è qualcuno che può aiutarmi?

[Ospite]

Realizzato dal sottoscritto in 10 secondi :D

<script type="Text/Javascript">marquee = document.getElementById('marquee');
</script>
<div onMouseover="javascript:marquee.direction='up'">Passa col mouse qui per far scorrere il marquee verso l'alto</div>
<marquee id="marquee" direction="down" width="100" height="70" onmouseover="this.stop();" scrollamount="3"> 
Testo da visualizzare

</marquee><div onmouseover="javascript:marquee.direction='down'">Passa col mouse qui per far scorrere il marquee verso il basso</div>

[Ufobm]

Ciao probid!
Purtroppo il tuo script non funziona (o io non riesco a farlo funzionare) in ogni caso quello che cercavo è un pò diverso credo... non mi intendo molto di codice javascript però io cercavo uno script che passando proprio sopra il testo da visualizzare si spostasse... capito?


EDIT: Ecco! Per darvi un'idea guardate qui:
http://it.netlog.com/ufobm

E' il mio (schifoso) spazio su FaceBox... ma lasciamo perdere...
L'importante è che sotto la foto profilo (evitate commenti) ci sono altre piccole foto che scorrono a sx o a dx a seconda della posizione del mouse. Se il muose è in mezzo sta fermo! Ecco! Io vorrei una cosa così solo che si dovrebbe muovere sempre e dovrebbe scorrere in verticale!

Grazie a chi mi saprà aiutare!


FunCool: Sei sul forum da parecchio tempo, dovresti sapere che non devi scrivere due messaggi consecutivi.

[Ospite]

Lo script che ho realizzato io fa proprio quello,con Firefox funziona perfettamente...
che browser/versione usi?
[magari posso rendere il mio script crossbrowser]

[Ufobm]

IE7
Cmq non ti preoccupare! Magari riprovo lo script con più calma e volendo posso provare a metterci le mani (distruggendolo )!

confermo, lo script di probid a me funziona su Firefox

[Ufobm]

@funcool: Non so perché ma ho postato molto vicino e non mi faceva editare... dava "impossibile visualizzare la pagina"... sarà stato un problema del mio pc...

Se su FF lo script funziona dovrò provare a renderlo valido per IE! Cmq funzionerebbe anche se dentro ci mettessi un include()?

[funcool]

Sì, all'interno del marquee puoi inserire del codice tramite un include.
Dove c'è onmouseover prova a togliere "javascript:".

[Ospite]

Prova anche così:

<form name="form">
<div onMouseover="document.form.marquee.direction='up'">Passa col mouse qui per far scorrere il marquee verso l'alto</div>
<marquee name="marquee" direction="down" width="100" height="70" onmouseover="this.stop();" scrollamount="3"> 
Testo da visualizzare

</marquee><div onmouseover="document.form.marquee.direction='down'">Passa col mouse qui per far scorrere il marquee verso il basso</div></form> 

Cmq funzionerebbe anche se dentro ci mettessi un include()?

Più che un include() io userei un file_get_contents()
[ma è più o meno la stessa cosa :D]

[Ufobm]

Ciao! Ho provato! Ma proprio non riesco a farlo funzionare... E non credo che andrebbe bene comunque... perché se guardi un pò il link che avevo postato, noteresti che le foto scorrono passando sopra direttamente ad esse e non a destra e sinistra di esse... e poi varia la velocità in base a quanto più sul margine è il mouse...


EDIT: Ho trovato uno script!!!
http://www.jsdir.com/staffscripts/script036.asp
Solo che non so come fare ad adattarlo al mio bisogno... qui è una pagina intera... io dovrei renderla un div di dimensioni prestabilite... potrei fare un include... bho... poi qui usa i frame e io i frame non li vorrei usare... ho visto che funziona anche senza frame ma non vanno via le scrollbar... Vabbé io intanto provo poi chi sa aiutarmi è ben accetto!

RIEDIT: Ecco qua... dopo una mezz'ora di smanettamenti (non pensate male ) sono riuscito a modificare un pò questo script nonostante non vessi idea di javascript... In ogni caso ora ho risolto:
1- scrollbar che ora non si vedono più anche senza usare i maledetti frame
2- la pagina si sposta solo in orizzontale e verticale e non in tutte le direzioni!
3- Prima c'era un difetto che faceva spostare la pagina tutta a sinistra al primo passaggio del mouse e ora non c'è più!

Purtroppo, anche se mi sento fiero del mio lavoro restano gli ultimi due problemi (ma non meno importanti anzi...):
1- Ho incluso con include() il codice in una cella di una tabella dell'home, ciò nonostante le news non si vedono! Questo per un maledetto "position: absolute" nel div... nessun problema, lo tolgo... ma dopo non scrolla più... come faccio?
2- Le news scrollano solo se il mouse è nei bordi della pagina, mentre a me servirebbe che scrollasse quando è nei bordi della cella dell'home... non so se sono stato chiaro... ho provato a sostituire nello script (ovviamente non me ne intendo, ripeto, quindi potrei aver fatto una cosa assolutamente senza senso ) "window" con "document.body" e anche ovviamente "window.event" con "document.body.event"... nessun risultato anche se pensavo fosse la strada giusta da seguire...

Intanto vi posto l'intero codice che viene poi incluso con un include() in una cella dell'homepage!

<html>

<head>
<title>News</title>
<!-- Questo script e' reperibile nel sito http://www.jsdir.com -->
<script language="javascript">
//--fabiano@jsdir.com-------
//--http://www.jsdir.com--------
//--copyright © 2001-------
//-------browser sniff--------------
var isOp=(navigator.userAgent.toLowerCase().indexOf('opera') !=-1)?true:false
var isOp5=(isOp && navigator.userAgent.toLowerCase().indexOf('5') 

!=-1)?true:false
var nome=(navigator.appName=="Microsoft Internet Explorer")?true:false;
var wt=nome?(navigator.appVersion.split(';').toString().split(" 

").toString().split(',')[4] ):null;
var isie5=((wt)>=5 && nome)?true:false;
var isie4=((wt <5 && wt >=4) && nome)?true:false;
var isNS4=(document.layers)?true:false;
var isNS6=document.getElementById && 

(navigator.appName=="Netscape")?true:false;
var isIE4=document.all?true:false;
var isIE5=document.getElementById && (navigator.appName=="Microsoft Internet 

Explorer")?true:false;
var sty=(isie4 || isie5 || isNS6)?'hidden':(isNS4)?'hide':'hidden'
var stv=(isie4 || isie5 || isNS6)?'visible':(isNS4)?'show':'visible'
//------------------------------------------------------
var ax=0;
var ay=0;
var sa=0;
var sl=0;
var muovi=0;
var muovi2=0;
var ss;
var sr;
var ll;
var lr;
var scrl=0;
var scrt=0;
var crp=0;
//-----------------
//-------------------mouse move--------------------------------

if (isNS6 || isNS4){
   window.captureEvents(Event.MOUSEMOVE);
   window.onmousemove=move;
   }
   else if (isie4 || isie5)
     document.onmousemove=move;

function move(e){
if (isie4 || isie5){
sl=document.body.offsetWidth;
sa=document.body.offsetHeight;
ax=window.event.clientX;
ay=window.event.clientY;
}
else if (isNS6 || isNS4){
sl=window.innerWidth;
sa=window.innerHeight;
ax=e.pageX;
ay=e.pageY;
}
crp=(isie5 || isNS6)?document.getElementById('corpo').style:(isie4 

)?document.all['corpo'].style:(isNS4)?document.layers['corpo']:null       

//-----------quando deve scrollare?-----------------------
if(ay>(sa-10))
scrollasu()
else if(ay<(sa-10))
clearTimeout(sr)
//-----
if(ay<10)
scrollagiu()
else if(ay>10)
clearTimeout(ss)
}
//-----------------------scrolla----------------------------
function scrollagiu(){
muovi=muovi+1
crp.top=muovi
if(muovi>=0){
clearTimeout(ss)
muovi=muovi-1
}
ss=setTimeout('scrollagiu()',10)
}
//-------------------------------
function scrollasu(){
muovi=muovi-1
crp.top=muovi
ew=crp.height
if(muovi==ew){
clearTimeout(sr)
muovi=muovi+1
}
sr=setTimeout('scrollasu()',10)
}      
</script>
</head>

<body onResize="location.reload()" scroll="no" Style="height: 305px; 

max-height: 305px; overflow: hidden; width: 600px">
<div id="corpo" style="position: absolute; z-index:-2; background-attachment: 

scroll; top: 0;">
<table style="height: 305px; max-height: 305px; width: 600px; overflow: 

hidden">
<tr>
<td>

<?php

@include("config.php");

mysql_connect($DBhost,$DBuser,$DBpass) or die("<div>Impossibile collegarsi al 

server</div>");
@mysql_select_db("$DBname") or die("<div>Impossibile connettersi al database 

$DBname</div>"); 

$sqlquery = "SELECT * FROM $table ORDER BY data DESC";
$result = @mysql_query($sqlquery);
$number = @mysql_numrows($result);

$i = 0;

if ($number < 1) 
{
 echo "<div>Non sono disponibili news</div>";
}
else 
{
 while ($number > $i) 
 {
  $datarecord = @mysql_result($result,$i,"data");
  $news = @mysql_result($result,$i,"news");

  $data=explode('-',$datarecord);
  $a=$data['0'];
  $m=$data['1'];
  $g=$data['2'];

  echo "<p align=\"left\"><div><font id=\"data\">".$g."-".$m."-".$a.":</font> 

".$news."</div></p>";

  $i++;

 }
}

?>

</td>
</tr>
</table>
</div>
</body>

</html>

Chiunque ha qualche suggerimento posti pure! Grazie mille!!!

PS: poi dovrei anche aggiungere lo scrollamento automatico, ma apparte che penso di saper come fare, è comunque secondario

RIRIEDIT ( ): Ok... il 1° problema è risolto! Il "position: absolute" non centrava niente è che c'era un odioso z-index che non avevo notato... Sono proprio suonato!
Però è la terza volta che edito... proprio nessun risponde?!?

[seneca]

Con tutti questi aggiornamenti non ho capito bene cosa ti rimane da fare, quello delle news che scrollano solo se il mouse è nei bordi della pagina?

[Ufobm]

No, mi rimane da fare che le news scrollino solo se si è nei bordi della cella in cui le news sono contenute e non se si è nei bordi della pagina come è per ora lo script...
Poi sicuramente dovrei anche sistemare altre cose, ma per ora devo risolvere questa cosa!

[Ufobm]

Purtroppo, non sapendo aggiustare lo script secondo le mie esigenze e non avendo ricevuto aiuto... ho deciso di provare un'altra cosa... il risultato è cmq molto scadente... come faccio a fare sto benedetto scrolling?!?

Trovate quello che ho fatto qui:
http://ufobm.altervista.org/DaiDeGas (anche se è incompleto va bene così)

Mentre quello che vorrei sarebbero le due frecce in fondo alle news e che scrollassero le news e non la pagina... come faccio?

Ecco il codice:

<html>

<head>
<title>News</title>

<script type="text/javascript">

/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee


</script>

</head>

<body onResize="location.reload()" scroll="no" Style="height: 305px; max-height: 305px; overflow: hidden; width: 590px; border: 1px solid white">

<div id="staticbuttons" style="position: absolute">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="immagini/arrows_up.gif" border="0" style="background-color: white"></a><a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="immagini/arrows_dn.gif" border="0" style="background-color: white"></a>
</div>

<script type="text/javascript">
//Page Scroller (aka custom scrollbar)- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>

<table id="tabella" style="height: 305px; max-height: 305px; width: 590px; overflow: hidden; border: 1px solid white">
<tr>
<td>

<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<?php

@include("config.php");

mysql_connect($DBhost,$DBuser,$DBpass) or die("<div>Impossibile collegarsi al server</div>");
@mysql_select_db("$DBname") or die("<div>Impossibile connettersi al database $DBname</div>"); 

$sqlquery = "SELECT * FROM $table ORDER BY data DESC";
$result = @mysql_query($sqlquery);
$number = @mysql_numrows($result);

$i = 0;

if ($number < 1) 
{
 echo "<div>Non sono disponibili news</div>";
}
else 
{
 while ($number > $i) 
 {
  $datarecord = @mysql_result($result,$i,"data");
  $news = @mysql_result($result,$i,"news");

  $data=explode('-',$datarecord);
  $a=$data['0'];
  $m=$data['1'];
  $g=$data['2'];

  echo "<p align=\"left\"><div><font id=\"data\">".$g."-".$m."-".$a.":</font> ".$news."</div></p>";

  $i++;

 }
}

?>

</div>
</div>

</td>
</tr>
</table>
</body>

</html>

Spero mi possiate aiutare!

PS: in ogni caso la curiosità verso la prima soluzione mi resta quindi chi sa farla funzionare posti per favore!
PPS: se avete altre soluzioni postatele!

Grazie!

@MOD: non ho editato per maggior chiarezza del post!

EDIT:
piccolo UP... vi pregooo! E' importantissimo e mi resta poco tempo!
Mi hanno detto che con flash si riesce a fare... non ho idea di come si usi il flash (più che altro non ho il software e non intendo comprarlo ne piratarlo...)... dove trovo l'oggetto già fatto?

Pleaseeeeeeeee!

[miki92]

Ma te intendi fare una cosa specie qui? (Vedi lati scroll-box).

[Ospite]

si puo fare semplicemente chesi blocchi appena ci passi su?

[miki92]

Intendi che appena il mouse passa sui banner (modificabili anche con scritte) si blocchi lo scorrimento?

onmouseover="this.stop();" onmouseout="this.play();" ....
al passaggio del mouse si blocca, e poi quando lo levi riparte..ciao

[miki92]

Per essere precisi ti do il codice come lo vuoi tu:

<script>
document.write("<table width='100%' border='0' cellspacing='0' cellpadding='1' height='247'><tr><td>")
	document.write("<marquee height='150' direction='up' scrollamount='3' hspace='0' vspace='0' scrolldelay='90' onmouseover='this.stop()' onmouseout='this.start()'>")
		document.write("<table width='100%'>")
			document.write("<tr>")
				document.write("<td align='center' face='Verdana, Arial, Helvetica, sans-serif;' style='font-size: 11pt; font-weight: 700'>")
					document.write('Scritta 1')
					document.write("<br><br>")
					document.write('Scritta 2')
					document.write("<br><br>")
					document.write('Ecc')
					document.write("<br><br>")
					document.write("<\/td>")
			document.write("<\/tr>")
		document.write("<\/table>")
	document.write("<\/marquee>")
document.write("<\/tr><\/td></table>")
</script>

Cosa diavolo c'entra javascript??

Miki92, va bene che vuoi farti notare perchè vuoi diventare moderatore, ma evita di rispondere a tutti i costi, anche quando non ne sei capace (e lo stiamo notando in più occasioni), ottieni l'effetto contrario.


Ciao!

[miki92]

Scusami debug ma ho visto che NetSkin aveva messo il codice allora credevo che fosse quello e ho deciso di mettere l'intero codice. Scusami da ora starò più attento.

[Ufobm]

Nono non ci siamo... mettere una scrollbar default so fare e anche far scorrere e fermare le news l'ho fatto!
Mi serve riportarle su o giù a seconda che il mouse sia nella zona alta o nella zona bassa!

Capito?!?