I'm trying to use the SoundCloud sdk for javascript and I keep getting a "Uncaught ReferenceError: SC is not defined" error.
I followed everything on the reference page https://developers.soundcloud.com/docs/api/sdks right here.
I looked at all the other questions similar to mine on here and people suggested splitting the script tags so one of them has the src attribute and the other one has the actual script.
But I already have done this and it isn't solving my problem.
Here is my code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="http://connect.soundcloud.com/sdk-2.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
SC.initialize({
client_id: "3f7407c6252e6932c8ef6ea85c55e9c7"
});
});
</script>
Thank you in advance.
This code seems to be working correctly, check this fiddle: http://jsfiddle.net/4k31v0ec/.
I've added
console.log(SC);
to see if the API object is initialised. So maybe you have error in other part of your page code?
UPD
try using https url for library url:
https://connect.soundcloud.com/sdk-2.0.0.js
Related
I am seeing ReferenceError:gapi is not defined error when accessing the Google+ APIs from my HTML code.
My code is very simple, but not sure what is wrong with it.
Any inputs would be highly appreciated.
Please see my code below:
<html>
<head>
<title> Some title here </title>
<script src="https://apis.google.com/js/platform.js"></script>
<script>
function handleClientLoad(){
gapi.client.setApiKey('MY API KEY HERE')};
</script>
<script src="https://apis.google.com/js/client.js? onload=handleClientLoad"></script>
</head>
<body>
</body>
</html>
Error is
Execution failed: ReferenceError: "gapi" is not defined
I'm not sure if this is the answer, but I notice that there is a space between "client.js?" and "onload=". This might not be in your original code, but it does cause the client.js request to return different code.
I was able to fix the issue. I should have added more details to the question but didnt thought that the issue could be somewhere else. Sorry for the same.
When we create a Web App project in Google Drive, the javascript code which runs on the server and the code which runs on the client(a browser) should be specified in different files. These files are Code.gs and JavaScript.html respectively. "gapi" is a client code (defined in client.js) and I was referencing to it in the server file. Since server code is running in the Google servers, it has no clue about our client.js and platform.js libraries. Hence the error. When I moved the error causing code to JavaScript.html, it worked fine.
Thanks.,
I'm new to mixpanel and JS, and would like to know why is my script not working...
Any ideas?
<script>
$('#tp_end_result').hover(function () {
mixpanel.track("Hover Spot");
console.log("Funciona");
});
</script>
Thanks
The javascript code above is perfectly fine.
As you are not seeing any tracking for mixpanel, probably you might see the initialization code.
Just a quick recap, we need to import JS library into the HEAD tags, at the end of library, there is code of initialization of mixpanel:
mixpanel.init("YOUR TOKEN");
Here "YOUR TOKEN" should be replaced with token of respective project from you account. [See attached screenshot]
Please put your comments if still not works for you
I'm creating an small module for activeCollab composed by some webpages. I'm using PHP and Javascript/jQuery/AJAX. When I enter into the main page of the module I'm creating everything is working fine, but if later I try to go to other modules my web application is crashing. Is not showing any information. The only way for reviving it is refreshing the navigator.
If I check the error console of my navigator, I see that when I'm exiting from my custom webpage it says
`Uncaught Error: History.js Adapter has already been loaded...`
The header of my HTML file has this information:
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
And this code is making my Javascript functions work properly.
What can be happening? I googled and I didn't found much information about this issue. Every help would be appreciated.
Finally I solved it, the problem was that my application is loading by default its own jQuery file and there was a conflict between this one and the ones I was trying to import. The solution was easy: I only had to delete the lines I wrote inside the "head" tag.
Thanks for your help!
Can you please take a look at this this link and let me know why the jQuery is not working here?
I am running the page on Cloud9 ide online editor and this the code I have before </body> tag
<script src="http://codeorigin.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="js/bootstrap.js"></script>
<script>
$(document).ready(function() {
alert("This is a Test Message");
});
</script>
</body>
Here is the list of error on consule:
Uncaught TypeError: undefined is not a function bootstrap.js:29
Uncaught ReferenceError: $ is not defined layout.html:48
Thanks
Try changing your
<script src="http://codeorigin.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
To
https:// instead of http://
If you look at the warning in your browser you'll see the reason why.
The problem is it refuses completely to load your jquery.js that cause $ undifined of course.
That's the warning I get :
[blocked] The page at https://c9.io/behseini/daycare/workspace/layout.html ran insecure content from http://codeorigin.jquery.com/jquery-1.10.2.js.
With that error I think you can follow that link :
Warning : The page index.html ran insecure content
Cause of your https, you have to load file on a https
Try with that url maybe : https://code.jquery.com/jquery-1.10.2.min.js
Hope that's gonna help you.
I'm a new web developer, and at the suggestion of Richard Bovell at JavaScript is Sexy, I've decided to test my skills by making a... well, test!
I did the basic HTML, and I've written a function to display any given question, and it works perfectly in JSFiddle.
However when I test it with PHPStorm (run it with my browser), it seems like the JavaScript/jQuery is not loading.
In fact, when I use Chrome's error console, jQuery.min says, "failed to load resources."
I'm using this code in my source:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
I've also tried using this source:
<script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script>
but also not loading resource.
As a result, my entire JavaScript code is not working since it was jQuery based.
If I load the link into my web browser it works perfectly fine, so it doesn't seem like a network error.
Edit:
Here is my fiddle: http://jsfiddle.net/abustamam/3CY7g/
And the error reads:
Uncaught ReferenceError: $ is not defined script.js:2
(anonymous function) script.js:2
Failed to load resource file://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
Can anyone give me some pointers as to why jQuery isn't loading? Thanks!
Edit 2: Got the answer. http: is required! Thanks!
Try:
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
You were not entering a valid URL
When testing a file locally, i.e. not running it from an actual server, you need to specify the http:// or https://. So change:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
to
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>