I'm having some trouble and I don't know why.
I have the following clickable image:
PHP Code:
It invokes an AJAX script.
If I change the type to button, it works great.
Tried this in IE, FF and Chrome.
I've got to get this working fast!
<img id="who" class="who" src="who.jpg" alt="Warriors Chosen For Battle" title="Warriors Chosen For Battle">
<img id="chosen" class="selector" src="selector.jpg" alt="Click for next image"
[Code]....
Yeah so basically when I click on one of the selector images I want it to change the value "who" images src value. I'm making an image selector, it works fine in IE, but every other browser it refuses to do anything.
var req = createXMLHttpRequest();
function createXMLHttpRequest() {
var ua;
if(window.XMLHttpRequest) {
try {
ua = new XMLHttpRequest();
} catch(e) {
ua = false;
}
} else if(window.ActiveXObject) {
try {
ua = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
ua = false;
}
}
return ua;
}
function sendRequest(frm, file) { .....
I got an ajax that creates an image tag whenever a drop down for car brand is clicked, it works well in firefox and internet explorer, but doesn't show on safari and chrome The ajax:
[Code].....
I am using ContentFlow from [URL] It is very well documented on their website. I got the whole thing working great on my site. What I don't know is how to change the ActiveItem onclick to just bump it over to the next image as if the next image had been clicked. As of right now it opens the image source in a self window. I don't want that. Can anyone give me a clue or maybe the whole answer on how to get it to click over to the next image? I believe the answer lies in the contentflow_src.js file.
View 6 Replies View RelatedI am trying to make a point and click javascript game. Basically what I want is to have one image displayed on screen at the start (room1.jpg). When you click on a door on that image, I have an onclick event to change the image to a new one that shows the door open (room1_a.jpg). What I want is that when you click the now open door, to display the next room in the game. The only solution I can think of is some sort of nested onclick event using several image maps, but I am fairly new to Javascript and I am not sure if that is possible. What it all comes down to is I want to display each incarnation of each room in the game in the same window without having to reload a new window for each room. I hope that makes sense, if not I can try and clarify. Below is the code I have so far. And as you can see all that does is display the open door when you click on the image. I have not done any of the image mapping yet.
[Code]...
I'm trying to use javascript to load an image on a webpage when another image is clicked on, just like an image gallery and just like this except I don't need any text: [URL] I copied the example above but when I click on the smaller image to load the larger one it works for a fraction of a second (I can see the image load in the right spot), but then the browser goes to the URL of the image instead (showing it on a blank page).
[Code]....
I have a script that I have been using for a while that works with 3 sets of div tags. The first is visible and the second two are hidden. Using a select menu you can swap which div tag is visible by selecting that option.
Now this works fine using <body onload="opts();"> to call the function the only problem is that the page I am running this script on has a lot of images and the second two tabs are visible until the page has completely finished loading. This is only for a matter of a second or two but still a problem.
I am not very smart when it comes to JavaScript and I have messed around with adding window.onload = opts(); to the script but kind of unsuccessful. This works in the sense that the second two sets of div tags are invisible from the start of loading the page. There are only two problems with this solution.
1. The script isn't functional (can't swap visibility on div tags) until the entire page has finished loading. -- I can live with this if I have to
2. There is a javascript error message in IE 'null' is null or not an object. This could potentially scare some people away when they see they yellow triangle in the lower left-hand corner of the window.
Here is the code I am using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Page</title>
[Code]..
I have pulled this javascript text rotation from a simple tutorial. I can't figure out how to get the rotation speed to slow down. I think I need another variable but not really sure. This is what I have:
<script type="text/javascript">
if (document.all || document.getElementById){ //if IE4 or NS6+
document.write('<style type="text/css">
');
[Code]....
This script has been around a while (I know it's old) but it works in IE when you mouseover an image...you can make text scroll up or down.
The problem is it goes pretty fast, even if you use the lowest speed (1). Is there a way to slow it down. Or a better script lying around anywhere? code...
I just wrote some javascript with a counter to call an ajax call of many records, but when it is around the 50th record the counter variable is not updating in time for the next ajax call resulting in duplicate results cause ajax is pullin the previous query again
View 4 Replies View RelatedI use superfish horizontal nav-bar style. Subcategories appearhorizontally below categories.The problem is that when I take themouse from the category name to reach one of their subcats, thesubmenu disappears! The subcategories disappear too fast! Is there away to fix this?
View 1 Replies View RelatedI have some code that I use to read an XML file:[code]This code works great for small XML documents, but the one I just received that I need to search is like 26MB and that would take forever. I was wondering if there is a faster way to do this with either JS or if not then maybe PHP? The only thing I could tyhink of so far is to just separate the large file into multiple smaller files.
View 14 Replies View RelatedIm looking to basically have an image which is a button with a value, and when i click the image, it gets replaced by another image with a different value. when clicked again it would return to the original image and value..Is this possible? and if so, please help cos im terrible at javascript!
View 3 Replies View RelatedI've been busy developing a new version of my quicksearch plugin. it's now a lot more flexible, plus lightning quick! [URL]
There's more information over at Github too: [URL]
I'd like the be able to use the native atob() function, but as I need the data as a byte array rather than text I would then have to convert it. atob() is much faster, taking only 1.2% of the time of the pure JS function. However, converting the decoded text to a byte array is very slow, so that the combination of atob() plus converting to a byte array ends up being almost twice as slow as the pure JS decoder (which converts the data to a byte array as it goes.)This is my current code to convert a string to a byte array. It's probably the simplest code, but it's definitely not fast.?
Code:
var bytearray = Array.prototype.map.call(text, function(x) {return x.charCodeAt(0);});
I've the following AJAX code:
[Code]...
This code works to insert a MySQL record to a Database using AJAX. It works fine on IE, but it's not working on FF or Chrome. When I test it on FF/Chrome, i just get the text "Just a second..." and it doesn't advance from there.
I have some simple code to add and remove a class when an li element is hovered.
$("#nav li").hover(
function(event) {
$(this).addClass("hovered");
[Code]....
The hovered class just adds a background image. When I quickly hover over the list, sometimes the background image gets stuck so it seems like the "hovered" class never gets removed.
[URL].. I have used some jQuery to hide two divs (#choices and #review) until a selection of "yes" or "no" is made. My problem is that as the page loads, these div's are displayed for a split second until the jQuery hides them. Can anyone tell me a better way or a fix for the existing code that I am using?
View 4 Replies View RelatedI'm using clueTip 1.0.6 and jQuery 1.4.2. The tool-tip will appear if I mouse over the cell slowly. Fast mouse over the cell does not bring up the tool-tip. But it will if I mouse over it again (fast one). It's happening in IE, Chrome and FF.
Here's what I have:
<td onmouseover="showcluetips('tableidxxxxx',106,500);">
function showcluetips(tableid, itemid, delay) {
$("TABLE[id='" + tableid + "']").attr("rel", "Content.aspx?itemid=" + itemid).cluetip({
showTitle: false,
[code]...
I have a site that made extensive use of javascript event handlers embedded in the html. I am trying to port the code to jquery and I notice that after the conversion, pages don't scroll as fast or smoothly as they did before. I actually notice this on many sites that make use of jquery or some other jscript library. What causes this behavior, and is there anything that can be done to minimize the sluggishness of the site?
View 1 Replies View RelatedI am using both these functions for the purpose of slider.But when you leave the tab & come again. The slider moves so fast.
Looks like it clears the interval automatically.
I am attempting to have a link hide and unhide a div It works in Chrome and Firefox, but not in IE The only thing that does not work is when i click it, it dosen't unhide or change the title, so basically, function unHide is not running, although there are no errors thrown. I have this in the top of the page
[Code]....
I am having troubles with my form not working correctly in IE. I have onclicks for different parts of my site. I am trying to use onclick and divs to make this happen.
I have added the javascript and the section of code where the user picks how they are. Once you click on one of the users in IE the form goes away.
im facing a small problem with javascript,it works fine in FF,but inIE6 & IE7 nothing is happening could anyone solve this problem.
View 8 Replies View RelatedI am attempting to have a link hide and unhide a div It works in Chrome and Firefox, but not in IE The only thing that does not work is when i click it, it dosen't unhide or change the title, so basically, function unHide is not running, although there are no errors thrown.
[Code]...