creazione file js da includere in un documento html

alfo18

Nuovo Utente
28 Mag 2012
3
0
0
Ciao a tutti,
sono Alfo. Ho il seguente problema da sottoporvi: ho un file che mi cambia in modo automatico una immagine. Funziona perfettamente. Io vorrei creare un file in javascript da richiamare che mi faccia cambare l'immagine. Ho provato a cambiare il file originario ma non riesco a creare un file in javascript che funzioni.
C'è qualcuno che gentilmente può aiutarmi?
Il codice del file originario è il seguente:

HTML:
<html>
<head>

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"
//-->
</script>

</head>
<body>
<img src="firstcar.gif" name="slide" width="100" height="56" />

<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>

</body>
</html>
Grazie molte per la cortese attenzione. Alfo
 
Ultima modifica di un moderatore:

andre9004

Utente Attivo
15 Mar 2012
104
1
0
Lombardia
non ho capito se quel codice funziona o vuoi che te lo scriviamo noi.. comunque per creare uno script esterno copi il codice senza i tag <script> crei un nuovo file, incolli il codice e salvi il file con estensione .js .. ora non ti resta che includerlo con <script type="text/javascript" src="script.js" />
 

alfo18

Nuovo Utente
28 Mag 2012
3
0
0
File esterno ms.

Grazie per la risposta. Ho provato a creare un file esterno che ho chiamato code.js e l'ho richiamato nel file HTML ma non funziona. C'e qualcuno che mi puo' indicare come risolvere il problema? Grazie, Alfonso
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

questo è il javascript inserito in un file .js chiamato code.js

code.js
Codice:
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"

//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()

pagina .html

Codice:
<html>
<head>

</head>
<body>
<img src="firstcar.gif" name="slide" width="100" height="56" />

<script type="text/javascript" src="code.js"></script>

</body>
</html>

il file che contiene il codice javascript che hai chiamato code.js devi inserirlo dopo il <body> e l'immagine caricata di default firstcar.gif


Valeria.
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Un esempio di slide immagini caricate ogni 2,5 secondi

tassozero-2561.png


Questo è l'esempio di Valeria... che ho messo on-line!
http://max400.netne.net/pagina.html

questo è il code.js
http://max400.netne.net/code.js

e questo l'allegato che contiene 3 file
http://max400.netne.net/slide-a-timer.rar

pagina.html (la pagina su cui caricare il file code.js)
pagina.txt (contiene il codice da modificare)
code.js (il codice esterno)

le foto sono esterne prese da google immagini.

by zorro
 

alfo18

Nuovo Utente
28 Mag 2012
3
0
0
Immagini in una cartella

Valeria, grazie per l'aiuto. Il file funziona perfettamente se il codice e le immagini sono nella stessa cartella.
Ho provato a mettere le immagini in una cartella che ho chiamato "immagini" ma in questo caso il programma non funziona più. Mi evidenzia solo la prima immagine e non le altre. Mi puoi aiutare a risolvere il problema?
Grazie per l'aiuto, Alfo

Ciao,

questo è il javascript inserito in un file .js chiamato code.js

code.js
Codice:
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"

//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()

pagina .html

Codice:
<html>
<head>

</head>
<body>
<img src="firstcar.gif" name="slide" width="100" height="56" />

<script type="text/javascript" src="code.js"></script>

</body>
</html>

il file che contiene il codice javascript che hai chiamato code.js devi inserirlo dopo il <body> e l'immagine caricata di default firstcar.gif


Valeria.
 

coqueiro

Nuovo Utente
30 Ago 2013
1
0
0
ciao scusate io ho una domandina:
posso creare un js da un codice o da una pagina html ?
mi spiego ho una pagina html con un menu drop down molto carino che ho trovato, ma per non inserire in TUTTE le mie pagine html il suddetto menu volevo richiamarlo semplicemente con un js anche per comodità di quando aggiungo voci al menu....
è cosa fattibile ?
grazzissime a tutti quanti
 
Discussioni simili
Autore Titolo Forum Risposte Data
spider81man Creazione di un UNICA tabella da più file .CSV PHP 1
S Download di un file in automatico dopo la sua creazione PHP 2
A recuperare data creazione di un file PHP 6
filips Creazione file di testo e scrittura Javascript 6
S creazione automatica file .php PHP 1
D Modifica data creazione file in fso Classic ASP 0
R Problema con la creazione file PHP 2
T creazione file xml Java 3
G [risolto] Creazione file excel con PHP PHP 3
F Creazione File XML, differenze tra WP e Blogger WordPress 4
L Creazione tabella Html con popolazione dati da file di testo (txt) Ajax 12
Monital Creazione file log personalizzato PHP 14
carter Problema creazione dinamica file txt PHP 2
J creazione file .xls PHP 2
F creazione e stampa file pdf mediante PHP PHP 2
frankiedeguello Ordinare file per data di creazione PHP 1
S Visualizza l'errore di creazione in MSSQL Database 4
M [Cerco][Gratuito] Artista/designer per creazione grafica gioco di società Offerte e Richieste di Lavoro e/o Collaborazione 0
N Creazione sito web senza Partita IVA (Era: mettersi in regola) Leggi, Normative e Fisco 1
F NetBeans problema creazione progetto Java Windows e Software 0
A Creazione cookie e gestione accessi PHP 0
D Creazione sito e-commerce WP CMS (Content Management System) 0
A Consiglio per creazione sito web CMS (Content Management System) 1
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 3
M Creazione menu a tendina Javascript 3
G creazione menu a tendina e invio a pagina php PHP 1
M Problemi con creazione maschere Presentati al Forum 1
F Creazione script Tv Presentati al Forum 1
W Creazione Cartella Classic ASP 2
D Neofita. Creazione applicativo prenotazione automezzi Offerte e Richieste di Lavoro e/o Collaborazione 12
L Aiuto creazione menu mancante WordPress 0
E Creazione URL per chat whatsapp WordPress 0
L Creazione di 2 o più record PHP 6
W Creazione di una griglia HTML e CSS 1
E Creazione di un sito di news PHP 16
S Scelta software/cms per creazione sito Webdesign e Grafica 6
E Creazione gestionale timesheet partendo da foglio excel Offerte e Richieste di Lavoro e/o Collaborazione 0
M Creazione notifica sonora Javascript 1
R Creazione sito eccomerce privato. Offerte e Richieste di Lavoro e/o Collaborazione 2
I Creazione programmino JAVA Offerte e Richieste di Lavoro e/o Collaborazione 0
D Difficile creazione excel di dati di grandi dimensioni Classic ASP 2
I creazione stile css HTML e CSS 3
A [Offro][retribuito] Creazione siti web/ web app (Django) Offerte e Richieste di Lavoro e/o Collaborazione 2
Stefano Migotto Creazione di un div con php o js PHP 9
G [OFFRO][RETRIBUITO] Creazione siti web e loghi professionali Offerte e Richieste di Lavoro e/o Collaborazione 0
D Creazione sito Offerte e Richieste di Lavoro e/o Collaborazione 0
D CREAZIONE E GESTIONE SITO E-COMMERCE Offerte e Richieste di Lavoro e/o Collaborazione 2
C [WordPress] Retribuzione creazione Sito Web vetrina Discussioni Varie 3
I [Javascript] Creazione di una piccola libreria e integrazione in angular Javascript 2
S [OFFRO] Creazione di programmi per la modifica automatizzata di testi Offerte e Richieste di Lavoro e/o Collaborazione 0

Discussioni simili