|
|||||||
|
|
|
 |
|
|
Strumenti |
27-01-2007, 09:26
|
#1 |
|
Member
Iscritto dal: Sep 2006
Messaggi: 35
|
HTML
Salve, non sono un assiduo frequentatore di questo forum, ma rispetto ogni singolo utente ed è per questo che volevo un piacere. Ho notato che in molti sanno usare Javascript e HTML, volevo una mano per poter inserire del contenuto attivo in una mia pagina internet, se magari potete propormi qualche script java divertente o qualche sito ne sarei felicissimo.
Grazie in anticipo 
|
|
|
|
27-01-2007, 10:07
|
#2 |
|
Senior Member
Iscritto dal: Dec 2002
Messaggi: 3359
|
Dai su ma le idee???? Come fate a non sapere cosa fare...
Cos'hai in mente? cosa vorresti vedere sulla tua pagina web? ps.javascript non è script java, java non centra nulla con javascript
|
|
|
|
|
27-01-2007, 10:08
|
#3 |
|
Senior Member
Iscritto dal: May 2005
Città: Bari
Messaggi: 349
|
__________________
Si può vincere una guerra in due...o forse anche da solo. Si può estrarre il cuore anche al più nero assassino, ma è più difficile cambiare un'idea! |
|
|
|
|
27-01-2007, 13:01
|
#4 |
|
Member
Iscritto dal: Sep 2006
Messaggi: 35
|
Sono abbastanza bravo a fare pagine HTML, il problema è che non trovo i tag che mi servono per poter realizzare del contenuto attivo, come uno sfondo che cambia colore in automatico, o invece che colore foto, magari prese tutte dalla stessa fonte, e facessero cambiare le foto in dissolvenza e non di scatto. E in più mi serviva un MINI-giochino tanto per divertirsi, proprio una cosa BASILARE in quanto non so programmare. Spero che ora sia stato più chiaro, altrimenti vi fo un disegnino
|
|
|
|
|
27-01-2007, 13:32
|
#5 |
|
Senior Member
Iscritto dal: Dec 2002
Messaggi: 3359
|
TI devi andare a guardare propietà e metodi DOM e impare i rudimenti del javascript.
Fortunatamente in rete si trova tantissima roba su ste cose. Comunque ti scrivo un semplice esempio che fa cambiare colore ad un div ogni tot tempo. Così puoi già vedere alcune cosette. Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html ;charset=iso-8859-1" />
<title>Div che cambia colore by Allejp</title>
<script type="text/javascript">
var colori=["blue","red","yellow","green","cyan","black","pink","brown","DEEPPINK","CORNFLOWERBLUE","DODGERBLUE","PLUM","PERU","orange","LIGHTGREEN"];
var timerID=null;
function getDiv(){
return document.getElementById("color_div");
}
function cambiaColore(){
var random=Math.round(Math.random()*(colori.length-1));
var myDiv=getDiv();
myDiv.style.backgroundColor=colori[random];
}
function setTimer(){
var delay=document.getElementById("timer_delay").value;
delay=parseInt(delay,10);
if(timerID){
clearInterval(timerID);
timerID=null;
}
timerID=setInterval(cambiaColore,delay);
}
function init(){
setTimer();
}
</script>
<body onload="init();">
<div id="color_div" style="width:500px;height:500px;border:1px solid black"></div>
<span><input id="timer_delay" type="text" value="2000" style="margin:30px 10px 0px 0px" onchange="setTimer();"/>milliseconds</span>
</body>
</html>
|
|
|
|
|
27-01-2007, 13:45
|
#6 |
|
Member
Iscritto dal: Sep 2006
Messaggi: 35
|
*EDIT*
Ultima modifica di Federix : 27-01-2007 alle 13:49. |
|
|
|
|
27-01-2007, 13:49
|
#7 |
|
Member
Iscritto dal: Sep 2006
Messaggi: 35
|
Scusami, altrimenti invece di cambiare le foto, mi va bene questo, l'ultima cosa che vorrei è la spiegazione(se possibile) di inserire qualcosa ad ogni colore. Es.
Quando appare il blu c'è una nave Quando appare il rosa una donna E così via... Ti prego dimmi che si può fare(e come)
|
|
|
|
|
27-01-2007, 14:02
|
#8 |
|
Senior Member
Iscritto dal: Dec 2002
Messaggi: 3359
|
Si può fare, visto che hai detto che sei bravo a creare pagine HTML, di sicuro conoscerai e saprai usare i CSS, i quali attribuiscono ad ogni elemnto html tantissime proprietà, tra le quali anche il background-image.
Quindi se vuoi cambiare immagine ti basta cambiare il valore di questa proprità e per farlo utilizzi metodi DOM(vatti a vedere le references dai...). Ti modifico l'esempio fatto prima facendo cambiare immagini. Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html ;charset=iso-8859-1" />
<title>Div che cambia colore by Allejp</title>
<script type="text/javascript">
var images=["http://www.corriere.it/Hermes%20Foto/2002/07_Luglio/11/NAVE--550x342.JPG","http://www.corriere.it/Media/Foto/2004/01_Gennaio/05/PAPERA.jpg","http://www.zeropaid.com/bbs/gallery/files/1/5/9/0/2/5/Adriana.Lima-lingerie.1-ALUn23.jpg",
"http://www.tshirtwatch.com/blog/wp-content/uploads/2006/05/adriana-lima-sexy-tshirt.jpg",
"http://www.ukmin.lt/lt/atashe/images/Italia-Bandiera.png",
"http://www.interarteonline.com/Walter_Fornero/altas/Tigre.jpg",
"http://www.mrx.no/albums/album154/35717809_WhiteTigerDodged.jpg"];
var timerID=null;
function getDiv(){
return document.getElementById("color_div");
}
function cambiaImmagine(){
var random=Math.round(Math.random()*(images.length-1));
var myDiv=getDiv();
myDiv.style.backgroundImage="url("+images[random]+")";
}
function setTimer(){
var delay=document.getElementById("timer_delay").value;
delay=parseInt(delay,10);
if(timerID){
clearInterval(timerID);
timerID=null;
}
timerID=setInterval(cambiaImmagine,delay);
}
function init(){
setTimer();
}
</script>
<body onload="init();">
<div id="color_div" style="width:500px;height:500px;background-repeat:no-repeat"></div>
<span><input id="timer_delay" type="text" value="2000" style="margin:30px 10px 0px 0px" onchange="setTimer();"/>milliseconds</span>
</body>
</html>
|
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 09:36.
