Not sure if this can be done with javascript but I would like to find a way to detect if an image is missing and replace it with a default image instead of the dreaded RED X showing up.
So - Is Javascript the way? Or should I look elesewhere?
All I've been able to find everywhere for this is examples of changing images when rolling over them or clicking them, and I don't need that.
What I need is a bit of javascript that will recognise some image paths on a page and replace those image paths with other ones.
It's for an ecommerce website on a certain platform, using a customer reviews section which outputs star images based on the customer's rating. So, the images used (which look awful) are, for example, "sourcehere/stars_5.gif", "sourcehere//stars_4.gif", and so on. Just 5 of them.
I want to design my own 5 images, upload those images, and then have the javascript replace the rubbish looking ones on the page with my own images.
I thought I'd be able to find something quite easily, but so far all I can find is examples of mouseover events and so on, and I don't need any of that, just the entire image replaced with my own image.
I am trying to write some JavaScript that will allow me to take the image on the front page, display it for say 10 seconds, then swap it out with another image, display that one for 2 seconds and repeat that continuously.
This is my first writing making a website and using JavaScript Here was my first attempt:
<script type="text/javascript">
for (i=10;i<1000;i=i+1)
{
if (i%5==0)
[Code]....
The hope here was that document.write would overwrite the current pic but instead, it just added it below. Is there a way to erase something that you just wrote or replace it?
I have the followingcode linesin myJavaScriptcode:var colors = ["#F08", "#0B8", "#04F", "#FD0", "#808", "#F20"];This sets the bg colors of my divs. This var is only used here:
function activateItems(callback) {
var itemsActivated = false;
for (var i=0;i<cfg.rows;++i) for (var j=0; j<cfg.cols; ++j) {
[code]....
I want to replace the text headings with images. I have tried adding an 'img scr' tag but then the menu won't expand. I got the code from here The JavaScript Source: Navigation : Expanding Menu [URL]
View 4 Replies View RelatedI am looking for a script that will enable me to replace images in my site onMouseOver. the images are inserted in the HTML page using the <img> tag.
View 7 Replies View RelatedI have an html file which links to word docs amongst other things; but
these files and their location may change periodically.
How can I adapt my html so that if the files do not exist, the links
are hidden i.e. how do I hide broken links?
I have a problem with an ajax application using jquery.Depending on the responseText I want to load another page into a containerA response created by php can look like this:redir@test.php?a=1&b=2&c=3I parse it with javascript as follows:
Code:
function parseInput(responseText){
var redir= /redir@/;
[code]....
l am making an jax call and the data is coming back fine inserted into the specific div correctly.However my css is broken after the AJAX call. the h1 are too big some menu items disppear.See code below
jQuery('#section').change(function()
{
jQuery('#loading')
[code]....
Code attached, the bb code dosen't let my code post.
View 2 Replies View RelatedSeehttp://api.jquery.com/category/deferred-object/links tohttp://api.jquery.com/jQuery.thenhttp://api.jquery.com/jQuery.doneetc don't work.
Is it possible to post a patch to the docs somewhere?
Is it just me, or can no one else see the content of the documentation pages?All I get is a blank window. I've tried multiple browsers on multiple computers with no difference.
View 5 Replies View RelatedIn jQuery 1.4.4 I could load a JSON file from subdomain2.website.com to subdomain1.website.com without any problems. When I upgraded to jQuery 1.5 this didn't work anymore.
Is this a jQuery bug
$.getJSON("http://subdomain2.website.com/resources/data.json", function( data ) {
console.log("data");
});
I have an issue in which any and all jQuery function calls are broken in Internet Explorer and Google Chrome but it functions properly in Firefox and even Firefox doesn't give me any Javascript errors.[URL]..
View 1 Replies View RelatedI am developing a Firefox extension and after upgrading from jQuery v1.2.6 to v1.3.2 I found that including jQuery in the XUL-file will break other extensions that displays buttons on the toolbar, among those is Adblock Plus.
I have not tried any versions between those mentioned so I do not know in what version this happened. If i revert to v1.2.6 everything is OK.
A common javascript function that capitalizes input as user types (onkeypress) no longer works as of IE9Need a function that also works in IE 9 that doesn't not change method call or interface (as it's used in 150 places throughout application).
CALL:
[CODE]
el.onkeypress = function(el) {
return c_capitalizeInput(el);
}
[CODE]
FUNCTION:
[CODE]
// Intercepts keyboard input and capitalizes keystrokes.
// Call with onkeypress="return capitalizeInput(event);"
// Compatible with both IE and Netscape/Mozilla
function c_capitalizeInput(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (window.event) {
// IE
if ((evt.keyCode >= 97) && (evt.keyCode <= 122)) {
evt.keyCode = evt.keyCode - 32;
} return true;
} else if (evt.which) {
// Netscape and Mozilla
key = evt.which;
if ((key >= 97) && (key <= 122)) {
key = key - 32;
evt.target.value = evt.target.value + String.fromCharCode(key);
return false;
} return true;
} else {
return true;
// Can't do anything for other browsers
}
}
[CODE]
How to make this work in IE9?
I've been trying to show a div using jQuery's show function with the scale effect. My code works fine in Firefox. When I test it in IE7, it breaks. I narrowed it down to either the origin argument of the scale effect, or the time argument of the show function (which seems unlikely). Like this:
Works in IE7, italics added to show commented code better:
Code:
$(document).ready(function() {
$("#hover").hover(
function() {$("#content_show").show("scale",{percent: 100, direction: 'vertical'});},//, origin: ['center','center']},500);},
[Code]....
Also, not as important, but what is the syntax of the origin property? What values can I use in it?
I have had a report that the tabs (product description, shipping etc.) found on this page don't work:
JCDC x odm collection - UFO - Black
I have checked on quite a few browsers and it seems fine. The person who reported it appears to be using IE9 which I don't have access to.
I found, after some googling, a js that shows broken image links in FF. I wonder if its possible to alter it so that the script displays the broken link image in the same size as the original image is in. Now it makes it in to 80x80px [code]...
View 6 Replies View RelatedI have abutton with an icon and the icon is displaced, when it is placed inside a span that has the class ui-widget-content
I believe that this person was having the same issue[URL]...I could just use a different class for the span,I just wondered if there was a
[Code]...
I was wondering if there's a quick and simple way to notify a user if an ajax connection is broken, for example you're calling a file, but due to your internet connection, the file cannot be relayed back to you, so the existed javascript code on the initial page you're on, notifys you of the problem.
View 1 Replies View RelatedWhen I load an HTML file dynamically which contain relative links with jQuery, all the links are broken. which does not involve changing all the links to absolute values?
View 1 Replies View RelatedI'm opening a new window with window.open() In the new window a file is loaded with the following post data function:
function ajaxPost(url,data){
$.post(url,data,
function(data){
alert(data)
[Code]....
If I call this function form within the new window everything is fine
- If I call it from the opener window the callback function is broken
- only in safari - ff works fine.
I've written a small plugin to serve as a feature rotator and am having one strange problem.You can see some demos of the plugin and documentation here:
http://pbskids.org/pbskidswidgets/carousel.html.The plugin does a number of things that involve reading the width and height of DOM elements and using them to set the width and height of other elements. The problem is that sometimes in Firefox and Safari, when the page loads, the widths and heights of panels in the carousel are fracked.
Reload the page and the problem's fixed. In Safari, I can't get it to happen again on many reloads. In Firefox, though, if I reload repeatedly, I can get the problem to happen again: maybe once every seven or eight times.It looks like something's happening with page loading, but I'm at a loss to diagnose it further: is the script firing before the elements have fully loaded sometimes, and then works on subsequent tries because those elements are in the cache? Also: I've never seen this error in any of the IE versions.
I'm having an issue with a javascript image slider that I downloaded and have implemented. You can see the page I am working on here...[URL]. And the script is at [URL]. It works fine on my Mac browsers, and then fine on Windows Firefox, but it's when I try it on IE it breaks. Or rather doesn't even show up. The other issue I've occasionally noticed is that an image won't load and shows as a broken image link, even though the image is there and is referenced correctly. This is an issue across the board, and only happens randomly.
View 2 Replies View RelatedI'm recently programming a website with ajax and no i have found a solution for the back button problem (broken) on the internet, but it doesn't work on IE. it works on firefox, chrome, safari,...
Every time the user changes the page the url is stored in history with this code:
Code:
It adds after the url a '#' sign with the name of the page...
After that the program will store the url in a non-displayed div
And now i've set up an interval that checks the url adress bar and that div if they are not the same the page will load the url in the adress bar here is the code:
Code:
I've checked the problem with IE. IE will not read the current adress bar. It's always reading the url of the current page but not the url of the adress bar. And i've tried almost every combination with document.location, window.location, href, hash,...at least here's is my url:[url]