Mostrar y Ocultar DIV.

837 views
Skip to first unread message

Jonathan Terrada

unread,
Oct 18, 2012, 5:51:00 PM10/18/12
to php...@googlegroups.com
Hola a todos, se que no tiene que ver del todo con PHP, pero llevo
toda la tarde sin darle en la tecla.
Estoy desarrollando un diario en el cual tengo: un titulo, un resumen
y cuando hago click en [mas...] muestro el detalle.
Lo que yo había hecho es colocar el detalle en un div oculto y al
hacer click en [mas...] lo muestro. Hasta acá sin problemas.
El tema es cuando tengo n divs con resumenes, como referencio para
mostar a uno en particular ?

Muchas gracias de antemano.
JT.

Diego Cañizares

unread,
Oct 18, 2012, 5:52:32 PM10/18/12
to php...@googlegroups.com
2012/10/18 Jonathan Terrada <jonatha...@gmail.com>:
Colocandole un ID a cada div, de manera de poder acceder a cada uno
por separado.

--
Diego G. Cañizares
Geek | Coder | Lover
http://diegocanizares.com.ar

--
Por favor, evite enviarme documentos adjuntos en formato Word, Excel o
PowerPoint.
Lea http://www.gnu.org/philosophy/no-word-attachments.es.html

Bruno Tenaglia

unread,
Oct 18, 2012, 5:56:23 PM10/18/12
to php...@googlegroups.com

Claro, ponele un id único a cada uno, y luego con jquery

$(id).show();

Sldos y suerte

-------------------------------------------
Bruno M. Tenaglia -
Analista de Sistemas / Analista Programador
Skype: brunomartintenaglia
Celular: 3416007222
-------------------------------------------
 
Enviado desde un Motorola Milestone

-------------------------------------------

El oct 18, 2012 6:52 p.m., "Diego Cañizares" <diegoca...@gmail.com> escribió:

2012/10/18 Jonathan Terrada <jonatha...@gmail.com>:

> Hola a todos, se que no tiene que ver del todo con PHP, pero llevo

> toda la tarde sin darle en la...

Colocandole un ID a cada div, de manera de poder acceder a cada uno
por separado.

--
Diego G. Cañizares
Geek | Coder | Lover
http://diegocanizares.com.ar

--
Por favor, evite enviarme documentos adjuntos en formato Word, Excel o
PowerPoint.
Lea http://www.gnu.org/philosophy/no-word-attachments.es.html


--
Has recibido este mensaje porque estás suscrito al grupo "Grupo PHP Argentina" de Grupos de Goo...

Jonathan

unread,
Oct 18, 2012, 5:58:11 PM10/18/12
to php...@googlegroups.com
Gracias por contestar tan rapido.
No puedo hacer eso, ya que tengo el div dentro de un while mostran el contenido de una tabla.
Por ende no se cuantos tengo ni los puedo identificar.
Habrá otra manera ?
--
Has recibido este mensaje porque estás suscrito al grupo "Grupo PHP Argentina" de Grupos de Google.
Para publicar una entrada en este grupo, envía un correo electrónico a php...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a php-arg+u...@googlegroups.com
Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/php-arg?hl=es.

Jonathan Muszkat

unread,
Oct 18, 2012, 6:07:13 PM10/18/12
to php...@googlegroups.com
???
Me extraña pone cualquier variable como contador...

Ej
$i = 0;
while($algo){
    $i++;
    //<div id="algo-$i"
}

2012/10/18 Jonathan <jonatha...@gmail.com>



--
Jonathan Ariel Muszkat
Gtalk: mus...@gmail.com
Celular: (011)15-4-399-6363
Linkedin: http://www.linkedin.com/in/musky
Twitter: @jonymusky
Blog: http://www.jonymusky.com.ar

Skype: jony.musky

The only way to do great work is to love what you do. If you haven’t found it yet, keep looking. -- Steve Jobs

Diego Cañizares

unread,
Oct 18, 2012, 6:10:15 PM10/18/12
to php...@googlegroups.com
2012/10/18 Jonathan <jonatha...@gmail.com>:
> Gracias por contestar tan rapido.
> No puedo hacer eso, ya que tengo el div dentro de un while mostran el contenido de una tabla.
> Por ende no se cuantos tengo ni los puedo identificar.
>

Y esa tabla no tiene un id? Podés hacer lo que te dice Jonathan o bien
colocarle el ID de cada registro. Cualquiera de las dos formas es
válida.

>
> Habrá otra manera ?
>

No. Y si hay, es un workaround asqueroso. Usá ID.

Agustin Quiroga

unread,
Oct 18, 2012, 6:10:35 PM10/18/12
to php...@googlegroups.com
Si lo haces con jquery podes hacer 
onclick="$(this).show()"

O les das un class a todos los divs y despues registras una accion para todos:

$(function(){
  $('.los_divs').click(function(e){
    e.preventDefault();
    $(e.currentTarget).show();
  })
}) 

No estoy seguro del currentTarget... o si no es this.

 

Agustín Quiroga
Web.Q
Web. www.webq.com.ar
Twitter. @AgusQuiroga
Tel: +54.11.5368.7921 - Dir: Arenales 2838, 8° A.
Ciudad Autónoma de Buenos Aires, Argentina.
"Asesoramiento, desarrollo y soporte para proyectos y negocios en internet."



