switch no funciona

[cacr]

Saludos

Tengo la siguiente función de js:

<script language="javascript" type="text/javascript">
function alternar(opc){
switch (opc) { alert(opc);
case '1':
document.getElementById('p1').style.display='';
document.getElementById('p2').style.display='none' ;
document.getElementById('p3').style.display='none' ;
document.getElementById('p4').style.display='none' ;
document.getElementById('p5').style.display='none' ;
break;
case '2':
document.getElementById('p1').style.display='none' ;
document.getElementById('p2').style.display='';
document.getElementById('p3').style.display='none' ;
document.getElementById('p4').style.display='none' ;
document.getElementById('p5').style.display='none' ;
break;
case '3':
document.getElementById('p1').style.display='none' ;
document.getElementById('p2').style.display='none' ;
document.getElementById('p3').style.display='';
document.getElementById('p4').style.display='none' ;
document.getElementById('p5').style.display='none' ;
break;
}
}
</script>

y el siguiente código php:

<table align="center" border="0" cellpadding="0" cellspacing="2" class="pestas" style="width:100%">
<tr>
<td><a href="javascript:alternar('1');">Familia</a></td>
<td><a href="javascript:alternar('2');">Dirección</a></td>
<td><a href="javascript:alternar('3');">Representante</a></td>
</tr>
</table>
...
<table align="center" border="1" cellpadding="0" cellspacing="2" id="p1" style="display:none; width:100%">
<tr>
<td>Pestaña 1</td>
</tr>
</table>
<table align="center" border="1" cellpadding="0" cellspacing="2" id="p2" style="display:none; width:100%">
<tr>
<td>Pestaña 2</td>
</tr>
</table>
<table align="center" border="1" cellpadding="0" cellspacing="2" id="p3" style="display:none; width:100%">
<tr>
<td>Pestaña 3</td>
</tr>
</table>

Pero, no funciona...

El objetivo, es simular unas pestañas...

De hecho, el alert dentro del switch, no le llega... sí pongo el alert dentro de la función fuera del switch, entonces si va

Gracias de una

[frijolerou]

Intenta eliminando las comillas simples que usas en cada CASE:

case 1:
case 2:
etc.

[caricatos]

Hola:

Ese alert debe dar un error porque las instrucciones deben ubicarse dentro de los "case"

Saludos

[cacr]

Hola...

Éste es el mensaje que me bota la cónsola de js de firefox:

Error: Error in parsing value for property 'display'. Declaration dropped.
Source File: http://localhost/~cesar/ee/
Line: 0

Ya he probado quitando las comillas simples de los valores del case, cambiado por comillas dobles, agregado comillas simples y dobles a la variable en el switch...

[Cap.Buscapina]

quitandole esto , funciona en FF y Opera:

switch (opc) { alert(opc);

(como ya lo havía dicho Caricatos)

sigue arrojando un error pero es porque falta los objetos con id=p4 y id=p5.

el resto parece funcionar correctamente.

saludos

PD: Lo de las comillas, o las dejas tanto en lallamada a la funcion y el case, o la quitas en los dos.(de ambas formas funciona igual)

[Cap.Buscapina]

Solo alos efectos de proporcionarte otra alternativa probá reemplazar tu funcion por esta:

function alternar(opc){
id="p"+opc;
for (x=1;x<5;x++){
document.getElementById('p'+x).style.display=(id== ('p'+x))?"":"none";
}
}

debería cubrir las mismas expectativas.

Tal ves no se adapte a tus necesidades(y el swich si lo haga), pero es solo para ponerte un ejemplo de como simplificar el proceso.

saludos