Home → Questions →

Help with Custom Widget Deployment

• Edit

Doug Burrier

26 May, 2010 03:05 AM

Hi.
We are using Squarespace and inserted the javascript code before the body tag using code injection points.
It works. The tabs shows.

Now we want to kill the tab (can do that) and use a menu item or graphic to launch it. Not HTML geniuses here and the one paragraph on widgettoggle and arrays and click = confusion for me.

Can someone show me a code example for a picture (icon) that clicks to launch the script? Can someone show me how to launch the script from a link?

Thanks. Testing this for use.

1. 1 Posted by Chris on 26 May, 2010 03:44 AM

   

   Hi Doug,

   I've attached an example HTML file of the widget being called from a regular link. widget_multiple.html is an example with 2 links on the page pointing to the widget.

   You can replace the "Help" text link in the example with a linked image as well. I hope that helps.

   • widget.html 776 Bytes
   • widget_multiple.html 929 Bytes
   • Edit

2. 2 Posted by Douglas Burrier on 26 May, 2010 07:39 PM

   

   Chris.

   Thanks for the help.

   It cleared up the concept for me but I am not sure that it will help me with a Squarespace Navigation link. They have a widget to add a link but they expect you to give them something in the format of an href like http://www.... Looking on their site I can't find any solutions other than creating nav menus manually and injecting code.

   Way too much work and ongoing maintenance. So no pop-up widget for now unless we make and image and stick it on the page somewhere or add a link.

   We will keep playing and testing...like the look and feel, like the service, like the system and "concept" as I read from the "about". Discussions are great. Going to miss macros and merges...

   Thanks again for the help.

   Doug

   • Edit

3. 3 Posted by Chris on 26 May, 2010 08:48 PM

   

   Hi Doug, I think Squarespace navigation links automatically have an "id" assigned to them by default. You can replace the "help" ID in widgetToggles with whatever ID is generated for the link by squarespace:

   document.getElementById('navigationTop-moduleLink#####')

   • Edit

4. 4 Posted by Douglas Burrier on 26 May, 2010 09:50 PM

   

   Okay. That worked great and now I have two options...

   There is something nice about them going to the Northwest Tender page - they see all options and get an introduction.
   There is something great about the simplicity of the pop-up.

   Thanks for the help.

   • Edit

5. Will closed this discussion on 26 May, 2010 10:04 PM.