We're hoping to get feedback on a new site launch (beta; site will fully launch March 28). To give end users the chance to explore the site, we'd like the pop-up to appear after 10 seconds. I'm extremely new to coding JavaScript on my own, so any help is greatly appreciated.
I found an answer to a very similar question (and indeed, some answers seemed more specific to my situation): delayed pop-up code; however, I can't get the code to work on my site.
The pop-up is embedded using this JavaScript, supplied by SurveyMonkey. There's no associated HTML or CSS.
(function(t,e,s,o){var n,c,l;t.SMCX=t.SMCX||[],e.getElementById(o)||(n=e.getElementsByTagName(s),c=n[n.length-1],l=e.createElement(s),l.type="text/javascript",l.async=!0,l.id=o,l.src=["https:"===location.protocol?"https://":"http://","widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd8fe_2Bhm5gFnGqBOI61Z1zZLxwDFd6OcUAaoSp03T3t6v.js"].join(""),c.parentNode.insertBefore(l,c))})(window,document,"script","smcx-sdk");
And this is the code I currently have, modified from one of the answers in the previous post.
function OpenSurvey(t,e,s,o){};
window.setTimeout(function(){ OpenSurvey(window,document,"script","smcx-sdk"); }, 10000);
I was running into the same issue today and I managed to get it working with this code. I hope this helps:
setTimeout(function(){ OpenSurvey(window,document,"script","smcx-sdk"); }, 60000);
function OpenSurvey(t,e,s,o){var n,a,c;t.SMCX=t.SMCX||[],e.getElementById(o)||(n=e.getElementsByTagName(s),a=n[n.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=o,c.src=["https:"===location.protocol?"https://":"http://","widget.surveymonkey.com/collect/website/js/xxxxxxx.js"].join(""),a.parentNode.insertBefore(c,a))}
I had this exact same issue and was beating my head into my desk trying to make this work by editing the code snippet from SurveyMonkey. I called SurveyMonkey and the most they could do was to send me an additional snippet with some new handlers - didn't work. Finally, I was about to call WIX and while making my way down the tree to find the best phone option for me, the site suggested I try reading the tutorial on embedding 3rd party code. BINGO!
Long story short, click this link and follow the instructions - ridiculously easy to implement and you don't have to paste the snippet into the page code - there is a specific section in the Advanced Setting of your site Dashboard (not the WIX account dashboard or the editor, if you ARE on the WIX dashboard click on your sites thumbnail and look for Settings in the dark blue right rail, then click Advanced Settings in the body of the page). Link to WIX instructions for 3rd party code below:
https://support.wix.com/en/article/embedding-custom-code-to-your-site#working-with-third-party-code
Good luck with your endeavores and I really hope this helps! The most challenging part of this was honestly getting the dashboards confused until I realized they meant to go to that particular site's settings.
BrZrKr
I'm looking to develop a browser extension that would recognize links from news websites and display that articles' content in a popup screen upon a mouseover. The problem is, I have no idea where to start. I have past experience in HTML, CSS, and Javascript but in terms of browser extensions I'm a fish out of water. Could someone explain to me how one would go about starting something like this? Thanks!
You can create new extensions for Chrome this may be useful to you...
or refer this
I'm also an extension noob, but I know of a really good jQuery plugin for making the hover popups (tooltips).
http://jquerytools.github.io/documentation/tooltip/index.html
The WordPress theme I am using has built in JavaScript and CSS for Google maps on the contact page. So, I'm guessing there is conflicting code. I can't seem to find where the conflict is when I am trying to use a plugin which also uses Google Maps.
I would really appreciate any help correcting this issue so that this Google Map will display instead of an empty gray box. I tried everything I know to do.
http://boothambuilders.com/service-area/
The plugin works on all other themes I'm using.
Also, this is the only page where the background doesn't display properly. I don't know how it is related to the issue.
It is not a CSS conflict, you are calling the Google Maps API twice...
I used tumblr's javascript embed code to embed my posts into an external website. Now I want to style the posts. Where can I find the full list of tags, classes, and all of that in order to do this? I see people posting some of the tags, for exampe ol.tumblr_posts, but no one has said how or where they actually found out that's the tag tumblr is using for that particular element.
Someone mentioned using the web developer extension in Firefox to pull out the HTML associated with the javascript file but I can't use Firefox so I need another suggestion? I did go to tumblr's docs but the tags and everything used for customizing themes WITHIN tumblr seem to be different from the ones used to display posts outside of tumblr.
I also looked around in the api section and didn't see anything that lists all of the tags. Thanks!
UPDATE: Here's a post that discusses what I'm talking about but none of the people giving answers that show what tags to use to format the script's output say how or where they got the tags.
tumblr javascript embed with css skin
This website is the one that said to use the FF add on but again, the person who figures out how to find the tags using it doesn't say HOW, they just say it worked. I'm finally in a place where I can use Firefox so I installed this web developer thing and I still don't see where I would go to see the info that shows the actual html with all the styles instead of just showing the link to the js code.
http://forums.macrumors.com/showthread.php?t=745299
Chrome and Opera's developer console is CTRL + SHIFT + I... try looking in the source there
IE's dev tools is f12 if you can't use Chrome
Also: I'm not sure if this is what you're talking about but I'll throw in this link for good measure:
http://www.tumblr.com/docs/en/custom_themes
I figured it out! Unfortunately, the only way I could do this was to use the Firefox Web Developer Toolbar Add-On. Once you have that installed, you go to the webpage where you've embedded your blog's javascript code.
Then, in the Firefox toolbar, there should be a tab that says "Miscellaneous". Click on that, then click on "Edit HTML". A new pane opens up towards the bottom of the browser. Inside, it will show the source of the webpage INCLUDING the information that the javascript code generates, which shows the classes, html, and all of that.
It's still not a ton that you can customize compared to using the api (which I don't know how to do) but it's a start. Thanks everyone!
Does anyone know where I can find the code for the carousel.us JavaScript 3D Carousel? Developer's site (http://www.piksite.com/carousel.us/) is down. I see it referenced all over in articles and tutorials but so far haven't been able to find the actual code to download except from that site which is just ads now.
Client wants that specific thing and it doesn't make sense to code it from scratch.
Thanks.
found it.
http://sevilla.gov.co/ajax-scripts/carousel.us.zip
checkout this page http://www.professorcloud.com/mainsite/carousel.htm