ROTAZIONE banner con Javascript

[lionalex]

Qualcuno può dirmi come si può creare una rotazione di banner con lo javascript?
Esiste una funzione JAVASCRIPT che ogni tot di secondi esegue un'altra funzione?
ES.
function casuale() //la funzione che prende un banner casuale
<----------inizio-------->
...
...
<---------fine----------->

function NONLOSO()//la funzione che cerco. Che ogni 10 secondi ricarica il banner
<-----------inizio------->
casuale()
<----fine----->

in javascript ci sono due funzioni dell'oggetto window che fanno al caso tuo:
[code:1:92d3cc3952]window.setTimeout("funzione()&quo t;,n);[/code:1:92d3cc3952]
questa esegue la funzione da te specificata (puoi passare anche argomenti) tra n millisecondi (quindi se vuoi che esegue la funz casuale() tra 10 sec. devi scrivere window.setTimeout("casuale()",10000);

invece [code:1:92d3cc3952]window.setInterval("funzione()&qu ot;,tempo);[/code:1:92d3cc3952]
funziona allo stesso modo, ma mentre settimeout chiama la funz una sola volta, questa la chiama ogni n millisicondi. quindi per impostare l'intervallo usi:
myInterval=window.setInterval("casuale()",10000);
poi per cancellarlo (se a un certo punto non ti serve piu'):
window.clearInterval(myInterval);

per dovere di completezza ti dico che esiste anche window.clearTimeout che funziona come clearinterval, ma sinceramente non ne ho mai capito l'utilita', forse serve solo a liberare il riferimento alla variabile di timeout, boh

[lionalex]

GRAZIE MILLE...HAI CENTRATO IL PROBLEMA!!!!

[heracleum]

Veramente molto bravo e preciso, dxblade
i miei complimenti!!!

Ma porca pupazza... possibile che la gente che aiuta BENE non abbia un minimo di "beneficio" qui nel forum??
...che quando ti viene da chiedere una cosa tu (dopo 100 risposte esaurienti che hai dato di fila) non ti si fila nessuno??

Eh scusa lo sfogo ma quando ci vuole ci vuole!

(sfogo giusto tra me e me, perché tanto non lo leggerà nessuno tra quelli che "dovrebbero")

Continua così dxblade!

[gve]

Il fatto heracleum e` che chi aiuta normalmente e` uno che sa abbastanza cose, quindi se chiede aiuto e` per qualcosa di un po' piu` complicato del normale ... ergo e` piu` dificile che trovi qualcuno che sappia rispondergli.
;)

[lionalex]

PROBLEMUCCIO:
Io ho questa riga di codice

<script src="sotto_indice_1.php"></script>

che mi apre il file SOTTO_INDICE_1.PHP.
Ora, è possibile creare una funzione che mi apra questa pagina o un'altra (SOTTO_INDICE_2.PHP) casualmente?
Mi spiego. Vorrei creare un ciclo, usando la funzione

window.setTimeout("funzione()",n);

che ogni tot di secondi mi avvii una funzione che mi apra casualmente o il file "sotto_indice_1.php" o il file "sotto_indice_2.php"

Sono stato abbastanza chiaro? Mi potete aiutare?

Ovviamente i file PHP hanno un header di questo tipo

Header("Content-type: Text/Javascript");

[flan]

non basterebbe calcolare un numero random e poi costruire la stringa nome_del_file come prefissocomune+numero+.estensione?

[lionalex]

in teoria si fa così, ma in pratica? Potresti scrivermi come dovrebbe essere scritta la funzione?

[flan]

Prova questa:

<script type="text/javascript">
var gamma="";
function anima()
{
gamma=Math.floor(Math.random() * 10) + 1;
document.getElementById('img').src="SOTTO_INDICE_" +gamma+".php";
setTimeout("anima()",1000);
}
</script>

non garantisco, ma dovrebbe caricare ogni secondo (in setTimeouto ho impostato 1000) una pagina casuale tra 1 e 10
per cambiare cambia i valori in random (io ho messo 10)
e naturalmente la fai partire con un onload... oppure vedi tu

ovviamente questa presuppone un tag di questo tipo:

<img style="background=#000;width:400px;height:400px;bo rder:0px" id="img"/>

Veramente molto bravo e preciso, dxblade
i miei complimenti!!!

Ma porca pupazza... possibile che la gente che aiuta BENE non abbia un minimo di "beneficio" qui nel forum??
...che quando ti viene da chiedere una cosa tu (dopo 100 risposte esaurienti che hai dato di fila) non ti si fila nessuno??

Eh scusa lo sfogo ma quando ci vuole ci vuole!

(sfogo giusto tra me e me, perché tanto non lo leggerà nessuno tra quelli che "dovrebbero")

Continua così dxblade!

grazie mille :D
fa sempre piacere quando si e' apprezzati :D
in ogni caso sono d'accordo con la teoria di gve , anche se e' una fregatura... :( :D

per quanto riguarda la tua domanda, lionalex, la risposta che ha dato flan vale per un php che restituisce un'immagine se ho capito bene
invece tu hai detto che il php restituisce un javascript: ora quel javascript cosa fa? perche' a seconda di quel che fa puoi trovare soluzioni diverse:
se non interagisce col file system o col database, allora in linea di massima puoi fare lo stesso direttamente in javascript
se invece hai bisogno del php, puoi o restituire direttamente l'immagine come proposto da flan o impostare il codice js restituito da php sotto forma di funzione in modo da poterlo richiamare ricorsivamente
per un aiuto migliore spiega cosa fa il codice :D

[flan]

effettivamente parlando di banner ho dato per scontato che fosse una immagine... ovviamente se questo è falso il codice va rivisto.

[lionalex]

la pagina PHP in questione non dà nessuna immagine. Dà come risultato tre colonne con delle scritte dentro. Vorrei creare una cosa del tipo NEWS in movimento. Vorrei che ogni 10 secondi, ad esempio, si visualizzasse una news diversa. Tutte le news sono salvate nei file PHP che ho detto prima. Spero di essermi spiegato in maniera sufficiente...

immagino che le news siano prese da un database o da un file di testo, se non e' cosi' ti conviene fare il tutto in javascript e lasciar perdere il php.
cmq una volta che la pagina e' scaricata e interpretata dal browser non puo' aprire altre connessioni http a meno di usare java e similia
quindi ti conviene recuperare le news in un'UNICA pagina php che viene linkata alla pag tramite <script language=JavaScript src="news.php"> e che restituisce come header text/javascript. quindi questa pag recupera tutte le news e le inserisce in variabili javascript. esempio:
[code:1:45d1608bd4]
Header("Content-type: Text/Javascript");

//parte che prende le news dal db

echo "var news=new Array(10);"
echo "news[0]=".var_della_new_1;
echo "news[1]=".var_della_new_2;
//ecc. o anche con un loop
[/code:1:45d1608bd4]
poi nella pagina:
[code:1:45d1608bd4]
<script language=JavaScript src="news.php"></script>
<script language=JavaScript>
var count=0
function shownew(){
id_del_tag_contenente_la_new.innerHTML=news[co unt];
count++;
if (count>9) count=0;
}
myInterval=window.setInterval("shownew&#4 0;)",10000);
</script>[/code:1:45d1608bd4]
questo codice scrive una new ogni 10 sec, ovviamente senza formattazione. inoltre il metodo di innerhtml vale per internet explorer, per netscape usi getElementbyid + document.open, document.write e document.close
o se vuoi puoi implementare uno slide sempre in javascript


cmq in linea di massima tieni presente che se vuoi rendere la pagina dinamica (ovvero cambiarla DOPO che e' stata scaricata) devi ricorrere a tecnologie lato client (tipo javascript) e non lato server (tipo php)

spero di aver afferrato la questione e di non aver scritto sta roba inutilmente :D

[lionalex]

GRAZIE mille per le spiegazioni. Quello che mi hai scritto mi servirà per un'altra cosa che avevo in mente di fare. Però quello che mi servirebbe ora è di aprire un file PHP alla volta.
Nel primo file c'è un codice del genere
[code:1:1fb101a727]<?
Header("Content-type: Text/Javascript");
print "document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"torneo.css\" />');
document.write(' <div class=parte_sotto>');
document.write(' <p class=\"testo bold\">CAPOCANNONIERI DELLA GIORNATA</p>');
document.write(' <p class=testo><b>1°</b>NOME</p>');
...
...
..[/code:1:1fb101a727]
In un altro file sempre PHP ci sarà scritta un altra cosa. Tutto questo deve essere visualizzato 10 sec per un file ed altri 10 per un altro. In pratica dovrei creare un ciclo che apra i file ogni 10 secondi. E' possibile tutto ciò?

no non puoi :D per farlo il browser dovrebbe aprire altre connessioni dopo il caricamento della pagina, cosa che si fa con java

quel che sto cercando di dirti e' che devi usare il javascript per aggiornare la pagina, per cui devi collegare i file php una volta sola al caricamento della pagina: basta che in php invece di scrivere nella pagina con document.write salvi l'html che ti serve in una variabile javascript (sempre con echo "myVar=<html>"), poi in javascript scrivi effettivamente il contenuto delle variabili ogni 10 sec
devi fare per forza cosi', mi spiace :)
tra l'altro, col metodo che dici tu, le news verrebbero scritte una sotto l'altra alla fine della pagina, senza mai essere ne' sovrascritte ne' cancellate, non credo sia molto bello be' utile... :?

[heracleum]

Il fatto heracleum e` che chi aiuta normalmente e` uno che sa abbastanza cose, quindi se chiede aiuto e` per qualcosa di un po' piu` complicato del normale ... ergo e` piu` dificile che trovi qualcuno che sappia rispondergli.
;)

Noo nooo, che hai capito? :D
Non intendo domande "tecniche" tipo di queste aree (livelli 1-2-3) dove appunto se mi servisse qualcosa vado a cercare la soluzione altrove da me, bensì semplici domande che riguardano AV e particolari di alcuni servizi o chiarimenti vari.
Comunque devo ammettere che in questi ultimi giorni sono riuscito (chi la dura la vince) a "strappare" alcuni chiarimenti

( sviolinata: )
Comunque oltre a dxblade che ho notato ultimamente sappiate che uno dei più attivi ed esaurienti in fatto di soluzioni è proprio il "pizzuto" gve :P

ma guarda che il sempregiovane gve mi ha salvato il posteriore piu e piu volte con le sue perle di saggezza

GVE quando da bs passi a vr fammi un fischio che ti offro una birra! te la devo da litro! :D

Scusate, si può fare che cambia solo aggiornando la pagina???

Mi potete dire il codice se lo sapete??? (mi serve javascript, non php).

Grazie.

[lionalex]

se avessi più istruzioni HTML, come faccio a metterle tutte in una variabile?
Io ho provato così
[code:1:05d565042b]var news=new Array();
news[1]=<link rel="stylesheet" type="text/css" href="torneo.css" />;
news[1]=. <div class=parte_sotto>;
news[1]=. <p class="testo bold">CAPOCANNONIERI DELLA GIORNATA</p>;
news[1]=. <p class=testo><b>1°</b>NOME</p>;
...
...
..[/code:1:05d565042b]
ma ovviamente non funziona. Come devo fare?

se avessi più istruzioni HTML, come faccio a metterle tutte in una variabile?
Io ho provato così
[code:1:bd1402fd73]var news=new Array();
news[1]=<link rel="stylesheet" type="text/css" href="torneo.css" />;
news[1]=. <div class=parte_sotto>;
news[1]=. <p class="testo bold">CAPOCANNONIERI DELLA GIORNATA</p>;
news[1]=. <p class=testo><b>1°</b>NOME</p>;
...
...
..[/code:1:bd1402fd73]
ma ovviamente non funziona. Come devo fare?

devi fare:
[code:1:bd1402fd73]var news=new Array();
news[1]='<link rel="stylesheet" type="text/css" href="torneo.css" />';
news[1]+='<div class=parte_sotto>';
news[1]+='<p class="testo bold">CAPOCANNONIERI DELLA GIORNATA</p>';
news[1]+='<p class=testo><b>1°</b>NOME</p>';
...
...
..[/code:1:bd1402fd73]

ovvero:
1) il punto non serve, lo devi usare solo per concatenare variabili in php
2) visto che sono stringhe quelle che stai assegnando alla variabile, devi recchiuderle tra apici;
3) per aggiungere testo a una variabile in javascript si usa += : news[1]+="ciao" equivale a news[1]=news[1]+"ciao"; infatti in javascript per concatenare le stringhe si usa il + e non il punto

[lionalex]

Prima di tutto volevo ringraziarti DXBLADE.
Ora però ho un altro problema.
Ho scitto questa funzione
[code:1:6020c88c0a]<script src="sotto_indice.php"></script>
<script language="Javascript">
var i=0;

function rotate(){
i++;
if (i>2){
i=1;
}
innerHTML=news[i];
myInterval=window.setInterval("rotate&#40 ;)",5000)
}
</script>[/code:1:6020c88c0a]
E nel file php c'è scritto
[code:1:6020c88c0a]<?
Header("Content-type: Text/Javascript");
print "var news=new Array();
news[1]='<link rel=\"stylesheet\" type=\"text/css\" href=\"torneo.css\" />';
news[1]+=' <div class=parte_sotto>';
...
...
...[/code:1:6020c88c0a]
Tutto ok. Nel senso che non trova errori.
L'unico problema (non da poco) è che non esce scritto nulla. PROPRIO NADA.Cosa ho sbagliato stavolta?

3 cose:
1) ti ho detto che non devi far aprire altre connessioni dopo che la pag e' stata caricata quindi il <link rel=stylesheet ecc> devi inserirlo nella pagina e non nella variabile, ok? quindi o lo metti nel'html o lo scrivi dal php come document.write('<link ...>');
2) il setinterval devi chiamarlo FUORI dal corpo della funzione, altrimenti setta intervalli concorrenti che incasinano il tutto
3) innerHTML e' una proprieta' supportata solo da internet explorer (se non sbaglio) che restituisce (o imposta) il codice html interno al tag cui lo applichi, quindi hai bisogno di un id in modo da fare id_del_tag.innerHTML=quello_che_vuoi
per farlo cross-browser puoi fare (ovviamente la posto di [i]innerHTML=news;):
[code:1:4d92b98693]
if (document.getElementbyid){
obj=docuemnt.getElementbyid("id_del_tag_c he_usi");
if (document.all){
obj.innerHTML=news[i];
}else{
obj.document.open();
obj.document.write(news[i]);
obj.document.close();
}
}
[/code:1:4d92b98693]
dovrebbe funzionare, ma non lho testato... :D

