Thursday, April 9, 2015

Here’s the button that integrates Facebook and Whatsapp – The Press

‘); // Var adX25Out j = $ (‘

‘); // AdX25Out.append (adX25); $ J (“. Ls-articoloTesto p: eq (1)”). After (adX25); // AdX25Out.insertAfter (spacer); } Else {adX25.insertAfter ($ j (“# ls-multimedia”)); }} WriteCapture.write (document.getElementById (‘ad_x25′), ‘ OAS_AD (“x25″) ‘ + ‘ipt & gt;’); }); }); }); }

This is the button that integrates Facebook and Whatsapp

After more than one year from Palo Alto begins testing a system to share the contents of the social network on the system of instant messaging

For now it’s just a button but it is the first concrete step Facebook has decided to make integration with Whatsapp, Zuckerberg bought by more than a year ago. The “Send” button, which allows you to send content via Whatsapp directly from the Facebook wall, she appeared with the last update of the application for Android (for now only for users who are part of the testing program of the social network).

The new button, as you can see from the images posted on some sites specialized, appeared alongside the “Like” and functions to share and comment.

Print with you anywhere, anytime

 

Reuters

 04/09/2015

 

Reuters

 04/09/2015

 

Reuters

 04/09/2015

 

AFP

 04/09/2015

“);} // ——————— —————————– // // Move to column 2 related articles // // —— ——————————————– if (device.mobile ( )) {var ArtCorr j = $ (“# col1ContainerArtCorr”). detach (); $ j (“# ed_Related_Box”). before (ArtCorr); var cont = ArtCorr.find (“. ls-box-related articles. ls-boxcontent-body-.ls boxcontent-body-view “); ArtCorr.find (“. ls-boxcontent #scrollArrows “). css (” display “,” none “); if (cont.find (“. ls -boxUltimoArticolo “). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo “). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ArtCorr.show (); var base = ArtCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent- body “), content: base.find (“. ls-boxcontent-body-view “)}); } Var ExpertCorr j = $ (“# col1ContainerExpertCorr”). Detach (); $ J (“# ed_Related_Box”). Before (ExpertCorr); var cont = ExpertCorr.find (“. ls-box-items-related .ls-boxcontent-body-.ls boxcontent-body-view”); ExpertCorr.find (“. Ls-boxcontent #scrollArrows”). Css (“display”, “none”); if (cont.find (“. ls-boxUltimoArticolo”). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo”). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ExpertCorr.show (); var base = ExpertCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent-body”), content: base.find (“. ls-boxcontent-body-view”)}); }} Else {if ($ j (“# col1ContainerArtCorr”). Length & gt; 0) {$ j (“# ad_frame1″). After (“

