Problema con libreria!
Hola experto, tanto tiempo, como andas?
Te comento que estoy haciendo una pagina web para una distribuidora.
La misma cuenta con una seccion !Novedades!, para saber de los productos nuevos...
La idea era de que el usuario ni bien entre al index le aparezca un popUp diciendole que estaba disponible dicha seccion.
Para eso encontre un popUp muy elegante denominado gritter, escrito en jquery
me puse a investigar para implementarlo...
la pagina del script es este:
http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/
he probado de todo para lograr que se me ejecute ni bien termine de cargar el index.
lo que hice fue lo siguiente...
agregue los archivos a la cabercera:
<link rel="stylesheet" type="text/css" href="css/css_popup/jquery.gritter.css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.3.2');</script>
<script type="text/javascript" src="css/css_popup/js/jquery.gritter.min.js"></script>
luego hice una funcion:
<script type="text/javascript">
$(document).ready(function(){
$('#add-sticky').load(function(){
var unique_id = $.gritter.add({
// (string | mandatory) the heading of the notification
title: 'This is a sticky notice!',
// (string | mandatory) the text inside the notification
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" style="color:#ccc">magnis dis parturient</a> montes, nascetur ridiculus mus.',
// (string | optional) the image to display on the left
image: 'http://s3.amazonaws.com/twitter_production/profile_images/132499022/myface_bigger.jpg',
// (bool | optional) if you want it to fade out on its own or just sit there
sticky: true,
// (int | optional) the time you want it to be alive for before fading out
time: '',
// (string | optional) the class name you want to apply to that specific message
class_name: 'my-sticky-class'
});
// You can have it return a unique id, this can be used to manually remove it later using
/*
setTimeout(function(){
$.gritter.remove(unique_id, {
fade: true,
speed: 'slow'
});
}, 6000)
*/
return false;
});
});
</script>
tambien en la cabercera.
Eso seria suficiente para que el popUp inicie al cargar el index
La verdad que he hecho varias funciones pero ninguna da resultado
Espero tu respuesta experto.
Un abrazo
Te comento que estoy haciendo una pagina web para una distribuidora.
La misma cuenta con una seccion !Novedades!, para saber de los productos nuevos...
La idea era de que el usuario ni bien entre al index le aparezca un popUp diciendole que estaba disponible dicha seccion.
Para eso encontre un popUp muy elegante denominado gritter, escrito en jquery
me puse a investigar para implementarlo...
la pagina del script es este:
http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/
he probado de todo para lograr que se me ejecute ni bien termine de cargar el index.
lo que hice fue lo siguiente...
agregue los archivos a la cabercera:
<link rel="stylesheet" type="text/css" href="css/css_popup/jquery.gritter.css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.3.2');</script>
<script type="text/javascript" src="css/css_popup/js/jquery.gritter.min.js"></script>
luego hice una funcion:
<script type="text/javascript">
$(document).ready(function(){
$('#add-sticky').load(function(){
var unique_id = $.gritter.add({
// (string | mandatory) the heading of the notification
title: 'This is a sticky notice!',
// (string | mandatory) the text inside the notification
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" style="color:#ccc">magnis dis parturient</a> montes, nascetur ridiculus mus.',
// (string | optional) the image to display on the left
image: 'http://s3.amazonaws.com/twitter_production/profile_images/132499022/myface_bigger.jpg',
// (bool | optional) if you want it to fade out on its own or just sit there
sticky: true,
// (int | optional) the time you want it to be alive for before fading out
time: '',
// (string | optional) the class name you want to apply to that specific message
class_name: 'my-sticky-class'
});
// You can have it return a unique id, this can be used to manually remove it later using
/*
setTimeout(function(){
$.gritter.remove(unique_id, {
fade: true,
speed: 'slow'
});
}, 6000)
*/
return false;
});
});
</script>
tambien en la cabercera.
Eso seria suficiente para que el popUp inicie al cargar el index
La verdad que he hecho varias funciones pero ninguna da resultado
Espero tu respuesta experto.
Un abrazo
1 respuesta
Respuesta de krlosnow
1