Yammer JavaScript SDK jQuery conflicts with local jQuery - yammer

Yammer SDK JavaScript is breaking today due to the Yammer jQuery that is being loaded. How do I not cause jQuery conflicts with Yammer SDK?

A temporary work around is to save off jQuery to a local var before loading yammer.
So
var __jQuery = jQuery, __$ = $;
<load yammer>
jQuery = __jQuery;
$ = __$;

Related

how google "understand" that i already have been login to google service(like gmail)

I have a case:
It was opened Gmail in one tab of the browser. All good, I can use Gmail(send, receive ...).
I create a simple HTML page from the guide for Google Sign-In, also add an iframe with link to the google data studio file
I open another tab in the same browser and load this simple HTML page. In JS code onload handler of Google SignIn library i do:
gapi.auth2.init({client_id: factory.clientId,scope: 'profile email'});
var authInst = gapi.auth2.getAuthInstance();
var isLoggedIn = authInst.isSignedIn.get();
===> i get false, so library assume that i dont signed in.
But the content of iframe(link to the google data studio file which located in my Google account) is loading and i can see data of the GDS file. So I assume that Google somehow handles my session data on their servers.
How can I align result from gapi.auth2.getAuthInstance() call of the library or which library should i use to understand the REAL state of the user(signed in or not)? How to handle this case in the right way?
Also, due to restrictions, i cant parse the content of the loaded iframe with js iframe.contentDocument property

Jquery Ajax get method not working with PhoneGap

Hello am creating an app that uses jquery ajax get method to receive data from a text file to use for my app, its working great in the browser but when export my app to android using PhoneGap the text is not displaying. But the rest of the app has loaded now i assume this is because something went wrong. Am new to PhoneGap can anyone assist me this is my code.
// Ajax code that recieve data from text file
$.get('/info/animal.txt',function(data){
var lines = data.split("~");

.net MVC 3.0 file upload with progress bar

I saw there are similar question to this. But I couldn't find an answer. That's why I am posting this again. Sorry!!
I want to build a file uploader with percentage bar with in it using .net mvc 3.0
There are some jquery plugins. But they need html 5 support. I am trying to build it without html 5 support.
Currently what I do is upload files with Ajax support. When file is uploaded by user I make an ajax request and display loading.gif until requested completed. So it is a pretty strait forward code for simple image uploads.
Now I am trying to upload videos and send it to Vimeo through their REST APIs.
I could do the same thing. But since files are large I want to do it in a nice way.
My code is something like this
View
#using (Ajax.BeginForm("Upload", "Home", new AjaxOptions
{
UpdateTargetId = "form1",
InsertionMode = InsertionMode.Replace,
OnBegin = "ajaxValidate",
OnSuccess = "getGbPostSuccess",
OnFailure = "showFaliure"
}))
//.......
//rest of the form
}
Controller
public ActionResult Upload()
{
//Read file
//Post file to Vimeo (this is the part that take time to upload)
//get uploaded video content
return PartialView("xxxxx", Model); // return uploaded Video
}
I display a loading.gif using a small piece of javascript while this process happening. This code is working absolutely fine. As I mention before I want to make it more user friendly by putting a percentage progress bar.
Hope my question is clear.
Please help me...
Thanks in advance
But they need html 5 support.
Not necessary. For example the blueimp file upload plugin tests browser capabilities and could use the jQuery iframe transport if the browser doesn't support HTML5 XHR2. Here are more details about browser support.
Uploadify is another example which uses Flash if the browser doesn't suport XHR2.
Plupload is yet another very powerful plugin which supports a multitude of equivalents if the browser doesn't support XHR2.
So just pick a plugin, read the documentation, integrate it in your ASP.NET MVC 3 application and have fun.

how to do to make sure phonegap js load just once time in an app with many separate pages?

Use phonegap 1.6,now called cordova 1.6, with jquery mobile 1.0.1,but I feel performance is a problem.
Also with some other js libs,such as iscroll.js, plus the performance problem.
Can I load phonegap js just once,and later all pages can still use phonegap api?
I have an idea that Page A load phonegap js ,and nested iframe refer Page B.
Page B will replace by other pages. Can Pages in iframe use its parent phonegap api?
eg: parent.(all phonegap api)
You can use jQuery Mobile data-role="page" to define multiple pages on a single html page with one phonegap.js load.
See the docs at http://jquerymobile.com/demos/1.1.0/docs/pages/page-anatomy.html

jQuery plugin for navigating a site using ajax calls instead of page loads?

I am looking for a documented, cross-browser supported jQuery plugin that I can use to build a site like this:
http://redsquareagency.com/
As you can see, as you navigate through the site, the URL changes via a hash and all new pages are loaded via ajax calls instead of page loads. This allows for some neat animations to be used when a new page is loaded.
I've searched for a while trying to find a good plugin that provides this functionality. The best I can find is jQuery Ajaxy: http://balupton.com/sandbox/jquery-ajaxy/demo/
But, the documentation is lacking, and I found it incompatible with the latest jQuery version (1.6.0).
Anyone know of plugins that can accomplish this?
Hmmm I don't think there is ONE plugin that does everything. But you can pretty much do some jquery your self with combination of jquery history plugin.
What you do do is write some code make all your hrefs load via AJAX. Like this -
$(document).ready(function() {
$.history.init(loadContent);
$('#navigation a').not('.external-link').click(function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
});
});
And that's it. The jquery history plugin will take care of the rest. You should also read google's documentation on how to do this properly for them to index it.
What you looking for is swfaddress. It provides deep linking for flash and ajax sites (obviously your looking for the ajax feature). You basically just have to listen for a page change request and load content accordingly.

Resources