Adding Uploading/Scanning screen to website - javascript

i am currently trying to add a uploading/scanning screen to my file upload site, (just to be clear i need the 'design' part of it, like actually displaying the box not anything to do with the scanners, or implementing the scanners, just a box that says scanning with a scanning gif next to it). Pretty much my site allows people to upload files which scans them and then displays the result. All the scanners are up and working but i am trying to add this scanning page. I want it to look a bit like this when you upload a file - www.virustotal.com
How would I be able to do this? You don't have to be very specific just like what programming languages, or any examples of code, to help me, i don't really know where to start.

Sounds like you are looking for a modal overlay or dialog.
There are tons of libraries out there that can do this, including YUI and JQuery UI/Plugins.
See my question.

Related

Is there a way to add a configurable modal/lighbox/pop-up to a website?

Problem:
I manage a series of websites for clients that are all in the same industry. During certain times of the year (ie. Christmas, New Years, Summer, etc), we want to push certain promotions or specials on the sites. Right now when this happens, I have to go to each client's website (some wordpress, some straight html, some grav, some dnn...) and change some code to reflect the promotion.
Desired solution:
I would like to go into a tool/ui, configure some settings like the text, an image and a start/end date and have a pop up dialog be displayed on the website. For bonus points, I'd love to be able to build/schedule these ahead of time and just let them run. I use some tools like Drip that do something similar (displaying a modal) for sign up forms but haven't found anything that quite fits what I'm trying to do.
Ideas so far:
All of our sites have tag manager so I think there may be a way to do it using it. I would likely not be able to run things on a schedule or get an easy way to configure the modals but at least it would get me out of having to go to each site and do something different. I could copy/paste the html for the modal for each container, turn the tag on/off and update the markup when needed. Does that sound reasonable or a terrible idea? It feels like there should be something that does this already but I cant find anything.
Anyways, if someone has done something similar or if there are any tools/libraries I could buy I'd really appreciate the help!
Thanks!
This is perfectly possible by using the Custom HTML Tag..

Copy/paste Lightbox script for third-party sites

I want to give my clients a few bits of copy/paste code so that a Lightbox shows on their site with an iframe showing a URL that I specify. This would be something similar to a support widget that comes up when you click on a button (ZenDesk, UserVoice, etc.).
I've been trying to write this on my own, but after attempting to include jQuery on page load plus the Lightbox CSS file, it's proven to be a little bit of a mess.
Could someone point me in the right direction as to how I can create an optimal bit of JS that can accomplish this? Perhaps a framework already exists so that I don't need to reinvent the wheel?
I found something reliable. Decided to use http://sandbox.scriptiny.com/tinybox2/

How to make controlls for epub using HTML 5,JavaScript and CSS?

Ok so we have to implement an online e-reader using HTML5, JS and CSS. So far I have a pretty good understanding of those 3 technologies. What basically needs to happen is that a user picks a book from a gallery of links which takes him to a page to read the book.
Apparently the the epub file should be loaded into memory on the clients computer, unpacked and then displayed on the webpage. Up untill this point I don't have too many problems, what really racks my brain is what comes next.
So all the chapters are divided into seperate xhtml pages aswell as the cover, title page, table of contents which makes creating navigatable dynamic links to them not too hard. But, we also have to provide controls to change the font, colour and navigate between pages.
How do I implement this?
Does the JS to do this come in the page that loads the epub files and if so, how do I write JS that changes properties of a page loaded in the page the JS is in?
I can't think of another way to do this except to put a small JS widget on every single chapter, but then the problem of "turning pages" still exists as I do not know where one page starts and the other ends as this isn't specified in the xhtml files.
I'm sorry if I'm unclear or did not provide enough information, although I have worked with JS, HTML5 and CSS alot the whole epub thing is pretty new to me.
Any help would be appreciated.
I would check out one of the few open source projects dedicated to epubs on the web to get you started. You seem to be asking many questions so rather than answer specifically, I recommend you look at how some others have tackled the problems.
First you should check out Readium: http://readium.org/ They have many of the functions you've described (changing the font, picking a book from a library, etc.)
Next I would look at my personal project https://github.com/fchasen/epub.js
We do things a little differently but again it be a good place to look at how we've handled some challenges so you can come back with more specific questions.

Simple Image-Similarity-Search function (Need a Script or Plugin for my study web-project)

I'm searching for a simple script for my web-project.
For example: There is a simple website where you can upload an image, and If you click on the "find similar Images"-Button, it shows you similar images (similar colored picture) (from a file with many other images).
Is there a free and simple script where I can use it for my web-project (HTML5/JavaScript)?
I found this one, but I am not sure If it is good enough to use it: http://tcorral.github.com/IM.js/
Good Advices are welcome :)

sharing alternatives similar to addthis/sharethis

Please have a look at http://500px.com/photo/3977429?from=popular. Down in the right corner, theres a sharing box. It looks pretty similar to sharethis. But, afaik, sharethis doesnt have embed or submit for example, and im looking for those options. Does anyone know which plugin is used here? Thanks
On the page you linked to, they didn't use anything like sharethis or addthis - they rolled their own. Looking at the code, its clear that they went to facebook, got the facebook like button, embedded it - then wen to google, got the google plus button, etc... and made a grid of them.
You can stylize the sharethis buttons with css to pretty much any extent,
or you can add a grid like that of your own.
The available alternatives to sharethis.com are :
addthis.com
addtoany.com
socialmarker.com
I'm sure there a a lot more out there, but those seem to be the most popular.
If you want something custom like they have and want access to the buttons
here are some sets of images you may be able to use:
http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/
Inspecting the source leads me to believe that it is custom work. The images, links and such are placed in the HTML serverside. Only the stumbleupon is pulled from stumbleupon itself. But also not trough some third party service like sharethis.

Categories

Resources