I know already a lot of questions have been asked on this topic, and probably the best answers to such questions are referred to the quirksmode website,
I want you to have a look at this page
http://dekho.com.pk/new
there is an upload button for uploading an image,
I just want to know "how you create such a button"?
Thanks in Advance!
Uploadify™ is a jQuery plugin that allows you to easily add multiple file upload functionality to your website. Two distinct versions (HTML5 and Flash) allow you the flexiblity to choose the right implementation for your site and fallback methods make it degrade gracefully.
demo link
Extreme Customization
Multiple File Uploads
Drag and Drop
Real-Time Progress Indicators
Custom Upload Restrictions
We finally decided to use UniformJS file control and so far are happy with it. It's quite easy to setup and (so far) not as buggy as other implementations.
But there's more than one way to do it, of course. The common trick is to make a file control transparent (with opaque: 0 rule) and show an image underneath. This way you don't simulate a click event on file inputs (as IE prevents submitting of "artificially" activated file inputs). Here's a detailed explanation of this process.
Uploadify™ is a jQuery plugin that allows you to easily add multiple file upload functionality to your website. Two distinct versions (HTML5 and Flash) allow you the flexiblity to choose the right implementation for your site and fallback methods make it degrade gracefully.
demo link
Extreme Customization
Multiple File Uploads
Drag and Drop
Real-Time Progress Indicators
Custom Upload Restrictions
Related
I am looking for some general advice on where to start with a project. I am working on a journal website which will display a handwritten journal with the ability to switch between a typed transcript version via a switch button. I am coding the website from scratch and working within php.
It will be around 70 pages long.
Have the ability to switch between the pages via arrows or by typing in a page number.
A switch that switches between the handwritten version and the typed transcript.
I have included some annotations of my designs below to give some more details of what I would like to achieve.
Is there some kind of framework available that allows for embedding multiple page pdf into a site that I can then work from to achieve the ability to switch between the handwritten and transcribed version
I am a bit stuck on where to start - I am more of a designer :)
Thanks for taking your time to read
Nina :)
The most common JS framework to embed PDF files in a webpage is pdf.js, you can find a demo here https://mozilla.github.io/pdf.js/web/viewer.html. I have not used pdf.js but I don't think it allows for editing the PDF content, like the style and fontface. So you could create 2 pdf files, a handwrittin and a plain pdf and just switch the viewed files around with a button, or try styling the pages in HTML/CSS and not PDF's. If you are not that experienced with CSS I would recommend the former.
Hope it helps.
Edit: I am not sure if a clickable popup is possible inside of a PDF, if this is an important feature, you may have to choose the HTML/CSS path instead of the PDF path.
TinyMCE already has a bunch of nice plugins out of the box. One of them - media plugin - wich i would like to extend.
Problem: I use an exterenal Video service with an API. In order to play video on the page, i need to embed it with an iframe. The iframe-code - especialy the src-attribute - can be generated only on the server by specific page_id and video_id and some other data from database. So whoever tries to embed a video from that particular video-service needs an already generated iframe-block or at least a generated url and that is the problem.
Goal: Somehow extend tinymce' functionality. Ideally the "media" plugin.
I would like to add either a new input-field to "General" tab or create a separate tab with additional input fields. Something like that:
or
Question: What would be the best (or simplest) way to achive this ?
The best, and only, way to achieve this is to edit the code (plugin.js) of the media plugin (the non-minified files can be downloaded here https://github.com/tinymce/tinymce)
Adding a tab and fields to the interface can be done by extending the tabpanel (in the file around line 155). And furthermore writing the code to submit your fields to the editor. I have worked with plugins in tinymce before and must say it can be a complicated matter.
A very short introduction on plugins in tinymce can be found here: http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin
Good luck!
Ok so I am in the process of building my first Javascript 'framework' or 'bootstrap' which will be implemented in combination with a single pre-processed CSS file. I am gathering my favorite content slider, smooth scroller, content slideshow, parallax elements & bg-img, sticky elements, among a few more cutting edge navigational & UI based scripts (cross-browser/platform/device/viewport compatibility and performance). My problem is when constructing my demo page with all combined elements in place loaded and active on the page... well many seeem to require a different version of Jquery to be called in order to function properly. I have managed to get them to work properly while testing by carefully reordering the jquery librarys as they are called in the of the page. Now here is my (2) part question:
How do I get all my JQuery to work properly without loading multiple versions of it (one for each script almost)
I have a sample in my portfolio which I would love to use as the example. http://www.nicholasabrams.com/ (non mobile device version). In the src for that URL you will see only (1) js and (1) css - including the jquery libraries which are ALSO included in the single .js in the begining of the file. Please don't flame me, as I am asking for help. The link above works fine now (with apple as a slight exception)... but I am just trying to eliminate any bad practices I have as I have just started as a web developer at my first large company. Thanks!!
PS: Would post a snippet but its quite a large js file as you would imagine but if you will, please inspect my src and let me know what you think because my sites first load decreased from 22 seconds to 4-7 seconds after doing the above I wish I could just include the latest version of JQuery!)
if I understand you correctly you are loading more than one jQuery library to the page (in different order)? That's a mistake - you shouldn't do that.
What you should do is make sure that the plugins you work with are compatible with the library you are working with. If they're not - wither find other plugins or fix the ones you have to support the jQuery language you are using.
You have a 2 megabyte hi-res background image, that is insane! I would scrap that and the swirl image, while it may look cool to you, it is distracting and may actually make people want to avoid your website. It makes it difficult to concentrate on the text in the middle of your screen. You don't want people to remember the swirling image, but rather your portfolio, right?
You also have 404's on the following:
http://www.nicholasabrams.com/ScrollSpy_files/result-light.css
http://www.nicholasabrams.com/example-images/testing_station.png
404's are bad for several reasons, they are a wasted resource as they slow the loading of your page, because it attempts to find something and does not find it, and, finally, they have a negative impact on your SEO, specifically Google PageRank docks you for any 404's.
Find a way to work with one version of jQuery, it will eventually bite you to have multiple versions of the library and it is a bandwidth killer to have your users load up a bunch of libraries, even if they are CDN'd.
For a photo album I would like to use ckfinder to select (and upload if needed) what images you want to use within the photoalbum. But having to select one by one is obviously not the best user experience.
Is there any way where you can select multiple files (by either dragging or ctrl clicking) using ckfinder? I read the ckfinder API documentation but I can't seem to find anything about this. Is there maybe a plugin available for this or how would I go about making a plugin for this?
Currently CKFinder doesn't have such option.
You should add this request in the CKFinder forums so the developers realize how many people want it (I think that there should be already a thread about it, so you can add a "me too" there)
CKFinder does support this function.
Click "Upload"
Ctrl select whatever images you want in your photo album
Click "Open"
And you are good to go.
If you are using the free version this may be the problem.
Go to http://ckfinder.com/demo and try out what I just said.
CKFinder now supports this function, also see: http://cksource.com/blog/CKFinder_2.3_Released
I have a simple requirement:
One browse button opens multiple file choosers.
When file is chosen, its filename gets added to an order list.
This works just fine in IE, because i can programatically click on hidden file inputs, but firefox does not let the click event open the file choose dialog.
Question:
What options do i have? I noticed that gmail uses a piece of flash to make this happen, this isnt really an option for me, i need to stick to an html/javascript solution if possible.
Thanks.
There's a reason GMail uses a piece of Flash: it is the best least-worst option. Some other sites I've seen use Java applets or their own browser add-on or Active-X component, which I find much more intrusive to the user than Flash.
If it were possible with HTML/javascript, you wouldn't see so many sites (like GMail) going out of their way to use flash or Java.
If you're stuck to HTML/Javasctipt, the next best thing you can do is the way GMail used to do it: put an "attach another file" link below the file selection input field, when the user clicks it another file selection input field is added to the page with javascript, so that they can add an unlimited number of files without navigating away from the page, but they still have to pick them one at a time.
There is not much you can do aside from Flash because the file input fields have been locked down for security over the past few years. If you want, there are several freely available Flash uploaders that will do the trick you want.
impossible Based on your data (users not having Flash) this is not possible with just HTML and Javascript. has alway been a huge debate whether to improve it or not. It doesn't even support too much CSS styling.
Multiple file uploads are able only via plugins. Either Flash, Java or Silverlight nowadays.