pasar de un ligthbox a otro con diferentes valores

[el_loco90]

amigos:
estoy tratando de que se pase de una ventana a otra en disitintos tamaños width y heigth pero no lo consigo.

por ejemplo:
lo estoy haciendo asi

primer boton (ACA ABRE EN 815 X 440) abre el ligthbox desde index.php
<a href="registro.php" class="linkeos" onclick="$(this).modal({width:815, height:440}).open();return false;">Registrate</a>

segondo boton (ACA ABRE IGUAL EN 815 X 440 CUANDO TENDRIA QUE SER DE 200 X 200) abre desde un ligthbox ya abierto
<a href="recupero.php" class="linkeos" onclick="$(this).modal({width:200, height:200}).open();return false;">Recuperar clave</a>

es decir cuando estoy en un ligthbox me abre la pagina en el tamaño ya abierto anteriormente y no respecta lo valores puestos en el link.

gracias.

[el_loco90]

una ayudita porfavor, no puedo solucionar el poblema

[el_loco90]

no me pueden ayudar porfavor? se que esta mal levanta un tema pido mil disculpas a todos pero enserio me estoy volviendo loco, nose que hacer probe con distintos ligthbox y tambien me hace lo mismo ademas descargue la librerias actualizadas y nada

alguien sabe que puedo hacer

[gebremswar]

Hola el_loco90, que tal.

El método .modal() lo he visto en bootstrap.
Que plugin estas usando? No parece jQuery lightBox plugin.

También me gustaría ver el resto de código JavaScript, para que de esta manera pueda darte una solución más acertada.

Por último, te pediría que uses el Highlight para exponer tu código en los mensajes.

Ejemplo:

Código HTML:

<a href="recupero.php" class="linkeos" onclick="$(this).modal({width:200, height:200}).open();return false;">Recuperar clave</a>
 

[el_loco90]

Iniciado por gebremswar

Hola el_loco90, que tal.

El método .modal() lo he visto en bootstrap.
Que plugin estas usando? No parece jQuery lightBox plugin.

También me gustaría ver el resto de código JavaScript, para que de esta manera pueda darte una solución más acertada.

Por último, te pediría que uses el Highlight para exponer tu código en los mensajes.

Ejemplo:

Código HTML:

<a href="recupero.php" class="linkeos" onclick="$(this).modal({width:200, height:200}).open();return false;">Recuperar clave</a>
 

hola capo

ahora me baje el modal colorbox, esta es la pagina http://www.jacklmoore.com/colorbox me anda todo perfecto salvo una cosita que quizas me podes dar un mano

cuando entro a un modal y desde el mismo entro a otro modal no me cierra el ya abierto

por ejemplo:
-entro a un modal
-desde ese mismo entro a otro modal (y me queda dos modal abierto en vez del ultimo)

saludos

[gebremswar]

Iniciado por el_loco90

ahora me baje el modal colorbox, esta es la pagina http://www.jacklmoore.com/colorbox me anda todo perfecto salvo una cosita que quizas me podes dar un mano

Por supuesto, para eso estamos en el foro

Iniciado por el_loco90

cuando entro a un modal y desde el mismo entro a otro modal no me cierra el ya abierto
por ejemplo:
-entro a un modal
-desde ese mismo entro a otro modal (y me queda dos modal abierto en vez del ultimo)

Eso lo podemos traducir como: que deseas que el primer 'modal' que se abrió se cierre una vez el segundo se muestre.

Bueno, una vez más me expones tu problema sin mostrarme el código con el que estas trabajando. Pero para no desperdiciar este mensaje que estoy escribiendo sin aportar una solución a tu problema aunque sea limitada, te indicaré lo siguiente.

El ColorBox por lo general cuenta, en cada elemento modal, un elemento destinado a cerrarlo. Suele ser una "X" y responde al evento click. El cual lleva como id="cboxClose".

Pues bien, puedes provocar que el evento destinado a cerrar ocurra con un .trigger() de jQuery el cual debes incluir justo en el evento click que abre tu segundo 'modal'.

Esta solución es la más sencilla que se me ocurre. Por favor coméntanos tus dudas.

[el_loco90]

Iniciado por gebremswar

Por supuesto, para eso estamos en el foro



