Saving Images With Javascript
Jul 23, 2005
WANT: Client to save an image to disk pressing a "download" button.
The image name is dynamic, from JS code on another part of the
page
DID: Read somewhere I can use document.execCommand("SaveAs") to do it
This solves it for MSIE, at least. My code is below
PROBLEM: What actually happens with MSIE is:
1) A window pops up promting me to save as.
2) The filename is correct, but the saveas type shown in the box is limited to "html" and "txt"
3) The "image" that is saved is not an image, but an HTML file containing the link to the image!! This is NOT what I want!
PLEASE help. How do I get MSIE to save the actual image instead?
PS With netscape, instead of the saveas dialogue, a window opens with
the image displayed. By clicking <CTRL-S> I can save the actual image.
CODE ----
View 5 Replies
ADVERTISEMENT
Dec 20, 2009
i need javascript code for saving the images from hdf to GTIff format.
View 1 Replies
View Related
Mar 7, 2003
What I'm doing is taking the parts of my web site that apear on every page, for example the tags from the first <html> tag to the <body> tag, and I just put some JS code into an external file that tells it to write that same code to the browser, then I call the external file where I had the original code.
That way the external file gets cached and they don't have to re-download that part of the code every time.
Combining this, with some other things including gzip I've been able to get my main index page down to 300 bytes, not including images, css files or js files, which are only downloaded once because of caching anyways(and they aren't that big in size themselves, either).
Of course this wouldn't work if you don't want to alienate people who don't use javascript, but 9/10 people do so for some this might be helpful...
Also, this still works with dynamic content as well. for example what I did for my main page where I display the news in little "news boxes" as I call them which are basicly divs setup so they look nice visually... what I did was make a function in the external JS file that accepts the different parts of the news box such as subject, body, time/date of post and who posted it, and then it creates the HTML for it. Then it's really easy to change the look of the displayed news by just changing the js file.
View 3 Replies
View Related
Feb 23, 2006
I have the following code inside the <head> of my php file. What this code will do is change the style="display:none;" of a div element, depending on which option is selected within a combo box. Code:
View 1 Replies
View Related
Jun 14, 2006
Is there anyway of disabling images in javascript, so that the alternative
text appears instead of the images? I'm trying to do a text-only version of my site.
View 8 Replies
View Related
Oct 30, 2006
I have some image data in a Javascript variable, and I want to display
it. I have a technique which works in Firefox but not in Internet
Explorer :
<script>
var testImage = <image data as a string>
</script>
<img src="javascript:testImage"></img>
I understand that this should work in Javascript 1.2 and above, which
supports null characters in strings. Does anyone know why this doesn't
work in Internet Explorer?
View 3 Replies
View Related
Apr 17, 2007
Let's say I have a Javascript function that loops over and over. In
that function i have it alternating images on a button this way:
if(var==0){
var myHTML = "<input type='button' style='background-image:
url(grnbutt.jpg);etc. etc.'>";
var outq = document.getElementById("qbutt");
outq.innerHTML = myHTML;
}
else{
var myHTML = "<input type='button' style='background-image:
url(grnbuttdark.jpg);etc. etc.'>";
var outq = document.getElementById("qbutt");
outq.innerHTML = myHTML;
}
This works great using Firefox, and works with Internet Explorer also
EXCEPT if its set to "Check for newer versions of stored pages: Every
visit to the page". With that setting, IE will download those 2 images
from the server every single time through the loop. So then I tried
putting both images on the same jpg and then moving the image:
if(var==0){
var elem = document.getElementById("grn");
elem.style.backgroundPosition = "-100px 0";
}
else{
var elem = document.getElementById("grn");
elem.style.backgroundPosition = "center";
}
This also works, but also, constantly downloads new images when using
IE with the above setting. Microsoft calls this a "feature". They then
offer a fix for this "feature" that... doesn't work. Preloading
doesn't work. Loading the 2 images in a <divset to invisible doesn't
work. I've tried suggestions of creating php files that tell the
browser that the images don't expire for years. That didn't work for
me. Many people have also suggested that there is no way around it...
it can't be fixed until Microsoft fixes it.
So, is there any javascript way to loop 2 images on a button, without
Internet Explorer constantly downloading those 2 images over and over,
when its set to "Check for newer versions of stored pages: Every visit
to the page"?
View 2 Replies
View Related
Jun 24, 2003
I have a site that I have a bunch of rollovers for..
I have a preload image script as follows:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
image1 = new Image();
image1.src = "/images/image1-over.jpg";
image2 = new Image();
image2.src = "/images/image2-over.jpg";
// End -->
</script>
This works just fine for NETSCAPE... it preloads it, so you can cruise over the rollovers perfectly without wait the first time you load.
However, with IE, it doesn't work the way it should, and it still takes time to load each rollover when you hover the first time. And they don't seem to cache properly and you're constantly reloading them.
View 2 Replies
View Related
Jul 11, 2005
For years I used a javascript code to generate random banners/images in my site. Everithing worked fine.
But recently I moved to another host and the code dosnt work properly, i.e., if you open the browser and go to www.megafarol.pt the imagens dont show up. You need to hit Refresh to work properly. Also, if you return to that page, then everithing works fine.
View 3 Replies
View Related
Oct 25, 2005
I have seen lots of PHP scripts and javascripts for what I need, but none that seem to fit exactly.
I'd like a simple page with two image windows, the same size, one on the upper left and one on the upper right. The images are about 250 x 200. I'd like the pictures in these panes to change randomly. It's sort of a slideshow, except that I'd like the images to change from a random pool of images and it will be automatic; there will be no previous/next buttons or links.
I've seen a PHP slideshow that did this, but only when the page was refreshed. I've seen javascript slideshows, as well. I've used a Dreamweaver extension called flevOOware in the past.
Can anyone recommend some javascript that would work for this? Ideally it could work for multiple images on a page.
View 14 Replies
View Related
Mar 4, 2002
I had opportunity to meet with Creole a few days ago and we were discussing some options to pursue in the Build forum. I thought I'd start here in javascript and find out methods users use to preload images. I realize that this information can likely be found in a google search, but if we can get some good insight, maybe start putting an FAQ of javascript issues for Sitepoint Forums together. What do you think?
View 1 Replies
View Related
Jul 23, 2005
I have created a Javascript menu for my site which uses frames. The first
stage loads fine but I want two drill down menus ("About Me Menu" and
"Projects Menu"). The pages load fine, but the images aren't displayed,
instead the alt text is shown. The images come up after you "Mouse Over"
them but not before......can anybody spot any errors in my code which could
be doing this please. For info, I have 4 images for each button, to take
into acount whether the button had been used and to give a mouse-over image
for each state. I have also deleted the code for items 3-5 as they are
commercially sensitive. Code:
View 10 Replies
View Related
Jul 20, 2005
This javascript is meant for learning language vocabulary, specifically
colours on this example. However, when I use images in the mtWord array,
it breaks when checking for correct answers. It works fine with text in
those spaces. Code:
View 2 Replies
View Related
Jun 6, 2003
I'm working on an image gallery and want to popup windows that are the size of the images they're meant to show.
In php I would use getimagesize() and plug the dimensions into a new window but the server doesn't support it so I'm sort of stumped on how to dynamically size the windows appropriately. Any suggestions?
View 2 Replies
View Related
Jul 23, 2005
I have a popup window which is a slideshow of about 7 images. When the
popup window loads, the first image is present and then the viewer can
select next or previous to scroll through the rest of the images.
I'd like to use the same popup window at different points throughout
the website and have the Virtual Tour (slideshow) open up at the
appropriate photos. Meaning I'd like to control which picture the
popup window opens up to, depending on where the user is in the site.
Does anyone know where I can find code that does this? I am somewhat
familiar with Javascript but would like to find some ready-made code
which accomplishes this.
View 2 Replies
View Related
Mar 20, 2007
I am new to JavaScript and have been plugging away at it trying build a menu for site I am developing. My colleague has suggested I use Flash, which I could, but I think it is unnecessary and JavaScript is ideal for this use.
I have been building a menu that has a sub menu that appears below all of the main menu items. I have got this working and will include the code I used to do this below.
Now I want to change the button image so that it is visible which sub-menu the items that appear below belong to. Code:
which was very helpful and with some playing around I can now get my existing menu to complete part of my task. But I have 4 menu items and therefore need to use a "var" command to allow me to define different button images for different menus. Code:
View 2 Replies
View Related
Jun 12, 2006
I have a problem with cookies set via javascript. What I try to
achieve is, when a user comes on the intranet, he can click on a link (
a simple href) that will set the content to french or english. I want
to set a cookie to persist that choice each time the user comes back on
the intranet. This feature must be available everywhere on the
intranet and the link is placed in an inner asp script called Menu.asp
which is included each time a page loads.
Now, I know it's maybe not the best way to achieve this but I'm just
working from what has been made by others, I cannot change the way
things are made, too much work would be involved and they won't accept
to give time to do everything all over again.
The best approach I got was to set a querystring value and replace the
cookie value from vbscript code. The problem is, the intranet we have
use a lot of the querystrings for a lot of features and when I click
the English/French link, that info is lost. I've tried to set a
mechanism to keep all the querystring and only add a new value but I
got weird results...
So I've turned to Javascript and still got no luck... For some
reasons, the cookie gets deleted from the cookie file as soon as my
javascript modifies the cookie.
Here's an example:
View 1 Replies
View Related
May 9, 2007
I wrote a script to generate links to some pictures that I need to
regularly update our site with. Is there a way to write a script that
just saves the pics to a directory on my pc so I dont have to right
click on every link and do a save picture as...? I can't link
directly to the pics from our site because our site is https and the
site the pics are on are http so the user gets the security warning
box every time a pic loads. Code:
View 4 Replies
View Related
May 19, 2006
I have a log file that is viewed on the local machine. There are some
settings on the html page that allow the user to specify how the file
is viewed. I'm just wnodering what are my options in saving these
settings (so they could be reloaded next time the user loads the page).
Writing to registry, a file, or a cookie? what's the right approach?
View 4 Replies
View Related
Jul 20, 2005
I've got an online system which I'm interested in making available
offline - i.e. letting the user download certain HTML forms, fill them
out offline, then the next time he logs into the site, sending all the
data he filled out to the system. However, I can't seem to come up
with a good way to do this. I thought of using cookies (that'd be
great, since the system could detect them automatically), but it seems
I can't set cookies for my server offline; it has to be from a page on
the server itself. And from what I can tell, JavaScript doesn't have
the capability to write files on a local system either. Does anyone
have any ideas about how to go about this using JavaScript?
View 1 Replies
View Related
Apr 21, 2011
I am making a LOVE IT button using php and jquery and i have most of it working...
The button currently returns the value from the DB of 0 but when i click the button it wont save the incremented value to the DB.
see it here[URL]
my code is this
<?php
mysql_connect("localhost", "web183-loveit", "password") or die ("Error.");
mysql_select_db("web183-loveit") or die ("error");
$increase = "UPDATE results SET value=value+1 WHERE id=1;";
[Code].....
View 1 Replies
View Related
Jan 5, 2010
I have trying to save an update the xml file which is there in same folder in which HTML page is there. In HTMl page i have written javascript code to Save and Update XML on server.The code is like this
function Save()
{
var xmlDoc= new ActiveXObject("MSXML.DOMDocument")
xmlDoc.async="false"
[Code].....
When i am accessing HTMl page on server from client and this function is called error 'Parameter is incorrect' is showing on line
xmlDoc.save ("/show/Share%20Workspace/Nidhi/Share%20%Document/Account.xml")
Note: xmlDoc.load("/show/Share%20Workspace/Nidhi/Share%20%Document/Account.xml") is working fine.
The save is working fine in local but not when on server and request from client.
View 7 Replies
View Related
Jun 20, 2007
We have always been used to dynamic webs with JS.
We have used
document.getElementById("x").innerHTML=""
to edit specific HTML part.
My question is, as soon as the browser is closed, the inserted HTML codes vanishes...How to keep it everlong such that to save them as HTML files.
I want to create a small guestbook like something. I created and when i close the browser the inserted text vanished.....How can i keep it for ever??
View 2 Replies
View Related
Nov 6, 2009
I have created a 2D array as a sort of "game board" and would like to place an object(cubeShape) in each square and be able to interact with specific instances. Since I am using the O3D API, I would like to do this by taking the object's place in the transform matrix and storing it in the 2D array. The problem is, I run this code:
[Code]...
And then when I check it, every value in my array is filled with 9 instead of the actual count. i.e. myBoard[1,2] = 9, myBoard[2,2] = 9, etc. Whats going on?
View 2 Replies
View Related
Jul 13, 2004
I once came across some sites that prevent saving their pages by disabling the 'save' option in the File menu. I remember it was done. But I forgot the url.
How are they doing this? Is it possible to do so with Javascript? It will be great if someone provide me with links for such articles or scripts.
View 5 Replies
View Related
Apr 16, 2001
I want to save the form value for a persons USERNAME in a cookie when they are logging into my free e-mail service. So when they come back I can lookup the cookie and write the value for their username back into that spot in the form.
I've got it working for the drop-down menu so that it will change to whatever domain they selected the last time they logged in but I can't get it to work for the username box.
View 2 Replies
View Related
