scorrimento verticale notizie e col passaggio mouse si ferma

provapromi

Nuovo Utente
10 Lug 2008
2
0
0
sto facendo in js, uno script in grado di far visualizzare delle notizie che scorrono in verticale..tutto ok ci sono riuscito ed e' abbastanza compatibile con + browser, ora la cosa ke vorrei fare e' la seguente: se passo all'interno del div mi si blocca lo scorrimento, se esco riprende a scorrere....
nel file ke posto ho provato ad usare onmouseover e onmouseout, dove richiamo due funzioni ke cambiano un booleano e con tale booleano dico di scorrere o lasciar fermo il div...

funge, ma me sfarfalla un bel po, se sto all'interno del div e muovo il mouse all'interno di esso ogni tanto me se move lo scorriemnto, oppure quando esco dal div a volte rimane sempre fermo o accelera de brutto(peggio di rossiche ridere)

attendo grazie.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>prova notizie scorrimento</title>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

#main {
position : absolute;
top:0;
right : 0;
width : 811px;
height : 401px;
background-color:#FFF54E;
}

#notizie {
position : absolute;
top:70px;
right :180px;
left: 190px;
overflow:hidden;
height : 311px;
width:426px;
border: 3px double;
}

#notiziemovimento {
position : absolute;
left:0;

}
</style>

<script language="javascript" type="text/javascript">
<!--

var velocita=cache=2;
var ritardoiniziale=500;
function scroller(){
dataobj=document.getElementById("notiziemovimento");
dataobj.style.top="5px";
setTimeout("getaltezza()", ritardoiniziale);
}

function getaltezza(){
altezza=dataobj.offsetHeight;
if (altezza==0)
setTimeout("getaltezza",20);
else
scrollDiv();
}
bloccabool=false;
function scrollDiv(){
if(bloccabool==false){
dataobj.style.top=parseInt(dataobj.style.top)-velocita+"px";
if (parseInt(dataobj.style.top)<altezza*(-1))
dataobj.style.top="5px";
setTimeout("scrollDiv()",40);
}else if(bloccabool==true){
dataobj.style.top=parseInt(dataobj.style.top);
}
}

if (window.addEventListener)
window.addEventListener("load", scroller, false);
else if (window.attachEvent)
window.attachEvent("onload", scroller);
else
window.onload=scroller;

function blocca(){
bloccabool=true;
}
function sblocca(){
bloccabool=false;
scrollDiv();
}
-->
</script>
</head>

<body>

<div id="main">
<div id="notizie" onmouseover="blocca();" onmouseout="sblocca();">
<div id="notiziemovimento">
<p>ciao<br/>ciaociaociaociaociaociao<br/>ciaociaociaociaociao<br/>cciaociaociaoiao<br/>ciaociaociaociao<br/>ciaociaociaociao<br/>cciaociaociaoiao<br/>ciciaociaociaoao<br/>ciaociaociaociaociao<br/>ciaciaociaociaoo<br/>ciaciaociaociaoo<br/>cciaociaociaoo<br/>ciaociaociaociao<br/>ciaciaociaociaoo</p>
</div>
</div>
</div>
</body>
</html>

p.s.: vorrei poter muovere il mouse all'interno del div#notizie cioe' all'interno del bordo doppio...
 

provapromi

Nuovo Utente
10 Lug 2008
2
0
0
ciao lukeonweb,

il tuo l'ho provato e funziona ovunque, ma non vorrei farlo con i marquee, anchese e' molti piu' facile (e gia' l'hai fatto ;) )...

mi riusciresti a capire il perche il mio script non va bene?!?!
grazie ;)
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
147
63
PR
www.borgo-italia.it
scusate l'intromissione, ma prprio ieri prima di leggere questo 3d ho utilizzato (e modificato) il tut di lukeonweb:angel:

secondo voi può funzionare?

PHP:
<?php
include_once "connessione.php";
//……………….
$notizia="SELECT * FROM notizie WHERE data>$data_mese_prec ORDER BY data";//limit=xxx + paginazione
$query=mysql_query($notizia);

?>
<div><b>NEWS</b></div>
<marquee
	id="MENU"
	direction="up"
	scrollamount="1"
	scrolldelay="15"
	onmouseover="this.stop()"
	onmouseout="this.start()"