2012/10/18 Jonathan Muszkat <mus...@gmail.com>

Jonathan

unread,
Oct 18, 2012, 6:10:53 PM10/18/12
to php...@googlegroups.com
Esa es buena. Pero a su vez ese div lo tengo en un .css

Va queriendo......
Faltan. Los estilo y ya está.

From: Jonathan Muszkat <mus...@gmail.com>
Date: Thu, 18 Oct 2012 19:07:13 -0300

Jonathan Muszkat

unread,
Oct 18, 2012, 6:12:54 PM10/18/12
to php...@googlegroups.com
ponele una class="estiloDiv" y listo...


2012/10/18 Jonathan <jonatha...@gmail.com>

Mariano Garcia Berrotarán

unread,
Oct 18, 2012, 6:13:08 PM10/18/12
to php...@googlegroups.com
2012/10/18 Diego Cañizares <diegoca...@gmail.com>:
> No. Y si hay, es un workaround asqueroso. Usá ID.

Maomenoh, podes ponerle una clase generica al div a mostrar y usas
jQuery().next(<selector>), donde <selector> es la clase a mostrar.
Obviamente ahi dependes de que el markup sea siempre igual, pero no me
parece un workaround asqueroso

--
Mariano García Berrotarán

Jonathan

unread,
Oct 18, 2012, 6:15:45 PM10/18/12
to php...@googlegroups.com
Osea, uso un id y una class al mismo tiempo ?


From: Jonathan Muszkat <mus...@gmail.com>
Date: Thu, 18 Oct 2012 19:12:54 -0300

Diego Cañizares

unread,
Oct 18, 2012, 6:16:00 PM10/18/12
to php...@googlegroups.com
2012/10/18 Mariano Garcia Berrotarán <garcia.b...@gmail.com>:
Bueno. Lo cerramos en workaround feo, dale? =P

Calculá que si mete un mínimo cambio en el markup, puede llegar a romper eso.

De igual manera, él en un principio hablaba de referirse a un div
particular... y con next es más engorroso hacer eso.

Salutes!

Jonathan Muszkat

unread,
Oct 18, 2012, 6:16:52 PM10/18/12
to php...@googlegroups.com
Si!
y en el css pones

.nombreClass {
//Estilo
}

2012/10/18 Jonathan <jonatha...@gmail.com>

Diego Cañizares

unread,
Oct 18, 2012, 6:17:25 PM10/18/12
to php...@googlegroups.com
2012/10/18 Agustin Quiroga <agusq...@webq.com.ar>
>
>> $(function(){
>> $('.los_divs').click(function(e){
>> e.preventDefault();
>> $(e.currentTarget).show();
>> })
>> })
>
>
> No estoy seguro del currentTarget... o si no es this.
>

e.currentTarget le va a servir con bubbling.

Sino puede resolverlo directamente con e.target.

Mariano Garcia Berrotarán

unread,
Oct 18, 2012, 6:17:49 PM10/18/12
to php...@googlegroups.com
2012/10/18 Diego Cañizares <diegoca...@gmail.com>:
> Bueno. Lo cerramos en workaround feo, dale? =P

en un proyecto denominabamos eso THTE, y era re comun en el codigo
leer ese comentario.

THTE era Too Hard To Explain. =D


--
Mariano García Berrotarán

Jonathan

unread,
Oct 18, 2012, 6:18:09 PM10/18/12
to php...@googlegroups.com
Barbaro, mañana les cuento.

Muchas gracias !!!!

From: Jonathan Muszkat <mus...@gmail.com>
Date: Thu, 18 Oct 2012 19:16:52 -0300

Diego Cañizares

unread,
Oct 18, 2012, 6:20:16 PM10/18/12
to php...@googlegroups.com
2012/10/18 Mariano Garcia Berrotarán <garcia.b...@gmail.com>:
> 2012/10/18 Diego Cañizares <diegoca...@gmail.com>:
>> Bueno. Lo cerramos en workaround feo, dale? =P
>
> en un proyecto denominabamos eso THTE, y era re comun en el codigo
> leer ese comentario.
>
> THTE era Too Hard To Explain. =D
>

Jeee! Igual me daría miedito encontrar código con comments así...

Es como encontrar en la documentación un "tl;dr"! XD

Salut!

Camello Ar

unread,
Oct 18, 2012, 7:37:30 PM10/18/12
to php...@googlegroups.com
En una pagina estática puro javascript que hice (un generador de código formateado para presentaciones estandarizadas en SMF/PortaMX) (algo de uso interno), que tenía varios DIVs con las distintas secciones, y se podian cerrar/abrir para tener una visión mejor del código implemente:

Un boton input submit para el mostrar/ocultar con un id similar (no igual) al div a mostrar/ocultar

<input type="submit" value="Mostrar" id="1link" onclick=javascript:void(cambiar(this.id)); class=boton>

Un campo DIV con un id que agrega _div y está oculto por defecto

<div id="1link_div" style="display:none">

La función cambiar

function cambiar($nombre) {
$nombre2 = $nombre + '_div';
if (document.getElementById($nombre2).style.display=="") {
document.getElementById($nombre2).style.display="none";
document.getElementById($nombre).value="Mostrar";
} else {
document.getElementById($nombre2).style.display="";
document.getElementById($nombre).value="Ocultar";
}
No es tan limpio como jQuery (creo).

Reply all
Reply to author
Forward
0 new messages