Comunidad de diseño web y desarrollo en internet online

Pasar parámetro em JQuery

Citar            
MensajeEscrito el 20 Feb 2011 01:17 am
Estoy desarrollando o conocido enlace Envie para um amigo. Lo tengo funcionando en Javascript de esta manera

Código Javascript :

<script language="Javascript1.2">
document.write('<a href="javascript:void(0)" onclick=window.open("recommend.php?loc='+window.location.href+'","","height=280,width=260,top=150,left=200,toolbar=no,menubar=no,location=no,status=no,resizable=1"); title="Recommend this to a friend">Envie para um amigo</a>');
</script>


Pero me gustaría abrir la ventana en JQuery. Hasta ahora conseguí abrirla con este código

Código Javascript :

<script>
        $(document).ready(function(){
            $(".elastic").colorbox();
            //Example of preserving a JavaScript event for inline calls.
            $("#click").click(function(){
                $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                return false;
            });
        });
</script>


Lo que me está faltando es pasar en este último el parámetro window.location.href tal como lo hace el primer código y pasar también el título de la página.

Alguien sabe como hacer eso?. Desde ya muchas grácias. Claudio

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 21 Feb 2011 06:56 pm
No hay necesidad de agregar los estilos CSS via Javascript.

Código HTML :

<a class="recomendar">Recomendar</a>

Código Javascript :

$('.recomendar').click(function(){
  $.colorbox({
    open: true,
    iframe: true,
    href: 'recomendar.php?loc=' + encodeURI(document.location.href),
    width: 300,
    height: 200
  })
});

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab



Ultima edición por NEO_JP el 21 Feb 2011 07:46 pm, editado 2 veces

Front-end Developer en Washington, DC

chrome
Citar            
MensajeEscrito el 21 Feb 2011 07:36 pm
Muchas gracias amigo pero cómo paso el título de la página?.

Desde ya muchas gracias. Claudio

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 21 Feb 2011 07:45 pm
Para coger el titulo usas

Código Javascript :

document.title

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome
Citar            
MensajeEscrito el 21 Feb 2011 08:56 pm
Y la concatenación de las dos variables, cómo queda?

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 21 Feb 2011 10:46 pm
Para concatenar usas +

Código Javascript :

var str = 'string' + 'string';
alert(str);
  // stringstring

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome
Citar            
MensajeEscrito el 22 Feb 2011 01:17 am
Amigo, disculpame pero me parece que no formulé bien la pregunta. Lo que quería preguntarte es como coloco las dos variables dentro del href o sea la de la URL de la página y el título de la misma para poder recuperarlas después con el php.

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 22 Feb 2011 01:22 am
Agregalas como variable get en el php, tal y como lo estoy haciendo con la url.

Código Javascript :

'recomendar.php?url=' + encodeURI(document.location.href) + '&title=' + encodeURI(document.title)

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome
Citar            
MensajeEscrito el 22 Feb 2011 01:48 am
Era exactamente eso lo que quería saber.

Muchas gracias

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 22 Feb 2011 03:32 am
Hay algún problema o con el código o conmigo, porque la ventana del Colorbox no abre mas

Código Javascript :

<title>ColorBox Examples</title>
   <style type="text/css">
      body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
      a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
      h2{font-size:13px; margin:15px 0 0 0;}
   </style>
   <link media="screen" rel="stylesheet" href="colorbox.css" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
   <script src="colorbox/jquery.colorbox.js"></script>
   <script>
      $('.recomendar').click(function(){ 
           $.colorbox({ 
             open: true, 
             iframe: true, 
             href: 'formulario.php?url=' + encodeURI(document.location.href) + '&title=' + encodeURI(document.title), 
             width: 300, 
             height: 200 
           }) 
      });
   </script>
</head>
<body>
   <p><a href="#" title="Compartilhe com um amigo" class='recomendar'>Envie para um amigo</a></p>
</body>

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.