<?php

$id_n=array();
$data=array();
$titolo=array();
$conta=0;
//echo "<table>";
while($riga=mysql_fetch_array($query)){
	$id_n[$conta]=$riga['id_n'];
	$data[$conta]=$riga['data'];
	$titolo[$conta]=$riga['titolo'];
	//echo "<td><tr>";
	echo "::<b>".$data[$conta]."</b>::<a href=\"notizia.php?num_not=".$id_n[$conta]."\ target=\"box_notizie\"">".$titolo[$conta]."</a><br>";
	$conta++;
	//echo "</tr></td>";
}
//include_once "paginazione.php";
//echo "<td><tr>".$paginazione."</tr></td>";
//echo "</table>";

?>

</marquee>

:byebye:
 
Discussioni simili
Autore Titolo Forum Risposte Data
C Scorrimento Verticale Javascript 1
D [HTML] scorrimento dopo un'aggiunta di dati HTML e CSS 5
W [MS Access] Barre di scorrimento su maschere MS Access 0
A [Javascript] [CSS] elenco affiancato per evitare scorrimento pagina Javascript 4
Mer556 [Javascript] IMMAGINI A SCORRIMENTO, ANTEPRIMA 3 Javascript 1
G Scorrimento immagini nel tag section Javascript 12
S Problema scorrimento DIV Javascript 6
S Problema scorrimento DIV senza scrollbar HTML e CSS 4
asevenx plugin slider scorrimento immagini WordPress 2
N Scorrimento automatico TAB Javascript 5
K Script scorrimento notizie Javascript 2
A scorrimento all'interno database mysql riportando dati su form (tipo Dataset) Ajax 5
filippino Eliminare le barre scorrimento HTML e CSS 1
F come si rileva lo scorrimento del mouse in alto o in basso? Javascript 5
S DIV con scorrimento mouse HTML e CSS 1
Danyb82 Scorrimento immagine che si sviluppa orizontalmente jQuery 3
A Estrarre solo un certo numero di record e scorrimento pagine PHP 9
P Scorrimento array-pagine PHP 0
A codice html al posto delle immagini in una finestra di scorrimento Javascript 0
M Scorrimento solo di una parte di pagina - dreamweaver cs3 Webdesign e Grafica 1
M Scorrimento solo di una parte di pagina - dreamweaver cs3 HTML e CSS 0
A scorrimento orizzontale HTML e CSS 2
B Script scorrimento orizzontale immagini linkabili - scorrimento al click su un < o > Javascript 0
borgo italia barre scorrimento colorate HTML e CSS 7
P problema di scorrimento PHP 10
S menù laterale che segue lo scorrimento della pagina Javascript 6
G creare immagini a scorrimento, però sbaglio e mi si sovrappongono..aiutatemi Flash 1
R Creare pulsanti di scorrimento in flash e altre informazioni Flash 0
borgo italia scorrimento notizie Javascript 0
C scorrimento panoramica: qualità filmato Flash 2
Nyl Css - Barre di scorrimento colorate HTML e CSS 9
T barre di scorrimento HTML e CSS 2
B barra di scorrimento in tabella HTML e CSS 1
D Scorrimento pagina con javascript Javascript 0
B Settaggio freccie di scorrimento per filmato Flash 0
C Script per lo scorrimento delle immagini Javascript 0
E pulsante di scorrimento Javascript Javascript 0
M Piccole finestrelle con barra di scorrimento HTML e CSS 1
A Colorare le barrette di scorrimento HTML e CSS 4
coteaz problema con iframe e con barre di scorrimento Javascript 3
B Larghezza pagina web / barra scorrimento impazzita? HTML e CSS 0
Firespit Barra di scorrimento in una tabella HTML e CSS 3
D barra scorrimento IFrame HTML e CSS 2
R HELP...problema con le barre di scorrimento! HTML e CSS 15
Eugene CSS per colorare barre di scorrimento - vietato? HTML e CSS 3
R Problema con FP 2003: bloccare scorrimento menu HTML e CSS 4
H Colorare le barre di scorrimento HTML e CSS 20
A Barre di scorrimento laterali HTML e CSS 12
N scorrimento pagine PHP 3
S Scorrimento parte pagina HTML e CSS 1

Discussioni simili