Buongiorno a tutti,
partiamo dal presupposto che mi sono improvvisato webdesigner per hobby da pochi giorni e non a scopo di lucro ma semplicemente per ragioni personali.
Sto creando una pagina in html in cui vorrei integrare un menù esterno scritto in js per velocizzare eventuali modifiche successive dei link del menù stesso.
Perciò mi sono adoperato creando 3 pagine: index.html, stili.css e menu.js (spero rendo l'idea)
L'unico problema che riscontro è che non riesco a posizionare il menù importato nella index.html all'interno di un div.
riporto il codice semplificato per eventuali suggerimenti:
Ho provato a sostituire document.body con document.getElementById('nome') e inserire <div id="nome"></div> ma aimè non mi funziona
<!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=utf-8" />
<title>Menù Java</title>
<link rel="stylesheet" href="/stileprova.css" type="text/css">
<script type="text/javascript" language="javascript" src="menujs.js"></script>
<body>
<div class="container">
<script type="text/javascript">dash();</script></div>
<!-- end .container -->
</body>
</html>
/* JS document*/
function dash() {
var iDiv = document.createElement("div");
var iUl = document.createElement("ul");
var link1 = "<a href='/home.html'>Home</a>"
var link2 = "<a href='/Servizio1.html'>Servizio1</a>"
var link3 = "<a href='/Servizio2.html'>Servizio2</a>"
var link4 = "<a href='/Servizio3.html'>Servizio3</a>"
iDiv.className = 'sidebar';
iUl.className = 'nav';
iDiv.innerHTML = "";
iUl.innerHTML = link1+link2+link3+link4;
document.body.appendChild(iDiv);
iDiv.appendChild(iUl);
iUl.appendChild(iIl);}
/* CSS Document */
body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF; margin: 0 auto; padding: 0; color: #000;}
.container { width: 960px; height: 300px; background-color:#3a3535; margin: 0 auto;}
div.intestazione {padding:0px;}
div.sidebar { margin:0px; padding: 0px; background-color:#CCC; color:#FFF; width:230px;}
ul.nav a {padding: 10px; display:block; border-style:solid; border-color:#999; border-width:1px; text-decoration:none; color:#F00;}
ul.nav {padding: 0px;}
Dove sbaglio?
il risultato è nel migliore dei casi questo
http://forum.html.it/forum/attachmen...1&d=1412958833
Invece vorrei il menù all'interno del container.
help me!
Rispondi quotando