html - Facebook share button in hidden div -


i need show fb-share-button in div. div hidden display:none css property. in ie when fb-share-button in hidden div, button doesn't show, , when div showed button continues hidden.

i try wait button loaded , hide div after, have no success.

this code: master.page:

<div id="fb-root"> </div>  <script>      (function(d, s, id) {         var js, fjs = d.getelementsbytagname(s)[0];         if (d.getelementbyid(id)) { return; }         js = d.createelement(s); js.id = id;         js.src = "//connect.facebook.net/es_es/sdk.js#xfbml=1&appid=536816803117001&version=v2.1";         fjs.parentnode.insertbefore(js, fjs);     } (document, 'script', 'facebook-jssdk')); </script>

the code show content , buttons:

<div id="sp_publicacionescapsula1" class="sp_publicacionesseccionoff">                 <ul class="sintipo sinmarginsinpadding">                     <%  (int16 = 0; < drinformes.count; i++)                         {%>                     <li class="sp_publicacionesseccionitem">                         <dl class="sp_publicacionesseccionitemtexto">                             <dt><a class="sp_publicacionestitulo" href="../salaprensa/publicacionesestudiocasos.aspx?est_id=<%=drinformes[i]["est_id"].getint()%>&est_tipo=1" title="enlace <%=drinformes[i]["est_titulo"].getpublishstring(40)%>">                                 <%=drinformes[i]["est_titulo"].getpublishstring()%></a></dt>                             <dd class="sinmarginsinpadding">                                 <%=drinformes[i]["est_resumen"].getpublishhtml()%></dd>                         </dl>                         <a href="../salaprensa/publicacionesestudiocasos.aspx?est_id=<%=drinformes[i]["est_id"].getint()%>&est_tipo=1" title="acceder la información completa de <%=drinformes[i]["est_titulo"].getpublishstring(40)%>">                             <img alt="icono de acceso la información completa de <%=drinformes[i]["est_titulo"].getpublishstring(40)%>" src="../_img/<%=tools.recursoscarpeta(this)%>flecha.png" class="sp_publicacionesestudiosflecha" /></a>                         <div style="clear: both">                             &nbsp;</div>                         <!--twitter-->                         <div style="float: left; width: 90px;">                             <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-url="<%= geturl(drinformes[i]["est_id"].getint(), 1)%>" data-counturl="<%= geturl(drinformes[i]["est_id"].getint(), 1)%>" data-text="<%=drinformes[i]["est_titulo"].getpublishstring()%>">tweet</a>                         </div>                         <!--facebook-->                         <div style="height: 20px!important; float: left; margin-top: 1px; display: block!important;">                             <div class="fb-share-button" data-href="<%= geturl(drinformes[i]["est_id"].getint(), 1)%>" data-type="button_count">                             </div>                         </div>                     </li>                     <%  }%>                 </ul>             </div>

the styles divs showing o hidding:

.sp_publicacionesseccionoff {        display:none;     float:left;      width:529px; } .sp_publicacionesseccionon {     display:block;     float:left;      width:529px; }

finally code js show or hide:

function abrirdesplegable(contenedor, seccionenlace, identificador, flecha) {  var contenedor = new object(); var desplegable = new object(); var flecha = new object(); var seccion = new object();  contenedor = document.getelementbyid(contenedor); desplegable = document.getelementbyid(identificador); flecha = document.getelementbyid(flecha); seccion = document.getelementbyid(seccionenlace);  if (desplegable.classname == 'sp_publicacionesseccionon') {     seccion.classname = 'sp_publicacionessecciontextolinkoff';     flecha.src = '../_img/flecha[off].gif';     desplegable.classname = 'sp_publicacionesseccionoff'; } else {     seccion.classname = 'sp_publicacionessecciontextolinkon';     flecha.src = '../_img/flecha[on].gif';     desplegable.classname = 'sp_publicacionesseccionon'; }  }

you need parse button after making visible:

fb.xfbml.parse();

more information: https://developers.facebook.com/docs/reference/javascript/fb.xfbml.parse

also, make sure pages using social plugins public , not available behind password protected areas.


Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria...
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w...
Read more