javascript agli inizi

stan · Messaggio da **stan** » ven 16 feb 2007, 11:52

Ciao, ho appena iniziato a guardare javascript (per lo più guardando w3schools.com) e avevo 2 dubbi:

Primo, perchè scrivendo questo codice quando vado col mouse sulla scritta "JavaScript" mi carica una pagina con sfondo bianco con scritto "Hello World!" che rimane in perenne fase di "Loading..." con firefox? Cioe'...perchè rimane in perenne "Loading..."?

Codice: Seleziona tutto

<html>
<body>

<script type="text/javascript">
function showMenu(){
document.write("<h1>Hello World!</h1>")
}
</script>
    <SPAN onMouseOver="showMenu()" >
      JavaScript<BR>
      <HR>
      <A href="http://www.javasoft.com">JavaSoft</A><BR><BR>
      <A href="http://www.builder.com/Programming/JavaCenter/">Builder.com</A><BR><BR>
      <A href="http://www.wdvl.com/Authoring/Java/">Wdvl.com</A><br>
    </SPAN>
</body>
</html>

Secondo, vorrei fare un menu' a tendina tipo quello che trovate su http://ati.amd.com/.
Io vorrei passare un array multidimensionale del tipo Linux => "linux1.html","linux2.html" Programmazione => "java.html", "php.html" ecc.
Come posso fare quel tipo di menu' a tendina?
Io ho del codice di quel genere ma con firefox non funziona...funziona solo con IE...(ps. il codice non è mio)

grazie, se inoltre mi suggerite dei validi link x iniziare a imparare javascript (che non mi sembra molto difficile...) sarebbe il massimo!

Messaggio da **aschenaz** » ven 16 feb 2007, 12:06

Javascript lo uso poco e me ne intendo poco.
Però posso consigliarti questo link, dove trovi tutorial e molti script che puoi prendere come esempio.
Ciao,
nino

stan · Messaggio da **stan** » ven 16 feb 2007, 18:35

Ciao ninobi, grazie per il link!
Per quel che riguarda il mio primo problema (il perenne "loading...") mi sai aiutare? Puo' essere dovuto a una mia cattiva configurazione di apache o è un problema javascript? In pratica succede che non riesce a completare il caricamento della pagina con "Hello World!"...

Messaggio da **aschenaz** » sab 17 feb 2007, 8:04

Ti ripeto: di javascipt... poco!
Comunque, io gestirei così (usando i CSS):

Codice: Seleziona tutto

<html>
<head>
<title>prova</title>
<style type="text/css">
#box {
	font-weight:bold;
	font-size:200%;
	position:absolute;
	top:10px;
	left:20px;
	z-index:10;
}
.nascosto {
	display:none;
}
.visibile {
	display:visible;
}
</style>
</head>
<body>

</script>
	<div id="box" class="nascosto">HELLO WORLD!</div>
    <SPAN onmouseover="box.className='visibile'" onmouseout="box.className='nascosto'">
      JavaScript<BR>
      <HR>
      <A href="http://www.javasoft.com">JavaSoft</A><BR><BR>
      <A href="http://www.builder.com/Programming/JavaCenter/">Builder.com</A><BR><BR>
      <A href="http://www.wdvl.com/Authoring/Java/">Wdvl.com</A><br>
    </SPAN>
</body>
</html>

Poi puoi divertirti a cambiare le cose... Immagine

In ogni caso, come avevi fatto tu, la cosa che salta agli occhi è che manca una funzione di ritorno, gestita da onmouseout...
Ciao,
nino