HTML dinamico con Javascript
Mercoledì 3 Gennaio, 2007Scrivere codice HTML dinamicamente all'interno di una pagina è possibile ed utile. Il modo più diretto e conosciuto è quello di utilizzare documenti.write() o un contenitore DIV predisposto ad accettare codice inserito tramite innerHTML. In alternativa è possibile agganciarsi ad un TAG esistente ed utilizzare il DOM per aggiungere o rimuovere elementi all'interno della pagina. Ad esempio immmaginiamo di voler caricare un nuovo file Javascript senza utilizzare scripting lato server e quindi il ricaricamento della pagina. La funzioni qui sotto, ad esempio, aggiunge un file Javascript alla vostra pagina, passato come parametro (comprensivo di path).
-
function addScripting(s) {
-
var scriptNode = document.createElement('script');
-
document.getElementsByTagName("head")[0].appendChild(scriptNode);
-
scriptNode.language='javascript';
-
scriptNode.src=s;
-
}
Similmente è possibile aggiungere un foglio di stile alla nostra pagina, indicato dalla variabile cssfile:
-
var cssNode = document.createElement('link');
-
cssNode.setAttribute('rel', 'stylesheet');
-
cssNode.setAttribute('type', 'text/css');
-
cssNode.setAttribute('href', cssfile );
-
document.getElementsByTagName('head')[0].appendChild(cssNode);
volevo solo essere sicuro che non ci fosse qualche altro...
Lascia un commento