Argomenti
Documenti pubblicabili:1120
Scripts:1282
Documenti non pubblicabili:162
Categorie tematiche:68
.Net
|_C#
|_Visual basic.net
|_Asp.net
Active Server Pages
C++
Cascade Style Sheet
JavaScript
Mysql
Php
Xml
Java
|_Java 2 Micro Edition
|_Java server pages
|_Java Servlet
Oracle
|_PLSQL
PostgreSQL
Unix
Scripts:1282
Documenti non pubblicabili:162
Categorie tematiche:68
.Net
|_C#
|_Visual basic.net
|_Asp.net
Active Server Pages
C++
Cascade Style Sheet
JavaScript
Mysql
Php
Xml
Java
|_Java 2 Micro Edition
|_Java server pages
|_Java Servlet
Oracle
|_PLSQL
PostgreSQL
Unix
Oracle...
Script:
Query to unlock all locked users
Unix...
Tip:
Rimuovere un file in Unix / Delete a file
PLSQL...
Script:
Leggere un file di testo
JavaScript...
Tip:
Target blank per una finestra di pop up
JavaScript...
Faq:
Posso scrivere un file sul server con JavaScript lato client?
Shell scripting...
Script:
Ciclo sul contenuto directory
A User Agent, like a web browser, uses HTTP to request a HTML document
Php Funzione mail()
In programming the danger of exploring the small details of coding is that you get obsessed with every line of code you write, thereby greatly reducing productivity.
In general, is not worth obsessing over code.
On the other hand you should code with deliberation and intent. Steven Feurstein Oracle Magazine July /August 2004
In general, is not worth obsessing over code.
On the other hand you should code with deliberation and intent. Steven Feurstein Oracle Magazine July /August 2004
A User Agent, like a web browser, uses HTTP to request a HTML document
JavaScript
Home >JavaScript > Inserimento e visualizzazione un'immagine
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>Tutorial</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta name="AUTHOR" content=" Marco Magnani"/>
<meta name="KEYWORDS" content="tutorial"/>
<script language="Javascript" type="text/javascript" >
<!--
function checkPreImg(NomeFile){
var ext = NomeFile.substr(NomeFile.lastIndexOf(".") + 1).toLowerCase();
switch(ext) {
case "gif":
case "jpg":
case "jpeg":
document.all.img00.src = NomeFile;
break;
default:
document.myform.myimg.style.backgroundColor = "#ff0000"
window.setTimeout("document.myform.imgtestata.style.backgroundColor = '#FFFFFF'", 2500)
document.myform.myimg.focus();
alert("Formati immagine consentiti: gif o jpg.");
return false;
}
return true;
}
//-->
</script>
</head>
<body>
Il codice javascript sull'evento onchange esegue le seguenti operazioni:
<ul type="square">
<li>Verifica se il file è di formato consentito (per esempio gif/jpeg)</li>
<li>Se il suffisso del file non è di quelli consentiti viene segnalato con un alert </li>
<li> Se il suffisso del file non è di quelli consentiti visualizza per alcuni secondi in rosso il campo di input</li>
<li>Visualizza al posto dell'immagine di default l'immagine selezionata (qui allegata)</li>
</ul>
<br/>
<b>Funziona con Explorer</b>
<form name="myform">
<table>
<tr>
<td>Seleziona un tuo file immagine </td>
<td ><img id="img00" src="defaultimg.gif" width="100" height="100" alt="Immagine Presentazione contenuto">
</td>
</tr>
<tr>
<td></td>
<td ><input name="myimg" type="file" size="30" onchange="javascript: return checkPreImg(this.value)" ></input>
</td>
</tr>
</table>
</form>
</body>
</html>
Downloads:
defaultimg.gif ( 1 KB)
Warning: include(ads/text468x15.html): failed to open stream: No such file or directory in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131
Warning: include(): Failed opening 'ads/text468x15.html' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131
Tutorial
Effetti dinamici con Css e Javascript
Nascondere e visualizzare elementi nella pagina
[JavaScript]
Script
Semplice esempio con onchange e this.value
Costrutti elementari per disegnare pagine dinamiche
[JavaScript]
Demo charAt()
Operazioni sulle stringhe. Acquisizione valori dai campi input della pagina.
[JavaScript]
Calcolatrice on line
Operatori matematici. Costrutto switch. Iterazione con glie lementi della pagina
[JavaScript]
Eventi e bottoni radio
Iterazioni con il client
[JavaScript]
Inserimento e visualizzazione un'immagine
Caricare e visualizzare un'immagine nella pagina e controllore che il file abbia una estensione ammessa
[JavaScript]
Generare un numero casuale
Funzioni matematiche
[JavaScript]
Inclusione di un file con JavaScript
Chiamare uno script contenuto in un altro file
[JavaScript]
Leggere il valore selezionato in una combo
Controllo della pagina e degli input del client.
[JavaScript]
Metodo setTime
Gestione eventi nella pagina
[JavaScript]
Operazioni di sottrazione e somma
Semplici calcoli matematici.
[JavaScript]
Reset della pagina
Elementi di controllo sulla pagina
[JavaScript]
Stringhe: concatenazione e stampa
Operazioni di base
[JavaScript]
Controllo di eguaglianza di stringhe in due campi
Controlli sui campi input
[JavaScript]
Time Out ed eventi
Dopo un determinato intervallo invia ad un'altra pagina
[JavaScript]
Images preload and mouse over / out effect
Manipolating events as mouse over/out and objects as images in the html context
[JavaScript]
Marco Magnani marcomagnani@fishscript.com
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>Tutorial</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta name="AUTHOR" content=" Marco Magnani"/>
<meta name="KEYWORDS" content="tutorial"/>
<script language="Javascript" type="text/javascript" >
<!--
function checkPreImg(NomeFile){
var ext = NomeFile.substr(NomeFile.lastIndexOf(".") + 1).toLowerCase();
switch(ext) {
case "gif":
case "jpg":
case "jpeg":
document.all.img00.src = NomeFile;
break;
default:
document.myform.myimg.style.backgroundColor = "#ff0000"
window.setTimeout("document.myform.imgtestata.style.backgroundColor = '#FFFFFF'", 2500)
document.myform.myimg.focus();
alert("Formati immagine consentiti: gif o jpg.");
return false;
}
return true;
}
//-->
</script>
</head>
<body>
Il codice javascript sull'evento onchange esegue le seguenti operazioni:
<ul type="square">
<li>Verifica se il file è di formato consentito (per esempio gif/jpeg)</li>
<li>Se il suffisso del file non è di quelli consentiti viene segnalato con un alert </li>
<li> Se il suffisso del file non è di quelli consentiti visualizza per alcuni secondi in rosso il campo di input</li>
<li>Visualizza al posto dell'immagine di default l'immagine selezionata (qui allegata)</li>
</ul>
<br/>
<b>Funziona con Explorer</b>
<form name="myform">
<table>
<tr>
<td>Seleziona un tuo file immagine </td>
<td ><img id="img00" src="defaultimg.gif" width="100" height="100" alt="Immagine Presentazione contenuto">
</td>
</tr>
<tr>
<td></td>
<td ><input name="myimg" type="file" size="30" onchange="javascript: return checkPreImg(this.value)" ></input>
</td>
</tr>
</table>
</form>
</body>
</html>
Downloads:
defaultimg.gif ( 1 KB)
Warning: include(ads/text468x15.html): failed to open stream: No such file or directory in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131
Warning: include(): Failed opening 'ads/text468x15.html' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131
Tutorial
Effetti dinamici con Css e Javascript
Nascondere e visualizzare elementi nella pagina
[JavaScript]
Script
Semplice esempio con onchange e this.value
Costrutti elementari per disegnare pagine dinamiche
[JavaScript]
Demo charAt()
Operazioni sulle stringhe. Acquisizione valori dai campi input della pagina.
[JavaScript]
Calcolatrice on line
Operatori matematici. Costrutto switch. Iterazione con glie lementi della pagina
[JavaScript]
Eventi e bottoni radio
Iterazioni con il client
[JavaScript]
Inserimento e visualizzazione un'immagine
Caricare e visualizzare un'immagine nella pagina e controllore che il file abbia una estensione ammessa
[JavaScript]
Generare un numero casuale
Funzioni matematiche
[JavaScript]
Inclusione di un file con JavaScript
Chiamare uno script contenuto in un altro file
[JavaScript]
Leggere il valore selezionato in una combo
Controllo della pagina e degli input del client.
[JavaScript]
Metodo setTime
Gestione eventi nella pagina
[JavaScript]
Operazioni di sottrazione e somma
Semplici calcoli matematici.
[JavaScript]
Reset della pagina
Elementi di controllo sulla pagina
[JavaScript]
Stringhe: concatenazione e stampa
Operazioni di base
[JavaScript]
Controllo di eguaglianza di stringhe in due campi
Controlli sui campi input
[JavaScript]
Time Out ed eventi
Dopo un determinato intervallo invia ad un'altra pagina
[JavaScript]
Images preload and mouse over / out effect
Manipolating events as mouse over/out and objects as images in the html context
[JavaScript]
Marco Magnani marcomagnani@fishscript.comCerca
Anger is creative, depression is useless.
Dyson, Freeman J.
Dyson, Freeman J.
Anger is creative, depression is useless.
Dyson, Freeman J.
Dyson, Freeman J.
Oracle...
Definizioni:
SCN
Shell scripting...
Script:
Determinare il numero di elementi di un array
fishScript.Com is accessible by Mobile access technology
as mobile phones, Palm and Pocket PC .
Nicoleta e Marco Magnani tutorial, examples, courses, esempi, corsi, esercizi, appunti vari Dottoressa Nicoleta Dragu Formatrice Docente Insegnante Mediatrice Culturale Dott. Marco Magnani Universita La Sapienza Roma Master Computer Science Hunter College New York , Data Base Administrator DBA oracle System architect