” + $ j (“# col1ContainerArtCorr”). Html () + “

“); } If ($ j (“# col1ContainerExpertCorr”). Length & gt; 0) {$ j (“# ad_frame1″). After (“

” + $ j (“# col1ContainerExpertCorr”). Html () + “

“); }} // ———————————————- —- // // Hides the box if there are no related articles and multimedia // // ————————— ———————– if ($ j (“# containerMMCorr .ls-boxUltimoArticolo”). size () == 0) {$ j (” #containerMMCorr “). css (” display “,” none “); } If ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () == 0) {$ j (“# containerArtCorr”). Css (“display”, “none”); } If ($ j (“# containerExpertCorr .ls-boxUltimoArticolo”). Size () == 0) {$ j (“# containerExpertCorr”). Css (“display”, “none”); } // ———————————————– — // // Management box recent articles in opening // // ——————————– —————— $ j (“. ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). height (60); boxManual = true; boxOpened = false; var topBannerHeight; var topUltimiArticoliHeight; var topTotalTopHeight; // // ———————————————- —- // // // // Display Expert System ———————————- —————- if ($ j (“. ls-articoloTesto”). height () & gt; 550) {$ j (“. ls-articoloImmagini-Spacer”). css (“height”, $ j (“. ls-images-item”). height () + 120); $ J (“. Ls-images-item”). Css (“display”, “inline”); } If ($ j (‘. Ls-articoloES-Links’). Height () == 0) {$ j (‘. Ls-articoloES-Links’). Css (‘display’, ‘none’); } // ———————————————– — // // // // Initialization page load ———————————— ————– $ j (document) .ready (function () {// Adaptation of video for mobile if (device.mobile ()) {$ j (‘. ls- articoloScript iframe ‘). width (j $ (window) .width ()); $ j (‘. ls-articoloScript iframe ‘). height (j $ (window) .width () * 9/16);} // // Initialize the top 4px removing the padding-top box to align the thread blue top topbannerSectionHeight // var j = $ (‘. ls-topBannerSection’). outerHeight (true) – 4; // // Initialization of the arrows Recent Articles // j $ (‘. arrow_up_big’). css (‘display’, ‘none’); $ j (‘. arrow_down_big’). css (“display”, “block”); // // Initialize edges Recent Articles // var rightBoxUltimiArticoli = j $ (‘# containerLista #boxUltimoArticolo’). last (); rightBoxUltimiArticoli.addClass (‘BorderRight’); // // // Initialization related articles maxAltezzaBox var = 730; hContainerArt var j = $ (“# containerArtCorr .ls-boxcontent-body-view”). height (); hViewArt var j = $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body”) .height (); var height = Math.max (hContainerArt, hViewArt); height = Math.min (height, maxAltezzaBox); $ J (‘# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body’). Height (height); $ J (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ common / img / arrow_up_disabled.png’); $ J (“# containerArtCorr #articoliCorrScrollUp”). RemoveClass (‘. Active’); // // I hide the arrows to scroll if there are less than 3 items // if ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () 60) {$ j (node) .text (titolo.substring (0, 60) + ‘…’); }}); // // Add the div for the management of the scroll // j $ (‘. Ls-topBannerSection’). After (”); $ J (‘# afterTopBanner’). Height (topBannerHeight); $ J (‘# getFixed’). After (”); $ J (‘# afterUltimiArticoli’). Height (topTotalTopHeight); afterUltimiArticoliTop var j = $ (‘# afterUltimiArticoli’). position (). top; // // Managing box in column 2 // var height = (j $ (‘. Ls-articoloTesto’). Height () + j $ (‘. Ls-articoloTesto’). Position (). Top) – $ j (‘# containerMMCorr’). height () – $ j (‘# containerArtCorr’). height () – $ j (‘. ls-column2′). offset (). top; $ J (‘# containerMMCorr’). After (”);
 
 //
 
 
 J $ (window) .scroll (function (event) {
 
 var y = j $ (this) .scrollTop ();
 
 if (($ j (window) .scrollTop () & gt; $ j (‘. ls-articoloTesto’). height ()) & amp; & amp; ($ j (window) .scrollTop () & gt; 800)) {
 if ($ j (“# sh_socialized_bottom”). css (‘display’) == ‘none’) {
 $ J (“# sh_socialized_bottom”). Css (‘display’, ‘block’);
 $ J (“# sh_socialized_bottom”). Html ($ j (“# sh_socialized”). Html ());
 }
 } Else {
 $ J (“# sh_socialized_bottom”). Css (‘display’, ‘none’);
 $ J (“# sh_socialized_bottom”). Html (”);
 }
 
 if (device.tablet () || device.mobile ()) {
 return;
 }
 
 //
 // Management of the top header
 //
 if (y & gt; 0) {
 if ($ j (window) .scrollTop () & gt; j = $ (‘# page_header’). offset (). top) {
 //
 // Top header fixed
 //
 
 if (if! = 1) {
 = 1 case;
 
 $ J (‘. Ls-topBannerSection’). AddClass (‘fixed’);
 $ J (‘. Ls-topBannerSection’). AddClass (‘fixedTopHeader’);
 
 $ J (‘# afterTopBanner’). Css (‘display’, ‘block’);
 
 topBannerHeight j = $ (‘. ls-topBannerSection’). height () + j $ (‘. ls-boxUltimiArticoliLista’). height ();
 
 // Console.log (‘Case:’ + event);
 }
 
 if ($ j (window) .scrollTop () (j $ (‘# getFixed’). offset (). top – $ j (‘. ls-topBannerSection’). height ())) {
 //
 // Management of the box last articles
 //
 if (if! = 3) {
 case = 3;
 
 $ J (‘# afterUltimiArticoli’). Css (‘display’, ‘block’);
 
 $ J (‘# getFixed’). AddClass (‘fixed’);
 $ J (‘# getFixed’). AddClass (‘fixedTopArticoli’);
 
 // $ J (‘. FixedTopArticoli’). Css (‘top’, topbannerSectionHeight + ‘px’);
 // AfterUltimiArticoliTop j = $ (‘# getFixed’). Offset (). Top + $ j (‘# getFixed’). Height () – $ j (‘. Ls-topBannerSection’). Height ();
 
 // Console.log (‘Case:’ + event);
 }
 } Else {
 
 }
 
 //
 // Management of related articles in column 2
 //
 
 if ($ j (window) .scrollTop () & gt; $ j (‘. ls-articoloTesto’). height ()) {
 if ($ j (“# containerArtCorr”). css (‘top’) == ’0px’) {
 if ($ j (“# containerArtCorr”). css (‘display’) == ‘block’) {
 postop var j = $ (‘# ad_frame2′). offset (). top – $ j (‘. ls-column2′). offset (). top + 250;
 var posBottom postop = + j $ (“# containerArtCorr”). height ();
 
 if ($ j (‘# ed_Related_Box’). offset (). top & gt; posBottom) {
 $ J (“# containerArtCorr”). Css (‘display’, ‘none’);
 $ J (“# containerArtCorr”). Css (‘position’, ‘on’);
 
 
 $ J (“# containerArtCorr”). Css (‘top’, postop + ‘px’);
 $ J (“. Ls-column2″). Height ($ j (‘. Ls-column1′). Height ());
 $ J (“# containerArtCorr”). FadeIn (600);
 }
 }
 }
 } Else {
 $ J (“# containerArtCorr”). Css (‘top’, ’0px’);
 }
 } Else {
 if (if! = 4) {
 case = 4;
 
 $ J (‘# afterTopBanner’). Css (‘display’, ‘none’);
 $ J (‘# afterUltimiArticoli’). Css (‘display’, ‘none’);
 
 $ J (‘. Ls-colonneArticolo’). Css (‘position’, ‘static’);
 $ J (‘. Ls-colonneArticolo’). Css (‘top’, ’0px’);
 
 $ J (‘. Ls-topBannerSection’). RemoveClass (‘fixed’);
 $ J (‘. Ls-topBannerSection’). RemoveClass (‘fixedTopHeader’);
 
 $ J (‘. Ls-spinster’). Css (‘position’, ‘static’);
 $ J (‘. Ls-spinster’). Css (‘top’, ’0px’);
 
 $ J (‘# getFixed’). RemoveClass (‘fixed’);
 $ J (‘# getFixed’). RemoveClass (‘fixedTopArticoli’);
 
 // Console.log (‘Case:’ + event);
 }
 }
 });
 });
 
 // ———————————————— -
 //
 // Management box recent articles in opening
 //
 // ———————————————— -
 
 // Stores the open / closed status of the box to avoid
 // Handle the same event in the scroll
 boxOpened var = false;
 
 // Store if the box has been closed or apreto
 // Manually to not change the state
 // Automatically during the scroll
 boxManual var = false;
 
 $ J (‘. Arrow_down_big’). Click (function () {
 // I open the box
 boxManual = true;
 ultimiArticoliBox (‘open’);
 });
 
 $ J (‘. Arrow_up_big’). Click (function () {
 // I close the box
 boxManual = true;
 ultimiArticoliBox (‘close’);
 });
 
 ultimiArticoliBox function (action) {
 var speed1 = 300;
 var speed2 = 500;
 
 if ((action == ‘open’) & amp; & amp; (boxOpened == false)) {
 var cssProp;
 
 $ J (‘. Arrow_up_big’). Css (“display”, “block”);
 $ J (‘. Arrow_down_big’). Css (“display”, “none”);
 
 cssProp = {height: ’180px’};
 $ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). Animate (cssProp, speed2);
 
 cssProp = {top: ’20px’};
 // $ J (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
 $ J (‘# getFixed #boxUltimoArticolo .ls-text-box’). Animate (cssProp, speed2);
 
 
 cssProp = {top: ’0px’};
 // $ J (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
 $ J (‘# getFixed #boxUltimoArticolo .ls-box-image’). Animate (cssProp, speed2);
 
 cssProp = {height: ’179px’};
 $ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2,
 function ()
 {
 var height = $ j (‘# getFixed’). height ()
 cssProp = {height: + height + ‘px’};
 $ J (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
 }
 );
 
 boxOpened = true;
 }
 if ((action == ‘close’) & amp; & amp; (boxOpened == true)) {
 var cssProp;
 
 $ J (‘. Arrow_up_big’). Css (“display”, “none”);
 $ J (‘. Arrow_down_big’). Css (“display”, “block”);
 
 cssProp = {top: ‘-130px’};
 // $ J (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Css (‘position’, ‘on’);
 // $ J (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
 
 $ J (‘# getFixed #boxUltimoArticolo .ls-box-image’). Css (‘position’, ‘on’);
 $ J (‘# getFixed #boxUltimoArticolo .ls-box-image’). Animate (cssProp, speed2);
 
 
 cssProp = {top: ‘-100px’};
 // $ J (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Css (‘position’, ‘on’);
 // $ J (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
 
 $ J (‘# getFixed #boxUltimoArticolo .ls-text-box’). Css (‘position’, ‘on’);
 $ J (‘# getFixed #boxUltimoArticolo .ls-text-box’). Animate (cssProp, speed2);
 
 cssProp = {height: ’59px’};
 $ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2);
 
 cssProp = {height: ’60px’};
 $ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). Animate (cssProp, speed2,
 function ()
 {
 var height = $ j (‘# getFixed’). height ()
 cssProp = {height: + height + ‘px’};
 $ J (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
 }
 );
 
 $ J (‘# afterUltimiArticoli’). Height ($ j (‘# getFixed’). Height ());
 
 boxOpened = false;
 }
 }
 
 
 // ———————————————— -
 //
 // Management related articles
 //
 // ———————————————— -
 
 var speed = 300;
 var topValueArt;
 var minValueArt;
 
 // ———————————————— -
 // Click Arrow pointing down
 //
 // ———————————————— -
 $ J (“# containerArtCorr #articoliCorrScrollDown”). Click (function () {
 
 topValueArt = parseInt ($ j (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body-.ls boxcontent-body-view”). css (“top”));
 minValueArt = 0 – $ j (“# containerArtCorr .ls-boxcontent-body-view”). height () + 584;
 
 cssProp var = {top: + minValueArt + ‘px’};
 
 if ($ j (“# containerArtCorr #articoliCorrScrollDown”). hasClass (‘. active’) == false)
 return;
 
 $ J (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body-.ls boxcontent-body-view”). Animate (cssProp, speed,
 function () {
 $ J (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down_disabled.png’);
 $ J (“# containerArtCorr #articoliCorrScrollDown”). RemoveClass (‘. Active’);
 
 $ J (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ module / new-leaf / img / arrow_up.png’);
 $ J (“# containerArtCorr #articoliCorrScrollUp”). AddClass (‘. Active’);
 
 TopValue = parseInt ($ j (“# containerArtCorr .ls-boxcontent-body-view”). css (“top”));
 if (TopValue

LikeTweet

No comments:

Post a Comment