Scrolling con mouse!

ufo

Utente Attivo
31 Ago 2006
51
1
0
www.ecoautomoto.com
Ciao a tutti!
Io avrei bisogno di aiuto perché di javascript non mi intendo molto... per evitare di fare confusione mi permetto (spero si possa) di linkarvi direttamente un altro forum in cui avevo posto lo stesso quesito:

***************

Guardate dal mess #9 in poi! Ora il codice l'ho ulteriormente modificato, se volete lo posto... però alcune modifiche non lo fanno più funzionare (ma so quali :p )!

Grazie a tutti!
 
Ultima modifica di un moderatore:

ufo

Utente Attivo
31 Ago 2006
51
1
0
www.ecoautomoto.com
Ok!

In pratica ho delle news che si spostano verso il basso in automatico e posizionandosi sopra con il mouse si fermano.
Ecco, io vorrei che oltre a fermarsi, tornino su o vadano ancora giù a seconda che il mouse sia al centro, nella zona alta o nella zona bassa rispettivamente!

HTML:
<html>

<head>
<title>News</title>
<!-- Questo script e' reperibile nel sito http://www.jsdir.com -->
<script language="javascript">
//[email protected]
//--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=document.table.innerWidth;
sa=document.table.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>

<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">
<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%;">

<div id="corpo" style="position: relative; background-attachment: scroll; top: 0;">

<?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>
</div>

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

</html>

Questo è il codice che ho usato, ma funziona se il mouse è in alto in basso rispetto alla pagina e non alla cella della tabella in cui questo codice è incluso (con include() di php).

Sapete aiutarmi?

In alternativa, usare 2 pulsanti che facciano lo stesso!
 

ufo

Utente Attivo
31 Ago 2006
51
1
0
www.ecoautomoto.com
Ciao!
Credo che tu non abbia letto bene o non abbia letto tutto...
il mio problema non era quello, già le mie news scorrono e anzi ho utilizzato pure una soluzione migliore perché crossbrowser!
 

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
45
Napoli
www.lucaruggiero.it
Iniziamo col fatto che la soluzione che ho postato funziona sia con IE che con FF.

Mi fai vedere un sito che ha lo stesso sistema di scrolling? Mi è relativamente chiara la tua esigenza.

Ciao
 

ufo

Utente Attivo
31 Ago 2006
51
1
0
www.ecoautomoto.com
Ah ecco... bhé no non c'è... una volta la community di facebox aveva un sistema così per scrollare le immagini di un profilo... ma ora hanno cambiato... non so se riesco a trovarlo da altre parti...
 

ufo

Utente Attivo
31 Ago 2006
51
1
0
www.ecoautomoto.com
Ciao!
Sono QUASI sicuro che su facebox fosse in javascript! In ogni caso il linguaggio non mi importa più di tanto! Più che altro io non ho il software per programmare e non so nemmeno fare... se tu sai dove trovo gli oggetti già fatti pronti da inserire ti sarei davvero grato!
 
Discussioni simili
Autore Titolo Forum Risposte Data
R Menu' con movieclip e scrolling Flash 0
B Problema con javascript SCROLLING BANNERS implementato in pagina php Javascript 1
M problema con scrolling news ie7/6 Javascript 0
D Tabella con cella scrolling HTML e CSS 3
F Scrolling scheda pagine web Programmazione 4
Shyson Smoot scrolling jQuery nella pagina jQuery 0
MarcoGrazia [Javascript] Sistema di caricamento dinamico in base allo scrolling Javascript 3
M Scrolling orizzontale e verticale Sviluppo app per Android 1
C Cookiechoices Scrolling Javascript 2
K position=fixed (contenuto al centro dello schermo anche durante lo scrolling) HTML e CSS 0
M Scrolling in una TextView (App Android) Sviluppo app per Android 2
P Scrolling jQuery jQuery 0
S Effetto scrolling page jQuery 2
voldemort Scrolling a fondo pagina usando jQuery jQuery 1
A aiuto "Vertical Mouseover Scrolling" Javascript 2
N Scrolling in flash Flash 1
L Scrolling testo + immagini Flash 3
B aiuto script per scrolling Flash 3
F Scrolling di pagina flash Flash 1
G Scrolling Webdesign e Grafica 2
B javascript scrolling frame Javascript 0
germainef area per lo scrolling di un articolo HTML e CSS 4
O Scrolling e css HTML e CSS 2
A scrolling testo Javascript 1
W scrolling verticale Classic ASP 2
F access ricerca record con apostrofo. MS Access 0
F Cerco Hosting con VECCHIE versioni di php Hosting 0
C Come ricreare questo calcolatore di prezzi a step con woocommerce? WordPress 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
G Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com! Guadagnare col Sito 0
P Hosting multidominio con Plesk Hosting 0
L Soluzione con INNER JOIN Database 0
S passare un valore da un form a un file .php con metodo post PHP 4
A Redirect 301 genera url statico con variabili Web Server 0
T problemi con dati menu a tendina HTML e CSS 2
T Query con date MS Access 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
L Aiuto con DataGridView Visual Basic 1
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
M Aggiunta prodotti nel carrello con lo stesso in e varianti diverse PHP 0
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
N Problema con position absolute e overflow HTML e CSS 4
M Estrarre soltanto i prodotti con stessa descrizione PHP 10
felino [Wordpress] Gallery con foto selezionabili dall'utente WordPress 0
G Invio di più valori con la stessa checkbox PHP 4
csi Inviare file jpg in locale alla stampante con php PHP 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0

Discussioni simili