Hacer que menu corra varias veces

[zeuzft]

hola tengo un problema he implementado un menu; que deberia ejecutarse para cada campo que imprime; pero se activa para un solo campo; que podria hacer

Código HTML:

<br />
<table style="width:400px;border:3">
<?php 
	$columnaActual=0;
	$columnasTotales=4;
	foreach($listadoCursoAsig as $objCursoAsig)
	{
	$columnaActual++;
	if($columnaActual==1) { echo "<tr>"; } echo "
		<td>
			<ul class='menus' id='menu'>
				<li>
					<a href='#' class='menuslink'>".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getCurso()."</a>
					<ul>
						<li>
							<a href='../Tema' class='subs'>Gestionar Temas</a>
							<ul>
								<li>
									<a href='../TemaxCurso'>Gestionar Tema por Curso</a>
								</li>
								<li>
									<a href='../Subtema'>Gestionar Subtemas</a>
								</li>
								<li>
									<a href='../Leccion'>Gestionar Leccion</a>
								</li>
								<li>
									<a href='../LeccionxNivel'>Gestionar Leccion por Nivel</a>
								</li>
							</ul>
						</li>
						<li>
							<a href='../Banco' class='subs'>Gestionar Banco</a>
							<ul>
								<li>
									<a href='../Pregunta'>Gestionar Preguntas</a>
								</li>
								<li>
									<a href='../Examen'>Gestionar Examen</a>
								</li>
								<li>
									<a href='../PreguntaxExamen'>Gestionar Preguntas x Examen</a>
								</li>
							</ul>
						</li>
						<li>
							<a href='../TipoAyuda'>Gestionar Tipo de Ayuda</a>
						</li>
						<li>
							<a href='../Ayudaxleccion'>Gestionar Ayudan x Leccion(Subir Archivos)</a>
						</li>
						<li>
							<a href='../TipoSolucion'>Gestionar Tipo de Solucion</a>
						</li>
					</ul>
				</li>
			</ul>
		</td>";
	if($columnaActual==$columnasTotales) { echo "</tr>"; $columnaActual=0;}
	}
	?>
</table>
<script type="text/javascript">
	var menu=new menu.dd("menu");
	menu.init("menu","menuhover");
</script> 

[3nr1c]

Así sin ver la librería que usas para correr el menu, veo que estás usando ID's iguales. Por esto solo funciona uno. Prueba esto:

Código PHP:

<ul class='menus' id='menu<?php echo $columnaActual; ?>'>
 

Y los JavaScript:

Código Javascript:

<script type="text/javascript">
    var menu=new menu.dd("menu0");
    menu.init("menu0","menuhover");
</script>
 

Código Javascript:

<script type="text/javascript">
    var menu=new menu.dd("menu1");
    menu.init("menu1","menuhover");
</script>
 

etc.

Un saludo!

[zeuzft]

Iniciado por 3nr1c

Así sin ver la librería que usas para correr el menu, veo que estás usando ID's iguales. Por esto solo funciona uno. Prueba esto:

Código PHP:

<ul class='menus' id='menu<?php echo $columnaActual; ?>'>
 

Y los JavaScript:

Código Javascript:

<script type="text/javascript">
    var menu=new menu.dd("menu0");
    menu.init("menu0","menuhover");
</script>
 

Código Javascript:

<script type="text/javascript">
    var menu=new menu.dd("menu1");
    menu.init("menu1","menuhover");
</script>
 

etc.

Un saludo!

tengo una duda; los campos que se imprimen son de BD; por lo tanto en esta ocasion son solo 2 registros; q pasa si en algun momento llegan a ser 50 registros; tendria que poner 50 javascript citando a cada menu?

gracias x la pronta respuesta

[3nr1c]

En este caso podrías tener una función JS con un bucle for que inicializara todos los menus. Para saber cuantos hay, usas PHP:

Código Javascript:

(function(){
  for( i=0;i<<?php echo count($listadoCursoAsig); ?>;i++ ){
    var menu = menu.dd("menu"+i);
    menu.init("menu"+i,"menuhover");
  }
})();
 

Por cierto... Te ha funcionado antes? Un saludo

[zeuzft]

si funcionan normal; pero ahora ya no anda; x cierto menu me llamaba a una funcion antes declara en un fichero js.

var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible '}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();

pero al modificar el codigo ya no ejecuta, tampoco el 1ero
el codigo ya modificado quedaria asi; pero no corre; esto es en el fichero php; luego llama al fichero js antes mencionado

<table style="width:400px;border:3">
<?php
$columnaActual=0;
$columnasTotales=4;
foreach($listadoCursoAsig as $objCursoAsig)
{
$columnaActual++;
if($columnaActual==1) { echo "<tr>"; } echo "
<td>
<ul class='menus' id='menu".$columnaActual."'>
<li>
<a href='#' class='menuslink'>".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getCurso()."</a>
<ul>
<li>
<a href='../Tema&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."' class='subs'>Gestionar Temas</a>
<ul>
<li>
<a href='../TemaxCurso&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Tema por Curso</a>
</li>
<li>
<a href='../Subtema&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Subtemas</a>
</li>
<li>
<a href='../Leccion&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Leccion</a>
</li>
<li>
<a href='../LeccionxNivel&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Leccion por Nivel</a>
</li>
</ul>
</li>
<li>
<a href='../Banco&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."' class='subs'>Gestionar Banco</a>
<ul>
<li>
<a href='../Pregunta&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Preguntas</a>
</li>
<li>
<a href='../Examen&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Examen</a>
</li>
<li>
<a href='../PreguntaxExamen&idCurso=".$objCursoAsig->getObjCursoxEscuela()->getObjCurso()->getIdCurso()."'>Gestionar Preguntas x Examen</a>
</li>
</ul>
</li>
<li>
<a href='../TipoAyuda'>Gestionar Tipo de Ayuda</a>
</li>
<li>
<a href='../Ayudaxleccion'>Gestionar Ayudan x Leccion(Subir Archivos)</a>
</li>
<li>
<a href='../TipoSolucion'>Gestionar Tipo de Solucion</a>
</li>
</ul>
</li>
</ul>
</td>";
if($columnaActual==$columnasTotales) { echo "</tr>"; $columnaActual=0;}
}
?>
</table>
<script type="text/javascript">
function numero(){
for( i=0;i<<?php echo count($listadoCursoAsig); ?>;i++ ){
var menu = menu.dd("menu"+i);
menu.init("menu"+i,"menuhover");
}
}();
//var menu=new menu.dd("menu0");
//menu.init("menu0","menuhover");
</script>
gracias x la ayuda

[zeuzft]

no he podido solucionar el problema; algun tipo de solucion gracias

[jarios]

Puede que sea por esto (creo, lo he visto solo por encima):

Código Javascript:

var menu = new menu.dd("menu"+i);
 

Saludos.

[zeuzft]

Iniciado por jarios

Puede que sea por esto (creo, lo he visto solo por encima):

Código Javascript:

var menu = new menu.dd("menu"+i);
 

Saludos.

no entiendo; no se supone que las variables en javascript son new menu; y el contador va simple no con $i?