Eso lo podemos traducir como: que deseas que el primer 'modal' que se abrió se cierre una vez el segundo se muestre.

Bueno, una vez más me expones tu problema sin mostrarme el código con el que estas trabajando. Pero para no desperdiciar este mensaje que estoy escribiendo sin aportar una solución a tu problema aunque sea limitada, te indicaré lo siguiente.

El ColorBox por lo general cuenta, en cada elemento modal, un elemento destinado a cerrarlo. Suele ser una "X" y responde al evento click. El cual lleva como id="cboxClose".

Pues bien, puedes provocar que el evento destinado a cerrar ocurra con un .trigger() de jQuery el cual debes incluir justo en el evento click que abre tu segundo 'modal'.

Esta solución es la más sencilla que se me ocurre. Por favor coméntanos tus dudas.

hola capo lo hice pero no me anda, te paso el codigo para que vea la estructura y como lo estoy haciendo

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset='utf-8'/>
<title>Ligthbox con compartibilidad</title>
<link rel="stylesheet" href="styles/colorbox.css" />
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".ir2").colorbox.trigger()({iframe:true, width:"300", height:"500"});
$(".callbacks").colorbox({
});
});
</script>
</head>
<body>
 
<a class='ir2' href="pagina.html">Ver</a>
 
</body>
</html>
 

gracias por ayudame

[el_loco90]

logre que me ande en internet explore pero en el chorme y firefox no, alguien sabe lo que puede ser

lo estoy haciendo asi

javascript

Código Javascript:

<script>
        $(document).ready(function(){           
            $(".btn_example2").click(function(){
                parent.jQuery.colorbox({iframe:true, width:"600", height:"500", href:"2.html"});
            })
        });
    </script>
 

vinculo

Código HTML:

<a href="" class="btn_example2">Va a 2</a><
 

gracias

[gebremswar]

el_loco90. No me extraña que algo que estando mal "funcione" en IE y que por obvias razones no lo haga en Firefox o Chrome.

Dejando de lado ese tema. Revisa este ejemplo que preparé:

index.html

Código Javascript:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primary ColorBox</title>
<link rel="stylesheet" type="text/css" href="../../JQueryPlugin/colorbox/example1/colorbox.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/jackmoore/colorbox/master/colorbox/jquery.colorbox.js"></script>
<script>
$(function(){
    $('a.primary').colorbox({iframe:true, height:"200", width:"300", scrolling:false})
});
</script>
</head>
<body>
<div id="site">
    <a href="colorbox-primary.html" class="primary">Primary ColorBox</a>
</div>
</body>
</html>
 

colorbox-primary.html

Código HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primary ColorBox</title>
<style type="text/css">
#wrapper {background-color:yellow;height:200px;width:300px}
</style>
</head>
<body>
<div id="wrapper"> 
   <div>PRIMARY BOX</div>
   <a href="colorbox-secondary.html" class="secondary">Secondary ColorBox</a>
</div>
</body>
</html>
 

colorbox-secondary.html

Código Javascript:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Secondary ColorBox</title>
<style>
#page {background-color:greenyellow;height:300px;width:400px}
</style>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/jackmoore/colorbox/master/colorbox/jquery.colorbox.js"></script>
<script>
$(function(){
    parent.$.colorbox.resize({height:$('#page').height(),width:$('#page').width()});
});
</script>
</head>
<body>
<div id="page">
Content page
</div>
</body>
</html>
 

Preparé el ejemplo partiendo del problema que describiste en el primer mensaje.

Importante: en el index.html cambia la ruta del la hoja de estilos del plugin colorbox.css por una que tengas disponible y prueba el ejemplo tal cual.

Coméntanos tus dudas.

Saludos.

[el_loco90]

Iniciado por gebremswar

el_loco90. No me extraña que algo que estando mal "funcione" en IE y que por obvias razones no lo haga en Firefox o Chrome.

Dejando de lado ese tema. Revisa este ejemplo que preparé:

index.html

Código Javascript:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primary ColorBox</title>
<link rel="stylesheet" type="text/css" href="../../JQueryPlugin/colorbox/example1/colorbox.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/jackmoore/colorbox/master/colorbox/jquery.colorbox.js"></script>
<script>
$(function(){
    $('a.primary').colorbox({iframe:true, height:"200", width:"300", scrolling:false})
});
</script>
</head>
<body>
<div id="site">
    <a href="colorbox-primary.html" class="primary">Primary ColorBox</a>
