Salve a tutti,
devo inserire in una pagina html delle foto a comparsa con delle checkbox.Fin qui tutto bene solo che ora devo inserire una didascalia che contenga il nome delle foto quando vengono visualizzate...
Potete dirmi i tag da usare?
Salve a tutti,
devo inserire in una pagina html delle foto a comparsa con delle checkbox.
Potete dirmi i tag da usare?
Tutto dipende dal codice che hai usato! Se ci fai vedere qualche cosa o ancora meglio la pagina online, forse potremo aiutarti
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="stile.css" >
<style>
div{border:1px dotted #1F1F2E; padding:10px; background-color:#FFFFFF}
h1{background-color: #333399; color: white; font-family:forte, sans-serif;font-size:20pt;text-decoration:underline;}
p{font-size: 12pt}
label{color:#333399}
ol{list-style:lower-alpha outside;}
ul{list-style:square outside url('ico_allegato.gif');}
</style>
<script>
function provami(){
//alert('Ciao '+nome.value);
risposta.innerHTML='<b><i>Ciao '+nome.value+"</i></b>";
}
function cancella(){
nome.value="";
risposta.innerHTML="";
}
function colora(codice){
risposta.style.backgroundColor=codice;
if(codice!="#FFFF00"){
risposta.style.color="#FFFFFF";
}else{
risposta.style.color="#000000";
}
}
function doppio(){
var n;
n=numero.value;
if(n==''||isNaN(n)){
ris.innerHTML='Inserisci un numero';
ris.className='errore';
}else{
n=parseInt(n);
ris.innerHTML='Il doppio di '+n+' è '+n*2;
ris.className='';
}
}
function visualizza(stagione){
if(document.getElementById('chk'+stagione).checked ){
document.getElementById('foto'+stagione).innerHTML ='<img src="'+stagione+'.jpg" alt="'+stagione+'" width="200">';
}else{
document.getElementById('foto'+stagione).innerHTML ='';
}
}
function indaga(){
for(var i=0;i<document.images.length;i++){
alert(i);
}
}
</script>
</head>
<body>
<h1>Ricorda...</h1>
<p onclick="provami()">Primo esercizio tanto per aiutare la memoria</p>
<div style="height:400px;width: 700px">
<label for="nome">Inserisci il tuo nome:</label>
<input type="text" id="nome">
<input type="button" value="Prova!" onclick="provami()">
<input type="button" value="Cancella" onclick="cancella()">
<div>
<input type="radio" name="colore" value="#FFFF00" onclick="colora(this.value)"> Giallo
<input type="radio" name="colore" value="#FF0000" onclick="colora(this.value)"> Rosso
<input type="radio" name="colore" value="#0000FF" onclick="colora(this.value)"> Blu
<input type="radio" name="colore" value="#00FF00" onclick="colora(this.value)"> Verde
</div>
<p id="risposta"></p>
<label>Inserisci il numero: </label>
<input type="number" id="numero" step="1" min="0" max="12">
<input type="button" value="Visualizza doppio" onclick="doppio()">
<span id="ris"></span>
<div>
<input type="checkbox" id="chkinverno" onclick="visualizza('inverno')" alt="inverno"> <label>Inverno</label>
<input type="checkbox" id="chkprimavera" onclick="visualizza('primavera')" alt="primavera"> <label>Primavera</label>
<div>
<span id="fotoinverno"></span>
<span id="fotoprimavera"></span>
</div>
</div>
<input type="button" value="Indaga immagine" onclick="indaga()">
<div id="infoimmagini">
<!--
<ul>
<li>
punto elenco
<ol>
<li>punto sottoelenco</li>
<li>punto sottoelenco</li>
<li>punto sottoelenco</li>
</ol>
</li>
<li>punto elenco</li>
</ul>
-->
</div>
</div>
</body>
</html>
Essendo un esercizio di scuola ci sono anche altre cose in mezzo...
codice:<input type="checkbox" id="chkprimavera" onclick="visualizza('primavera')" alt="primavera" title="Questa è la primavera">
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Permessi di invio
Rispondi quotando