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:
Opzione DEFAULT per il valore di una colonna
Unix...
Tip:
Eseguire più comandi in una sola linea
PLSQL...
Script:
Errori
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
Basically, a web session can be defined as the timeframe in which a visitor navigates your web site.
Php Funzione mail()
XPath is a language for addressing parts of an XML document.
It is designed to be used by XSLT and XPointer.
Basically, a web session can be defined as the timeframe in which a visitor navigates your web site.
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
A good scientist is a person with original ideas.
A good engineer is a person who makes a design that works with as few original ideas as possible. There are no prima donnas in engineering.
Freeman Dyson
A good engineer is a person who makes a design that works with as few original ideas as possible. There are no prima donnas in engineering.
Freeman Dyson
A good scientist is a person with original ideas.
A good engineer is a person who makes a design that works with as few original ideas as possible. There are no prima donnas in engineering.
Freeman Dyson
A good engineer is a person who makes a design that works with as few original ideas as possible. There are no prima donnas in engineering.
Freeman Dyson
Oracle...
Definizioni:
SESSION
Shell scripting...
Script:
Script for archiving and compressing folder and file
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