Estaba navengando por internet y encontre esta web
http://www.orangesoda.com/blog/the-f...-3-promotions/
la misma cuando se esta leyendo el topic o post, y al final de repente aparece unos social bookmarks arriba...
he buscado y ese efecto lo hace este script para WP
http://www.orangesoda.com/blog/activ...for-wordpress/
Estoy tratando de hacer lomismo con la ayuda de este tutorial
http://lineadecodigo.com/jquery/carg...usando-jquery/
y interpretando el codigo que tiene el JS que el plugin de WP usa...
al final tengo este codigo
Código Javascript
:
Ver original$(document).ready(function(){
document.getElementById("broken-facebook span.fb_share_no_count").removeClass('fb_share_no_count');
document.getElementById("broken-facebook span.fb_share_count_inner").html('0');
var status = 'closed';
var active_share_comment_marker = document.getElementById("active-share-comment-marker");
var as_share_window = document.getElementById("as-share-window");
var h = ((active_share_comment_marker.offsetTop)-($(window).height()/2));
if (h < 200) { h = 200; }
$(document).scroll(function(){
if ((($(window).scrollTop()) > h) && as_share_window.style.top == '-150px' && status == 'closed') {
as_share_window.style.top = '0px';
status = 'opened';
}
else if (($(window).scrollTop() < h) && as_share_window.style.top == '0px' && status == 'opened'){
as_share_window.style.top = '-150px';
status = 'closed';
}
});
});
y en el template donde se visualiza los topicos (SMF) lo puse que solo se imprima este codigo
Código PHP:
Ver original<div id="active-share-comment-marker"></div>
una sola ves y lamisma se localiza al final del cuerpo del primer mensaje del topico (no en las respuestas)
este div lo que haces es activar el JS cuando la misma alcanza su poscion comparando con el scroll o mejor dicho cuando se esta haciendo con el scroll hacia abajo para leer el topic...
Pero nose que esta faltando o si en que parte estoy fallando por que no me lee o mejor dicho, no aparece, asi como el ejemplo de WP de esa pagina..
El div que contiene los Social Bookmarks o lo que uno quiere tiene esta estructura
Código PHP:
<div id="as-share-window" style="width:90%; height: 100px; display: block; position: fixed; top: -150px; background-color: #000;z-index: 100;">
<div style="width: 800px; margin: 20px auto;">
CONTENIDO
</div></div>;
un ejemplo parecido, pero en ves de cargar datos que aparezca ese div es este
http://lineadecodigo.com/wp-content/...on-scroll.html
Alguna Sugerencia o idea??
Desde ya gracias