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:
I moved over client side javascript code from an asp.net 1.1 project to
an asp.net 2.0 project. When I view the web page, I get all these "is null or is not object" javascript errors.
Is there something that I am missing? Is WebResource.axd the issue?
Attached is a simple HTML file that adds and delete rows. In the add
row function I set an attribute "onClick" this triggers the
testMessage() function. When I try this in Firefox it works just fine
however on IE it just refuses to work.
What is interseting is the ROW that already exists has a similar
'onClick' event which works when the page is loaded, but subsequent
"row" additions to the table to not work in IE. Code:
I am looking for a javascript code for this idea under this messageI want to create a kind of shopping website so when you click on a image or text it will add some text to a textarea,, it will include the name of item and price of an item
View 18 Replies View RelatedWANT: 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 ----
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.
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?
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"?
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.
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.
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.
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 RelatedI 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:
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?
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.
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:
How do you create a line break in an alert box with JavaScript?
View 2 Replies View RelatedHave a asp.net mvc project using jquery-ui-1.7.2. and BlockUI. When I changed jQuery version from 1.3.2 to 1.4.1, the CSS pertaining to the block ceased to render. The functions fired (verified by in-line alerts) and firebug had no complaints. Moved back to 1.3.2 and the blocker rendered perfectly.
View 2 Replies View RelatedI can't figure out how to properly format the code below. I am looking to add breaks after where it says below. Also to change the color if possible.
function isPPC() {
if (navigator.appVersion.indexOf("PPC") != -1) return true;
else return false;
}
if(isPPC()) {
document.write('<b>Send <A CLASS="contact" HREF="mailto:?subject=ADD A BREAK AFTER THIS ' + document.title + '?body= ADD A BREAK AFTER THIS ' + '" onMouseOver="window.status='Send your friends e-mail about this page'; return true" TITLE="Send your friends e-mail about this page">this page</A> to a friend</b>');
}
else { document.write('<b>Send <A CLASS="contact" HREF="mailto:?body=ADD A BREAK AFTER THIS ' + document.title + ' ADD A BREAK AFTER THIS ' + '" onMouseOver="window.status='Send your friends e-mail about this page'; return true" TITLE="Send your friends e-mail about this page">this page</A> to a friend</b>');
}
I have the following code ...
The whole idea is that if a certain div object comes to focus, something else disappears (using JQuery). For some reason the code in the comments is working fine, but the for loop breaks everything down. Why?)
I'm making a vaery specialized form to output html code to copy and paste. So far so good and I'm happy with the out come. I know it's a tad bloated but I actually wrote a little bit of it from what I've learned so I'm learning and that's the point.
So what happens is that I present my user with a form where they can slap in all the info and the out come is a copy and paste procedure after that.
In the "content" section, I'm sure there will be a few paragraphs of text being entered sometime, and most likely copied and pasted in. What I would like to happen is the script recognize carrige returns and enter in <br><br> in place of them. This is a wordpress issue so im not sure if closing a p and opening one is going to work right. Code:
[URL]
-If you click on the green "Virtual Tour" button in the middle of the page...it gives a error
-This is working fine in Firefox
There's s function if you view source :
function win_up(winurl, winname,w,h) {
if (winname == null) winname = "calcs_win";
if (w == null) w = 500;
if (h == null) h = 500;
window.open(winurl, winname,"status,scrollbars,resizable,width=" + w + ",height=" + h);
}
I am passing data from a textarea to a div with javascript. The problem is the div is ignoring line breaks.
document.getElementById('layer1').innerHTML = document.getElementById('reply').value.replace("
", "<br /><br />");
e.g... i entered this in the textarea
test1
test5
test6
the result was in the div
test1
test5 test6
the div is completely ignoring the line breaks.?
How would I go about removing line breaks from a textarea? I know that different OS's have different types of line breaks (
,
, or
), so I need for this to work 100%.
I'm trying to use the replace() method for the string object, but it doesn't seem to be working. =/
Just a quick Q, how would I change line breaks in html to <br>'s?
View 5 Replies View RelatedThis one is throwing me. I have a small piece of code that I am using to call a function in dynamic drive's accordion menu script. As long as I leave the alert() line in, it works. Comment it out and the call to expandone() doesn't go through. I must be missing something obvious, no? Here's the relevant part of the code (it is fired from $(document).ready() ):
[Code]...