Rendre un menu horizontal
Bonjour,
je vous soumets le problème qu'il se pose à moi concernant le code Javascript.
Il s'agit d'une galerie que je viens d'installer et qui fonctionne trés bien.
Seulement, pour l"intégrer à mon site, j'aurai besoin de transformer un menu vertical en menu horizontal.
Voiçi la partie intéressante du code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
|
function updateGalleriesMenu(request)
{
var result = getEncoded(request,'enc');
if (result != "null") {
var galleries = result.split("|");
var selected = null;
var menu = "";
var gallery_list = new Array();
var ul = document.createElement('ul')
for (var i=0; i<galleries.length-1; i++)
{
var galleries_data = galleries[i].split(":");
var id = galleries_data[0];
var g_id_files = galleries_data[1];
var g_password = galleries_data[2];
id_files[id] = g_id_files;
id_password[id] = (g_password) ? g_password : '';
var li = document.createElement('li')
li.setAttribute('id', 'mitem_'+i)
if (i>0) li.setAttribute('class', 'topline')
if (number_galleries) {
var em = document.createElement('em')
em.innerHTML = zero(i+1)+' '
li.appendChild(em)
}
var a = document.createElement('a')
a.setAttribute('id', id)
a.setAttribute('href', 'javascript:;')
if (!number_galleries) a.setAttribute('class', 'nonum')
a.onclick = function() { setGallery(this.id.sq(),this) }
a.innerHTML = ''
+((g_password)?'<img class="lock" src="images/lock.gif" alt="" />':'')
+ galleryName(id)
+' <small>('+g_id_files+')</small>'
li.appendChild(a)
ul.appendChild(li)
} |
J'ai essayé plusieurs méthodes qui vont de la suppression des éléments de la liste > résultat : plus de menu
changer ces deux éléments par des espaces html > résultat : le menu ne s'arrête pas de charger
changer les éléments par des sauts de lignes (autant essayer) > résultat : le menu ne s'arrête pas de charger encore une fois.
J'imagine que c'est plus simple que je ne le pense, toutefois je n'ai pas la réponse.