scorrimento verticale notizie e col passaggio mouse si ferma

**mirco888** · 10-07-2008, 23:31

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

</script>
</head>

<body>

<div id="main">
<div id="notizie" onmouseover="blocca();" onmouseout="sblocca();">
<div id="notiziemovimento">

ciao
ciaociaociaociaociaociao
ciaociaociaociaociao
cciaociaociaoiao
ciaociaociaociao
ciaociaociaociao
cciaociaociaoiao
ciciaociaociaoao
ciaociaociaociaociao
ciaciaociaociaoo
ciaciaociaociaoo
cciaociaociaoo
ciaociaociaociao
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...

**Nick.ferro** · 11-07-2008, 08:48

Posso segnalarti il mio plugin che ho sviluppato pochi giorni fa...

http://javascript.html.it/script/vedi/4845/scrollnews/

Puoi fare lo scroll lo scroll verticale in su e in giu...

**mirco888** · 11-07-2008, 14:21

grazie, ho visto, funziona alla grande,

ma non e' che cortesemente mi puoi aiutare a risolvere il problema di questo mio script? grazie

**Nick.ferro** · 11-07-2008, 14:24

penso che l'errore sia nella ScrollDiv...
falla così...

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

}else if(bloccabool==true){
dataobj.style.top=parseInt(dataobj.style.top);
}

setTimeout("scrollDiv()",40);
}

**mirco888** · 11-07-2008, 15:29

ho prova a metterlo, ma...diciamo che e' peggio, perche quando esco dal div aumenta, di fatti cosi aumenta sempre senza ke me ne accorgo...

che altro potrei fare?

**Nick.ferro** · 11-07-2008, 15:32

usare il mio visto che funziona e come prestazioni è molto buono direi

**mirco888** · 11-07-2008, 22:53

semplice diretta esaustiva la risposta

cm script e' uno dei migliori(sia come qualita' che come codice semplice e fluido) che ho visto sino ad ora, ma sto troppo a rosicà sullo script mio e vorrei fa una cosa solo con le mie mani, sono agli sgoccioli, ma non trovo la soluzione finale

se non trovo alcun rimedio sul mio codice(ke credo sia impossibile non risolvero...) sicuramente usero' il tuo...

rimango in meditazione per altri 2-3 giorni, se non si trova nulla di buono, vada per il tuo

grazie ancora cmq

**mirco888** · 12-07-2008, 13:45

ho deciso!

utilizzo il tuo

solo ti chiedo un altra cosa: mi spiegheresti un po il tuo codice?
vedo che usci la jquery, ma non l'ho mai usato e sinceramente non so manco cosa sia esattamente...

se mi puoi spiegare i 3 script: jquery.js, ScrollNews.jquery.js, e l'altro....
giusto una spiegazione generale, e come fanno a "interagire" tra di loro.

grazie

P.S.: non vorrei aprire un altro topic, ti volevo chiedere un altra cosa...
io dovrei fare uno script in grado di cercare una parola passata da un form in una sola pagina, il js e' tranquilla la cosa, ma ho un po di problemini, e vorrei quindi farla in php. anche in php e' tranquilla la cosa, ma ogni volta ke clicco sul bottone "cerca" mi riaggiorna sempre la pagina, sai per caso se ce un modo (semplice) per non far ricaricare tutta la pagina, ma solo quella dove deve cercare?...e' una domanda + di php ke di js, ma se la sai, o qlcs la sa....

**Nick.ferro** · 14-07-2008, 08:48

Ciao... allora per l'utilizzo del mio script serve solo la libreria che puoi scaricare dal mio sito e quella di jquery...

La mia è http://www.nicolaferrari.name/proget...ScrollNews.php
Quella di Jquery è qui http://docs.jquery.com/Downloading_jQuery

Per quanto riguarda il mio codice, ti consiglio prima di studiarti un po di Jquery... è molto semplice da studiare...

**prinzart** · 01-05-2010, 14:16

Originariamente inviato da Nick.ferro
Posso segnalarti il mio plugin che ho sviluppato pochi giorni fa...

http://javascript.html.it/script/vedi/4845/scrollnews/

Puoi fare lo scroll lo scroll verticale in su e in giu...

Ciao Nick.ferro,
ho provato il tuo script e funziona molto bene, complimenti.
Ora però sto cercando di implementare un po di php, solo che mi visualizza solo il primo record e non mi fa lo scroll, mi potresti aiutare?

codice:

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/ScrollNews.jquery.js"></script>


<script language="javascript" >
	<!--

	$(document).ready(function(){
					   

		
	$("#generale").ScrollNews({

			inizialize  : 'true',
			size		: '163px',
			timeout		:  2500,
			speed		:  'fast',
			direction	: 'down',
			onmouseover : 'stop'
			
			
	});
	

	});

	-->
	</script>
    




<div id="generale" style="width:313px; margin-left:0px" >


<table width="313" height="163" border="0" align="left" valign="top" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
    
    
 <?php 
$query="SELECT b_news_eventi.*, DATE_FORMAT(data_news_evento, '%d-%m-%Y')AS data_news_evento
			FROM b_news_eventi
			WHERE categoria  = 'news'
			ORDER BY b_news_eventi.data_news_evento DESC LIMIT 5";
									$ris_query=mysql_query($query, $conn);
									while($row=mysql_fetch_array($ris_query)){?>
									
<div> 

<span class="testo_bianco_bold"><?=strtoupper($row['titolo'])?> - del <?=$row['data_news_evento']?></span>

<span class="testo_celeste_light"><div align="justify"><?=substr($row['testo'], 0, 390)?>... continua
</div></span>

</div>	

 <?php
}
?>   


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

Discussione: scorrimento verticale notizie e col passaggio mouse si ferma

Strumenti discussione

Ricerca discussione

Visualizza

scorrimento verticale notizie e col passaggio mouse si ferma

Permessi di invio