Código de JavaScript - Manejo de etiquetas por nombre e indexado

Imágen de perfil

Manejo de etiquetas por nombre e indexadográfica de visualizaciones


JavaScript

Actualizado el 21 de Noviembre del 2016 por ScriptShow (Publicado el 19 de Noviembre del 2016)
701 visualizaciones desde el 19 de Noviembre del 2016. Una media de 14 por semana
Tan sencillo como indicarle a la función JavaScript un índice para que la etiqueta definida en el DOM cambie de clase CSS. Un evento y la función correspondiente se encargan de enviar el número para localizar la posición que ocupa la etiqueta en la estructura HTML...

mostrar-ocultar-contenido

Requerimientos

Un navegador web o dispositivo compatible.

1.0

Actualizado el 27 de Noviembre del 2016 (Publicado el 19 de Noviembre del 2016)gráfica de visualizaciones de la versión: 1.0
702 visualizaciones desde el 19 de Noviembre del 2016. Una media de 14 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
<!doctype html>
<html>
<head>
<style>
h2 {background:#EFEFEF;cursor:pointer}
.show {color:darkblue;display:block}
.hide {color:transparent;display:none}
</style>
<script>
function test(o)
{
var obj = document.getElementsByTagName("div")[o];
obj.className = obj.className == "hide" ? "show" : "hide";
}
</script>
</head>
<body>
<h2 OnClick="test(0)">
+ información 1.
</h2>
<div class="hide">
<i>C O N T E N I D O - 1.</i><br><b>Al pulsar se muestra lo que pongas aquí...</b>
</div>
<h2 OnClick="test(1)">
+ información 2.
</h2>
<div class="hide">
<i>C O N T E N I D O - 2.</i><br><b>Al pulsar se muestra lo que pongas aquí...</b>
</div>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3760