When I click the browse button, I got error like this
Uncaught ReferenceError: $ is not defined
Can someone please tell me what is going wrong?
'$ is not defined' is the jquery error, you should try after including jquery min file in you code.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
Related
I injected <script> tags into my squarespace template making the <main> display:none. Now I cannot edit that section through squarespace because it is gone. Recommendations how to get it back without starting from scratch?
$( "#page" ).css( "display", "none" );
was the code I injected into the HTML.
Thank you in advance.
Its hard to understand what you are asking, but i'll assume that you added that single line of code, it hides everything when you navigate to your site page, and you are not sure how to go back to the adminstration page to remove that line of code?
You used "code injection" to insert that code. You can go back to that same code injection location and remove that line of code. The squarespace manual has documentation on code injection. If you are not sure where to go to get back to the administration pages, you can enter a url like this: https://<yoursite>/config for example: https://mysquarespacesite.com/config
For your problem I have one solution using Chrome inspector console tool(inbuilt tool of Chrome browser), make sure you open your website on Chrome browser with login to your squarespace website and follow these steps:
On your website homepage for example: https://<yoursite>/config, Click F12 from your keyboard OR right click using mouse and click on Inspect which will show you inspector mode of Chrome browser
Go to Console tab from inspector tool
Paste following code into Console:
document.getElementById('page').style.display = "block";
Hit enter and your <main> tag will be set as display block
Now your <main> section should be visible, go to code injection of your website and permanently remove display : none which will fix your website hiding <main> section problem for forever
Following are pictures of every step:
Note: I have tested this code into demo template of Squarespace website: https://bedford-demo.squarespace.com
Use the below code. Your code will execute only when you are not logged in as administrator.
if (window.top.location.href == window.self.location.href) {
$("#page").css("display", "none");
}
We've integrated a like button into the site.
Sample page:
www.2knowb440.com/agent/sergey-koltunov
How ever is I try to like a page A popup opens and closes right away.
In the console an error logged:
Unsafe JavaScript attempt to access frame with URL http://www.2knowb440.com/agent/sergey-koltunov from frame with URL http://www.facebook.com/plugins/like.php?channel_url=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2efa6a644%26origin%3Dhttp%253A%252F%252Fwww.2knowb440.com%252Ff1675ba004%26relation%3Dparent.parent%26transport%3Dpostmessage&extended_social_context=false&href=http%3A%2F%2Fwww.2knowb440.com%2Fagent%2Fsergey-koltunov&layout=button_count&locale=en_US&node_type=link&sdk=joey&send=true&show_faces=false&width=150. Domains, protocols and ports must match.
What am I missing?
Thanks,
Shurik
I viewed the public source of your page and see you are loading alot of javascript files before starting facebook's javascript sdk.
Try loading and initializing Facebook just below the < body > tag.
If error persists i would suggest using the i-frame version of the like button with out send.
I've got an implementation of the Facebook SDK that I'm using in my site. It works great on every browser minus Safari where occasionally the Facebook Connect button won't load.
Looking at the JS errors I'm getting the following messages. They're coming from all.js which is FB's JS library. Anyone got any ideas?
The "fb-root" div has not been created. (all.js Line 3)
TypeError: 'undefined' is not an object (evaluating 'e.root.appendChild') (all.js Line 6)
When working with Facebook's all.js, you need to make sure that you have div with id set to fb-root typically below the body tag. Make sure you have:
......
<body>
<div id="fb-root"></div>
<script>
// facebook js code here
</script>
The error message you have posted clearly says it does not find such div which means you should have it on your page like shown above.
How many fb-root divs do you have? If you have multiple it might confuse the API on the Safari browser.
Recently I've been having troubles with displaying the like button on my homepage, no code was changed so I believe Facebook may be the culprit but I'm not 100% sure. Originally it was throwing "bootloader is undefined" errors in two places:
<script type="text/javascript">Bootloader.setResourceMap({"KhOUG":{"type":"js","src":"http:\/\/static.ak.fbcdn.net\/rsrc.php\/v1\/yo\/r\/wFcdvtg8yWA.js"},"uBXoU":{"type":"js","src":"http:\/\/static.ak.fbcdn.net\/rsrc.php\/v1\/yg\/r\/vnWtCAcBiXn.js"}});
And:
Bootloader.configurePage([]);
Both occur after the page querys the http:///www.facebook.com/plugins/like.php page.
But now it's throwing "bagofholding is undefined" error on:
function muffinize(d){var c='a';var b='d';var a=[c,b].join('');return d.replace(/muffin/g,a);}window.Util=window.Util||{warn:bagofholding,error:bagofholding,info:bagofholding,log:bagofholding,stack:bagofholding};if(typeof console=='undefined')console={log:bagofholding};
The Facebook Like button is implemented using the AddThis service but I checked all the lines of code and they seem fine. It doesn't seem like other sites are having this issue as well. All the errors are on Facebook's side.
It doesn't work here: http://importbible.com/2011/05/02/papercraft-skills-2012-audi-a7/
But works here: http://importbible.com/shop/shirts/group-buy/seventh-heaven-shirt/
The only thing I could think of that may cause issues is the HTML5 Boilerplate .htaccess file.
in my case my error was coming from having "share" buttons. The script for share buttons also defines "FB"... so the new "like" script and the old "share" script conflict. Once I removed the old script everything was fine. (However, "share", is better for my particular site...)
I seem to see the 'Bootloader is undefined' error when I set the href attribute of the fb like button to a non-existent page (a page that can't be accessed by the fb script file - such as the url on my dev machine / localhost).
After hunting around I found the answer, some of the meta data on my website was preventing the Like page to scrape my page. Using the Lint tool I was able to fix the errors on my page:
https://developers.facebook.com/tools/lint/
I have an application at http://www.facebook.com/LovingPets?fbhref=index.php&app_page=1&v=app_190518734309657&sk=app_190518734309657#!/LovingPets?fbhref=treats.php&app_page=1&v=app_190518734309657&sk=app_190518734309657.
I keep getting problems with trying to run JavaScript. I thought that one of the benefits of Facebook adding the iframe to the page tabs is so that you could run JavaScript? When you try to click on the treat catalog link it loads the next page fine, but none of the interactivity works. Looking at Firebug these errors are observed,
script is not an allowed DOM element [Break On This Error] (11 out of range 3)"
and
a190518734309657_l is null [Break On This Error] <script type="text/javascript">
Is it possible to run JavaScript and jQuery the way I have my application setup? And if it is, what am I doing wrong?
Yes, it is possible.
I have been working with jQuery in the new iframe tabs. However, you must update your page to the new layout in order to get them working correctly.
http://www.webtlk.com/2011/02/11/how-to-upgrade-to-the-new-facebook-fan-page-layout-redesign/
Regards