Forum « créer un menu en js - tout simple »

Forum « Programmation Javascript » (archives)

créer un menu en js - tout simple

Envoyé: 25 mai 2004, 9h44 par kukrapoc

Désolé pour le manque d'info, ce que je voulais c'était juste savoir comment afficher du code HTML en passant par du javascript. Mais j'ai trouvé, je donne un exemple possible : (c'est basique mais ce sera bon opur les idiot comme moi)

entre <BODY> et </BODY>, insérer :
<script language="JavaScript" SRC="menu.js"></script>

et dans un fichier .js, mettre :
/* Définition du style de texte */
document.write('<STYLE TYPE=text/css>');
document.write('.styl_scroll {font-size:12px;font-family:Arial;color:#FFFFFF;text-decoration:none}');
document.write('</STYLE>');

/* Définition des variables globales */
largeur = 100; // Largeur du menu
hauteur = 100; // Hauteur du menu
bgcolor = '#006699'; // Couleur de fond du menu

/* Définition du menu */
menu = new Array;
menu[0] = 'Cellule 01';
menu[1] = 'Cellule 02';
menu[2] = 'Cellule 03';

/* Affichage du menu de niveau 1 */
function ecrire(texte) {document.write(texte);}
ecrire('<DIV ID=tableau STYLE="position:absolute; width:'+(largeur-8)+'; left:0; top:0;" CLASS=styl_scroll>Chargement du menu ...</DIV>');

/* Affichage du menu de niveau 1 */
function show(menu)
{
var html = "<TABLE BORDER=1 BORDERCOLOR=black WIDTH=100% CELLSPACING=0 BGCOLOR="+bgcolor+">";
for(a=0;a<(menu.length -1);a++)
{
html += '<TR><TD><A HREF=# CLASS=styl_scroll>'+menu[a]+'</A></TD></TR>';
}
html += "</TABLE>";
document.getElementById("tableau").innerHTML = html;
}

/* Lancement du script directement au chargement de la page */
window.onload = new Function("show('menu')");

voila c'est très con.

Merci quand même Oznog et a+