[lionalex]

quindi hai bisogno di un id in modo da fare id_del_tag.innerHTML=quello_che_vuoi

Ho copiato il codice che mi hai dato così com'era, ma non funziona lo stesso. Ho modificato anche quello che mi hai detto, ma niente. Una curiosità, ma cos'è l'ID DEL TAG? Io ho provato a metterci un numero qualunque, ma niente...

[heracleum]

3) innerHTML e' una proprieta' supportata solo da internet explorer (se non sbaglio)

beh diciamo che ora anche le versioni piuttosto recenti di Opera e Mozilla lo supportano alla grande.

Ho copiato il codice che mi hai dato così com'era, ma non funziona lo stesso.

Beh attento, se l'hai proprio copiato "ciecamente" ti faccio notare che cisono un paio di "refusi":

if (document.getElementbyid){
obj=docuemnt.getElementbyid("id_del_tag_che_usi");
if (document.all){
...

prova a correggere quel "docuemnt" con "document" e SOPRATTUTTO a scrivere sempre il nome corretto della funzione "getElementById" (mi sembra proprio che voglia l'esatta distinzione tra minuscole e maiuscole nei nomi di function) e vediamo se va meglio, mi sembra giusto il resto del codice.
Comunque lionalex ti consiglio vivamente sempre di controllare gli errori Javascript e, se non riesci a risolverli, di riportarceli, per es Opera ha un'ottima console javascript, molto precisa nelle segnalazioni, quella di Explorer fa cagare veramente :D

Una curiosità, ma cos'è l'ID DEL TAG? Io ho provato a metterci un numero qualunque, ma niente...

E' il modo di IDentificare (appunto) gli oggetti in un documento, e può essere qualsiasi nome, per es.:

[code:1:7168693e4d]<div id="ciccio"></div>
<script language="javascript">
var divcic = document.getElementById("ciccio"&#41 ;;
divcic.innerHTML = 'bla bla bla';
</script>[/code:1:7168693e4d]

[lionalex]

Ho scritto questo script
[code:1:96027e2284]
<script src="sotto_indice.php"></script>
<script language="Javascript">
var i=0;

function rotate(){
i++;
if (i>2){
i=1;
}
if (document.getElementById){
obj=document.getElementById("prova"& #41;;
if (document.all){
obj.innerHTML=news[i];
}else{
obj.document.open();
obj.document.write(news[i]);
obj.document.close();
}
}
setTimeout("rotate()",5000&# 41;;
}
rotate();
myInterval=window.setInterval("rotate&#40 ;)",5000)
</script>[/code:1:96027e2284]
Ora cosa non va?
(scusate l'insistenza ma non sono un espertissimo di javascript...mica si è notato )

dunque, per prima cosa mi scuso per gli errori che ho fatto nel codice che ho postato l'altra volta... :(
cmq mi sa che non hai capito bene il concetto dell'interval e del timeout:
tutti e due stabiliscono del tempo dopo il quale la funzione viene chiamata, ma con la differenza che il primo e' ricorsivo, il secondo no; ora, e' EQUIVALENTE e assolutamente uguale:
1) settare un intervallo FUORI dalla funzione
2) impostare un timeout da DENTRO la funzione e chiamarla una volta da fuori
PERO' NON TUTTE E DUE LE COSE INSIEME! :D o l'una o l'altra, ok?

seconda cosa: quel codice che hai scritto presuppone che esiste un tag che ha come attributo id "prova", per esempio <div id="prova">...</div>. quindi devi scrivere il codice (o almeno la chiamata alla funzione o al setinterval (sempre una sola delle due, l'altra cancellala, capito? ) DOPO che hai scritto questo tag
se nonostante questo non funziona, prova a postare tutto il codice, sia del php che della pagina e posta anche il messaggio di errore (se usi explorer e non dice niente, prova a fare doppio click sull'iconcina a forma di pagina o di triangolo di errore in basso a sinistra sulla barra di stato)

p.s.: evvai! messaggio numero 200! wow :D

[lionalex]

Scusate ancora per la mia ignoranza, ma continuo a non capire a cosa serve l'IDTAG.
Comunque ora vi scrivo tutto il codice della funzione e dei file PHP.

FUNZIONE:
[code:1:5036a79d10] <script src="sotto_indice.php"></script>
<script language="Javascript">
var i=0;

function rotate(){
i++;
if (i>2){
i=1;
}
if (document.getElementById){
obj=document.getElementById("ciccio" );
if (document.all){
obj.innerHTML=news[i];
}else{
obj.document.open();
obj.document.write(news[i]);
obj.document.close();
}
}
}
myInterval=window.setInterval("rotate&#40 ;)",5000)
</script>[/code:1:5036a79d10]

SOTTO_INDICE.PHP
[code:1:5036a79d10]<?
Header("Content-type: Text/Javascript");
print "var news=new Array();
news[1]=' <div class=parte_sotto>';
news[1]+=' <p class=\"testo bold\">CAPOCANNONIERI DELLA GIORNATA</p>';
news[1]+=' <p class=testo><b>1°</b>NOME</p>';
news[1]+=' <p class=testo><b>2°</b>NOME</p>';
news[1]+=' <p class=testo><b>3°</b>NOME</p>';
news[1]+=' </div>';
news[1]+=' <div class=parte_sotto>';
news[1]+=' <p class=\"testo bold\">RISULTATI 1° GIORNATA</p>';
news[1]+=' <p class=testo><b>A</b> PLAYBOY TEAM - LONDON TEAM <b>2-0</b></p>';
news[1]+=' <p class=testo><b>A</b> PLAYBOY TEAM - LONDON TEAM <b>2-0</b></p>';
news[1]+=' <p class=testo><b>B</b> PLAYBOY TEAM - LONDON TEAM <b>2-0</b></p>';
news[1]+=' <p class=testo><b>B</b> PLAYBOY TEAM - LONDON TEAM <b>2-0</b></p>';
news[1]+=' </div>';
news[1]+=' <div class=parte_sotto>';
news[1]+=' <p class=\"testo bold\">CAPOCANNONIERI ASSOLUTI</p>';
news[1]+=' <p class=testo><b>1°</b>NOME</p>';
news[1]+=' <p class=testo><b>2°</b>NOME</p>';
news[1]+=' <p class=testo><b>3°</b>NOME</p>';
news[1]+=' </div>';
news[2]='<p class=testo>PROVA</p>'; ";
?>[/code:1:5036a79d10]

GRAZIE MILLE PER LA PAZIENZA...

il codice che hai usato non fa altro che prendere tutto quell'html che hai messo nell'array e inserirlo nella pagina
ora se scrivi document.write(news[*i*]) (senza asterischi ovviamente) lo mette alla fine della pag e ogni new la inserisce sempre sotto le altre. invece usando l'id tu specifichi un elemento (che puo' essere un div, un table, un quello che vuoi, anche un <b> anche se al w3c lhan tolto di mezzo... ) all'interno del quale viene inserito l'html della new che viene sostituito ogni volta che la funzione viene richiamata
l'attributo id serve a identificare l'elemento all'interno del quale vuoi mettere l'html
cmq visto che un esempio e' meglio di mille parole, metti prima del codice che hai riportato <div id="prova"></div>
dovrebbe funzionare, ovviamente online perche' stai usando il php... cmq se non funziona lo stesso, uploada lo script e la pag e posta il link, cosi' controllo

[lionalex]

GRAZIE MILLE DXBLADE....FUNZIONA!!!
Ora però (ovviamente) ho un altro piccolo problemino
[code:1:f07d84555b]<div id=prova></div>
<script src="sotto_indice.php"></script>
<script language="Javascript">
var i=0;

function rotate(){
i++;
if (i>2){
i=1;
}
if (document.getElementById){
obj=document.getElementById("prova"& #41;;
if (document.all){
obj.innerHTML=news[i];
}else{
obj.document.open();
obj.document.write(news[i]);
obj.document.close();
}
}
}
myInterval=window.setInterval("rotate&#40 ;)",10000)
</script>[/code:1:f07d84555b]
Questo è il codice modificato con l'ID prova. Perchè quando avvio la pagina comincia con uno spazio vuoto? Invece di cominciare dalla news[1] o dalla news [2] nello spazio dove dovrebbe uscire scritto qualcosa, non esce scritto nniente per i primi 10 secondi, poi comincia la rotazione delle news. Perchè i primi 10 secondi sono bianchi?

semplice
quando imposti l'intervallo la prima chiamata alla funzioneavviene DOPO i dieci secondi!
quindi aggiungi semplicemente una chiamata a rotate() nel codice (prima o dopo il setinterval e' indifferente) e sei a posto!