javascript - Call function from WordPress function.php to page-home.php -


i'm stuck @ this. please help. basically, i'm trying create hover on image reveal social icons effect. clicking social icon take relevant page of social website in new window. got hover work except onclick not opening @ all.

my main social icon function in functions.php follows:

    function tfd_social_buttons($content) { global $post; $permalink = get_permalink($post->id); $title = get_the_title(); if(!is_feed() && !is_home() && !is_page()) {     $content = $content . '<div class="tfd-social-buttons"> <h5>share on</h5>      <a class="icon-twitter" href="http://twitter.com/share?text='.$title.'& url='.$permalink.'"         onclick="window.open(this.href, \'twitter-share\', \'width=550,height=235\');return false;">         <span>twitter</span>     </a>          <a class="icon-fb" href="https://www.facebook.com/sharer/sharer.php?u='.$permalink.'"          onclick="window.open(this.href, \'facebook-share\',\'width=580,height=296\');return false;">         <span>facebook</span>     </a>      <a class="icon-gplus" href="https://plus.google.com/share?url='.$permalink.'"        onclick="window.open(this.href, \'google-plus-share\', \'width=490,height=530\');return false;">         <span>google+</span>     </a> </div>'; } return $content;  }   add_filter('the_content', 'tfd_social_buttons');'

this i'm trying implement on page-home.php

<!-- beginning of featured stories -->             <div id="freshly-pressed"> <?php global $post; $args = array( 'post_type' => 'post', 'posts_per_page' => -1 ); $myposts = get_posts( $args );  foreach( $myposts $post ) : setup_postdata($post); ?>              <div class="press">    <figure class="cap-bot">             <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('large', array('class' => 'featured-thumb grayscale')); ?></a>            <figcaption>       <div class="tfd-social-buttons"> <a class="icon-twitter" href="http://twitter.com/share?text='.$title.'& url='.$permalink.'"     onclick="window.open(this.href, \'twitter-share\', \'width=550,height=235\');return false;">     <span>twitter</span> </a>      <a class="icon-fb" href="https://www.facebook.com/sharer/sharer.php?u='.$permalink.'"      onclick="window.open(this.href, \'facebook-share\',\'width=580,height=296\');return false;">     <span>facebook</span> </a>  <a class="icon-gplus" href="https://plus.google.com/share?url='.$permalink.'"    onclick="window.open(this.href, \'google-plus-share\', \'width=490,height=530\');return false;">     <span>google+</span> </a> </div>  </figcaption>  </figure>                 <div class="press-info"> <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>             <p><?php the_date(); ?></p><p><?php $content = get_the_content(); echo wp_trim_words( $content , '15' ); ?></p>             </div><!-- press-info -->               </div><!-- press -->        <?php endforeach; ?>              </div><!-- freshly pressed -->                <!-- end of featured stories -->

the hover effect , icons visible onclick not open new window. there anyway can call function upon onclick functions.php. appreciated thanks.

wordpress stops lines of code security reasons, , problem doesn't inform you. try using plugin insert code in post, when install plugin put code between [script] , [/script]


-

Comments

Post a Comment

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

the default binder in web api expecst http://url.com/webapi/report/?pageids=3243&pageids=2365 to bind public ihttpactionresult report(list<int> pageids){ // exciting webapi code} i wish bind http://url.com/webapi/report/?pageids=3243,2365 as running out of space in url get . i have created class public class commaseparatedmodelbinder : system.web.http.modelbinding.imodelbinder { public bool bindmodel(httpactioncontext actioncontext, modelbindingcontext bindingcontext) { //binding in here } } and registered in webapiconfig.cs var provider = new simplemodelbinderprovider( typeof(list<int>), new commaseparatedmodelbinder()); config.services.insert(typeof(modelbinderprovider), 0, provider); i have altered method signature use model binder so public ihttpactionresult report( [modelbinder] list<int> pageids){ // exciting webapi code} however break point in binder not being
Read more

Delphi 7 and decode UTF-8 base64 -

in delphi 7, have widestring encoded base64(that received web service widestring result) : pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg== when decoded it, result not utf-8: <?xml version="1.0"?> <string>طھط³طھ</string> but when decoded base64decode.org, result true : <?xml version="1.0"?> <string>تست</string> i have use encddecd unit decodestring function. the problem have using decodestring . function, in delphi 7, treats decoded binary data being ansi encoded. , problem text utf-8 encoded. to continue encddecd unit have couple of options. can switch decodestream . instance, code produce utf-8 encoded text file data: {$apptype console} uses classes, encddecd; const data = 'pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg=='; var input: tstringstream; output: tfilestream; begin input := tstringstream.create(data); try output := tfilestream.
Read more

html - Is there any way to exclude a single element from the style? (Bootstrap) -

so, have img logo, overlaid on div styled background-image: url("...") , , both elements inside 2 div classes .to-color , .to-overlay respectively, black transparent overlay. is there way exclude logo style given these 2 classes? here's jsfiddle example: link html , css example: - html - <div class="to-color"> <div class="to-overlay"> <div class="respo"> <div class="row"> <div class="col-xs-4 col-xs-offset-4 text-center"> <img src="http://ansonalex.com/wp-content/uploads/2011/06/google-logo-768x260.png" alt="..." class="img-responsive"> </div> </div> </div> </div> </div> - css - .to-color { background-color: #000; } .to-overlay { opacity : 0.5; } .respo { background-image: url("https://source.unsplash.com/category/objects/1600x900"); background-position: center center;
Read more