EXAMPLE: Downloading Files on the Client-side using javascript, via the Blob API and FilesSaver.js. python tricks from Techmirrors
This video is for a meduim blog
https://medium.com/@mohammedalrowad/downloading-files-on-the-client-side-via-the-blob-api-and-filessaver-js-ce88b26c2910?source=friends_link&sk=9576ffe0423df758936ffb3e32c65b87
~~~~~~~~~~~~~~~~~~~~~~
follow me
twitter: https://twitter.com/RowadTheSecond
LinkedIn: https://www.linkedin.com/in/mohammed-al-rowad/
Github: https://github.com/MohammedAl-Rowad
If you’ve been on the Internet for a while, you’ve probably seen numerous examples of JavaScript use. JavaScript is a powerful scripting language used to create special effects on your website, but did you know it can also be used as a very powerful web design tool?
Have you ever joined a new affiliate program or created a new publication that you wanted to add to your existing navigational set up, but dreaded having to manually add the links to every page on your site?
You can use JavaScript to enable you to dynamically update every page on your website with just one file. This technique is the same technology used by numerous syndication services on the Internet. It enables them to deliver dynamically updated content to every website in their program.
Before we begin, if you’d like to see an example of a navigational system that is dynamically displayed, visit http://www.web-source.net. This website has over one thousand pages and each and every one of them displays its navigational system using JavaScript. If I want to add an additional link, I simply update one file and every page on the site is automatically updated.
The first step in setting up your JavaScript feed is to create the file that will contain your content. To do this, open a text editor such as NotePad and simply copy and paste your existing navigational setup into a new page. There is no need to begin the page with , etc. as you are only creating the feed for one section of your existing web page which already has those tags.
Once you’ve created your new page containing your navigational HTML, you’ll now need to add some additional JavaScript coding to each line of your HTML.
The first line of your new file will look like this: on the last line.
Here’s how your code might look:
Each backslash (\) should be preceded with another backslash.
Example: \\
Each apostrophe (‘) should be preceded with a backslash.
Example: \’
You can include most HTML and JavaScript coding however, you cannot include JavaScript that must access another file to run.
After you’ve created your content and added the special JavaScript coding, you’ll need to save your new file. Try to select a name that reflects your file such as navigate.js and make sure your filename is no longer than eight letters.
Next, you’ll need to create a new directory on your server where you store your HTML files. Name this directory “content” (without the quotes) and upload your new .js file in ASCII.
Here’s where the magic occurs… Place the following code in your HTML pages where you would like your navigate.js content to be displayed. Make sure you change the URL and direct it to your new .js file. The following code must be displayed exactly as it appears. Make sure there are no spaces after the first line of code.
If you’ve followed the above steps correctly, your navigational system should now be displaying on your web page. If you are receiving a script error message, most of the time, it’s due to an extra space at the end of a line or an extra or missing character. Make sure you go over your code very carefully. Once you’ve created your content feed and it is displaying your content, updating your file will be simple.
If you’d rather not have to code the JavaScript yourself, I use a great script called, Master Syndicator which will code your content for you. I highly recommend it.
Using JavaScript to display your navigational set up can not only enable you to instantly update the content on every page of your website, but can also save you hours of valuable time.
sourceTechmirrors
Read More:
jquery on
javascript online
javascript if
backbone js
coffeescript
extjs
eloquent javascript
ember js
underscore js
for javascript
splice js
knockout js
babel js
unminify js
javascript prototype
for each javascript
jquery w3schools
immutable js
js find
jquery ready
pixi js
es7
particles js
javascript this
javascript includes
javascript frameworks
javascript wait
javascript es6
js for
requirejs
javascript bind
mdn javascript
javascript list
javascript code
find javascript
sails js
js includes
gulp js
mocha js
javascript examples
learn js
js bind
tolocaledatestring
javascript then
javascript some
in js
javascript and
parcel js
js if
prototype js
babeljs
learn node js
mustache js
javascript the good parts
chai js
learn angular
js some
react js example
javascript meaning
jasmine js
big js
codecademy javascript
raven js
javascript get
jsfuck
lightbox js
javascript tester
karma js
for each js
processing js
js frameworks
javascript focus
javascript for beginners
rollup js
javascript base64
js this
jquery script
cucumber js
jquery is
java javascript
cytoscape js
javascript chrome
javascript javatpoint
nodejs sleep
howler js
javascript md5
javascript course
datatable js
sortable js
javascript in
head first javascript
javascript program
javascript jquery
javascript type
javascript if and
script javascript
jquery wait
advanced javascript
cleave js
lodash js
jquery for
fromcharcode
javascript new
w3 javascript
js es6
duktape
enzyme js
js base64
mdn splice
ydkjs
js list
notify js
mozilla javascript
prettier js
some js
javascript wait 1 second
modern javascript
cypress js
deobfuscate javascript
react programming
scala js
numeral js
javascript on
angular javascript
js md5
aurelia js
javascript get current year
react jquery
common js
functional programming javascript
js w3schools
node js examples
python javascript
node js npm
babel javascript
learn javascript online
freecodecamp javascript
reddit javascript
grunt js
java and javascript
javascript if not
learn javascript free
online js
tutorialspoint javascript
react node
script js
jquery online
graphql js
javascript not
kotlin js
immer js
javascript min
min js
javascript now
eclipse javascript
react relay
draggable js
dojo toolkit
js get
dojo js
deno js
javascript in hindi
fizzbuzz javascript
best way to learn javascript
eventlistener javascript
javascript any
lazyload js
es6 find
standard js
react node js
w3c javascript
js in
es6 to es5
javascript get type
visual studio javascript
wallaby js
javascript language
js to coffee
node js online
headroom js
javascript for kids
javascript with
khan academy javascript
external javascript
chakracore
commander js
lerna js
js and
js code
jquery code