Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'javascript'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I am trying to add embedded content to a site, but I need to make an AJAX request to get the embed URL for the iframe. This request needs to provide a unique identifier for the current logged in customer. Basically like this: (function() { var fd = new FormData(); fd.append('userId', /* somehow get a stable customer id? */); var xhr = new XMLHttpRequest(); xhr.open('POST', myApiUrl, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onreadystatechange = function() { // ...status checks... var { uri } = JSON.parse(xhr.responseTe
  2. Hello I have a Calendly Integration on a webpage that doesn't load properly unless I disable AJAX loading. The thing is that I want AJAX loading enabled, so I would like to paste some code in the heading of the page using Page Injection that disable AJAX loading for this single page. Can anyone help me with the exact code needed to do this? Thanks in advance
  3. Squarespace AJAX page loading kills scripts on page. They will not load without a page refresh. Code written to every page initialized with the redirect value will just cause a redirect loop... How do I write a script that doesn't redirect the page initially that is in the header and LISTENS for an AJAX page refresh... and THEN gets reinitialized with a new value to redirect the page? (I've actually asked this question already but my posts aren't getting answered at all, so I'm starting to wonder what the coding and customization board is for if one can't ask a coding and customizatio
  4. Site URL: http://plum-octahedron.squarespace.com I have a custom footer with ES6 code that is failing cross-browser tests (arrow functions, Array.from, etc). What is the best way to implement via a polyfill? I am assuming it will be managed with webpack/Babel, but I am not sure how to set up the entry points. The site is plum-octahedron.squarespace.com; access is 1234. Thank you to anyone who can take a look!
  5. Hey everyone, so imma keep it short. I have a page where there is a textarea element present on the page with a single background image. HOWEVER, I need to use multiple background images which keep rotating as a slideshow in the background but whenever the textarea height increases the browser height, I want the background to stretch (or be magnified) accordingly. When I add one background image as usual I can have desired result here the bg image magnifies itself whenever the textarea height increases but I need to add multiple background images instead of just one. Is there any w
  6. Hi, I want to embed a zoho form on my landing page. Unfortunately, I can't use iframe because in the mobile view the form is cut off. I would like to try it with JavaScript but I can't insert the code in the code block - it appears simply as code (see screenshot). Who knows what to do? This is the code I wand to embed:
  7. There are several approaches to realize a multilingual site in Squarespace.All of the existing solutions have drawbacks. In the answer, you will find a solution for localization of squarespace sites without drawbacks. 1) Official Squarespace Solution Does not work on all templates. Structural limitation - you only have one navigation level left perlanguage. Language selector menu not very nice. 2) Using multiple squarespace sites with language subdomains You have to pay the Squarespace fee per language3) Using external localization services like localize.js oder bablic.com You have to pay
  8. I've been coding my first carousel I want to install it into my Squarespace website but the JavaScript doesn't seem to be working. Its all working in VS code and displays fine but Squarespace just doesn't seem to like it. I've injected the code into the page header and enclosed it in script tags, I'm very new to this so would appreciate the help. <script> const track = document.querySelector('.carousel__track'); const slides = Array.from(track.children); const nextBtn = document.querySelector('.carousel__button--right'); const prevBtn = document.querySelector('.
  9. Site URL: http://www.nycrentdeals.com/ I built a React app for a website that displays real estate listings. The data for these listings is stored in a SQL database and the React app handles the heavy lifting of querying this database and displaying the results on the frontend to the site visitor. I'm considering switching to a more easy-to-use frontend service like Squarespace but I'm having trouble understanding if I can still use my database with Squarespace. Ideally when a visitor comes to my Squarespace site the site will query the database for the latest listings and display them.
  10. Hi there, I am working on a client page and they have requested eternal falling snowflakes from top to bottom. The script I am using worked on the older SquareSpace template but not the current, my code is below. EDIT: I have just noticed the script is only displaying on the footer of the page, not the full page. <script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script> <script> snowStorm.animationInterval = 30; snowStorm.flakesMaxActive = 30; snowStorm.freezeOnBlur = true; snowStorm.usePositionFixed = true; </script> &
  11. My understanding is that I cannot simply insert code into the header or a code block because my squarespace 7.0 template (jasper jin) uses AJAX and so does not reload the page. I like the AJAX, I don't want to disable it. How do I set up an event listener or something to make it so that a code block or header script tags WILL be fired when that part of the page loads? I don't want to disable ajax and I'm not an javascript expert but this seems like it should be simple code if I can get it to work even once. Any AJAX experts that can tell me how to write this basic two-part script... ?
  12. <script> window.Squarespace.onInitialize(Y, function() { location.assign("https://www.squarespace.com"); } ); </script> If I inject this code into the header of a page, shouldn't the browser be directed to squarespace.com...? Nothing happens... Any ideas why? Is my code wrong?
  13. Hey guys, I'm slowly learning front-end coding right now and want to implement ScrollMagic to my website. But I am absolutely clueless on where to even begin doing what it says on the documentation. Can anyone walk me through the basics? What I want is basically start an animation the moment the user scrolls down, it seems to me ScrollMagic is the closest one to what I want. A basic version of this. Thanks,
  14. Hi! When my site went live a script for a RSS feed showed this instead of the articles it was supposed and previously showed. The URL you supplied ("https://blogg.dagensmedia.se/emma-blom/feed") returned a TLS (SSL) certificate error. Does anyone have an idea what is causing this?
  15. Site URL: https://onsong.co.uk I would like to change where the logo points on my brine template site. I have tried various javascript solutions on the forums but none seem to work or I am implementing them wrong! Any suggestions gratefully received.
  16. Site URL: http://airbag.co Hi there Have this ongoing issue with images being returned by ImageLoader being entirely ... wrong. For example: This is the correct image: https://images.squarespace-cdn.com/content/v1/5afcc4095417fc3c07071f9c/1529370785591-HHPXPDQBCXBQJ84H75RV/ke17ZwdGBToddI8pDm48kL8fxvxUfk2sD4nNl2VZJSkUqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8N_N4V1vUb5AoIIIbLZhVYxCRW4BPu10St3TBAUQYVKcac4tdbDKdtYE_jvDGrq7aWu_TBaR1-JQLHHmrkpspbAMyQW3lfweSLnWoNaewtSy/JohnWest_lighten_a.jpg And this a link to the same image, but with the Format tag and it's an entirely different
  17. I'm designing a site as part of a team for a school magazine, and I work on a PC, whereas my co-designers work on Macs. I designed a page that has an image that, when clicked, presents a lightbox with all text. On my side, the lightbox looks like this On my co-designer's Mac, the lightbox looks like this: This is the script that I added to the button, which when clicked, presents the lightbox: <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" type="text/javasc
  18. I have the following code in my code injection footer to add parallax effect to all banner background images: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script> <script> $('.has-background').attr('data-scrollax-parent', 'true'); $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "30%" }'); $.Scrollax(); </script> However, I want to disable the effect for one specific section. Is this pos
  19. Site URL: https://www.fabupack.com Been trying to figure out how to transfer a SQF parameter tracking link from my site's landing page (Home Page) to the eventual drop off page (Contact Us) to record the source using SQF_SOURCE in the Squarespace Form. Here is the typical user flow: 1. Ads send to (Home Page) http://www.fabupack.com/?SQF_SOURCE=Google 2. User likes what they see and would like to contact us, clicks on 'Contact Us' on the site's nav bar and gets redirected to (Contact page) http://www.fabupack.com/contact (tracking is lost!) 3. The '?SQF_SOURCE=Google' dis
  20. Site URL: http://www.moongreenwich.com Trying to inject code <a href="https://resy.com/cities/gwh/moon" id="resyButton-k16ukHT6s6">Book your Moon reservation on Resy</a> <script src="https://widgets.resy.com/embed.js"></script> <script> resyWidget.addButton(document.getElementById('resyButton-k16ukHT6s6'), {"venueId":41949,"apiKey":"1Xa3dZqbRCqp1AMHdQQoRrxYCyHerhjz","replace":true,}); </script> Having hard time to do this. When I add as new "link to page/external site" so it goes in nav header, it goes
  21. Site URL: https://www.meetwo.co.uk/impact-test I'm trying to add animated numbers to my site. When the page loads the numbers will automatically count up to a maximum over a specified duration. I've found a bit of code that has been mentioned elsewhere on the forum and that's working well (see code below). Now I would like to improve this by adding a comma separation in the numbers eg 23,500. Stack Overflow offer some methods for adding commas but I can't get any of them to work. Any help would be much appreciate. Thanks Main code <script src="//cdnjs.cloudflare.com/ajax/libs/jq
  22. Site URL: http://metgal.art/ Password: thisisart Is there a way to get this up on my site for my 404 page? https://codepen.io/akm2/pen/BonIh I put the HTML in code block. I put the CSS in the Custo CSS, and I tried putting the Javascript in the header, footer, page code injection, and code block, but can't seem to get this work. Any help is appreciated.
  23. Site URL: https://www.wenatcheehumane.org Hello! I just changed my template and now am having a weird issue that wasn't occurring before (including in preview). If I visit one of my webpages from the menu (or buttons on other pages within the site), the java script donation forms do not appear. If I refresh the page, or type the url directly...it's fine. Does anyone know what could be causing it? Squarespace is of no help since it's custom code and my donor software is also at a loss since the form WILL load when the page is accessed directly.
  24. Site URL: https://www.medusasbrewing.com Hi all, I am trying to embed a to-go ordering menu into a new page on my site and for the life of me I can't figure this out. The script that was sent to me by the provider is pasted below. <script src='https://app.upserve.com/platform/olo-widget.js?medusa-brewing-company-hudson' type='text/javascript' id='upserve-olo-script'></script> Any help would be appreciated. I've been searching and searching through the forum, but I just can't figure this one out. I am not a web designer (obviously). THANK YOU!!!! Keith
  25. Site URL: https://indigo-chipmunk-42dl.squarespace.com/config/ Hi, I am creating a site and i want to have a folder which when the title of folder is clicked in the navigation bar, it redirects to a page I have tried injecting javascript code for a redirection but it isn't working and I can't seem to make the folder clickable When reading around the subject, I seen people were saying ajax loading needs to be disabled. However for my site i cannot seem to find this option in design. I don't know if its the template I am already using does not support ajax Does a
  • Create New...