</div>
</body>
</html>
 

colorbox-primary.html

Código HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primary ColorBox</title>
<style type="text/css">
#wrapper {background-color:yellow;height:200px;width:300px}
</style>
</head>
<body>
<div id="wrapper"> 
   <div>PRIMARY BOX</div>
   <a href="colorbox-secondary.html" class="secondary">Secondary ColorBox</a>
</div>
</body>
</html>
 

colorbox-secondary.html

Código Javascript:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Secondary ColorBox</title>
<style>
#page {background-color:greenyellow;height:300px;width:400px}
</style>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/jackmoore/colorbox/master/colorbox/jquery.colorbox.js"></script>
<script>
$(function(){
    parent.$.colorbox.resize({height:$('#page').height(),width:$('#page').width()});
});
</script>
</head>
<body>
<div id="page">
Content page
</div>
</body>
</html>
 

Preparé el ejemplo partiendo del problema que describiste en el primer mensaje.

Importante: en el index.html cambia la ruta del la hoja de estilos del plugin colorbox.css por una que tengas disponible y prueba el ejemplo tal cual.

Coméntanos tus dudas.

Saludos.

gracias amigazo, este tema de incompatiblidad de lo navegadores me tiene locooo jaja

ahora instale el chorme y me sale todo mal, es decir tengo una tabla de 6 filas por ejemplo asi

1- registrate
2- formulario de registracion
3- compartidos en facebook
4- muestra los compartidos
5- publicidades
6- muestra la publicidades

entre el 4 y 6 lo muestra uno arriba de otro, es decir facebook con publicidades juntas cualquier cosa es, esta todo bien hecho no es algo dificil tampoco, cree una tabla con 6 filas a 230px y puse el contenido, me anduvo bien hasta ahora

te paso el codigo para que tenga una idea, pero a mi parecer esta perfecto ¿puede ser la maquina? en el localhost o internet me hace lo mismo

Código HTML:

<td width="23%" align="center" valign="top"><table width="290" border="0" align="right">
      <tr>
        <td class="categoriasprincipalindex"><span class="style5">Registrate</span>
          <iframe src="registroinicio.php" name="window" width="290" marginwidth="0" height="135" scrolling="No" frameborder="0" id="window"></iframe></td>
      </tr>
      <tr>
        <td class="resaltadoletrasindex">Compartidos</td>
      </tr>
      <tr>
        <td class="categoriasprincipalindex"><div class="fb-activity" data-site="http://www.openlatino.com.ar" data-width="290" data-height="270" data-header="true" data-recommendations="false"></div></td>
      </tr>
      <tr>
        <td class="resaltadoletrasindex">Open Publicidades </td>
      </tr>
      <tr>
        <td class="categoriasprincipalindex"><table width="100%" border="0">
            <tr>
              <td width="35%"><a href="<?php echo (!empty($voyalapublicidad[1])?$voyalapublicidad[1]:"index.php") ;?>"><img src="<?php 
                    echo (!empty($linea1[1])?$fato[1]:"../images/bandera.gif");?>" alt=""
width="91" height="70" border="0" /></a></td>
              <td width="65%"><div align="left">
                <?php
                  echo "<div style='ninguno'>";
                  echo (!empty($linea1[1])?$linea1[1]:"Publicidad")."<br>";
                  echo (!empty($linea2[1])?$linea2[1]:"Publicidad")."<br>";
                  echo "</div>";
                ?>
              </div></td>
            </tr>
            <tr>
              <td><a href="<?php echo (!empty($voyalapublicidad[2])?$voyalapublicidad[2]:"index.php") ;?>"><img src="<?php echo (!empty($linea1[2])?$fato[2]:"../images/bandera.gif");?>" alt=""
width="91" height="70" border="0" /></a></td>
              <td><div align="left">
                <?php
                echo "<div style='ninguno'>";
                echo (!empty($linea1[2])?$linea1[2]:"Publicidad")."<br>";
                echo (!empty($linea2[2])?$linea2[2]:"Publicidad")."<br>";
                echo "</div>";
                ?>
              </div></td>
            </tr>
        </table></td>
      </tr>
    </table>