When the site loads it takes a while for all the scripts to load and then the images to settle down - more so in IE, naturally. I would like to display a black screen or cover everything with a div while it settles down. I have tried a few Timeout scripts but they appear to be conflicting and don't work. how I can either display a blank screen while it all settles down or just avoid the problem all together.[URL]
View 3 RepliesWhen the page loads for the first time or after refresh the text within the scroller is black for a brief time and then it turns to white. I have tried changing the values but can't get it to start with white text?
The other thing is I would like to be able to have a hypertext link within the text but I tried using the normal <a href> tags but this doesn't work. Can you see a way of doing this? Code:
Right im trying to incorporate a splash screen on recent project like the one here... [URL] But im trying to implement cookies with it so it only loads the splash screen once every browser session but i havent managed to figure this out yet
View 2 Replies View RelatedIm having a bit of an issue with a website im building for a band.The band want a site that is 2500 width so that when the page loads you can either scroll right or left to view the out of screen material...i cant find a way of the page loading centered...it is always loading to the far left and all i can do is scroll right...i have uploaded the site to http:[url].... for you to have a look at so you see what i mean.I origionally posted this thread in the CSS forum but was instructed this would be a Javascript issue.
View 1 Replies View RelatedI taught it to myself without even having any true JavaScript experience and am sure that while functional, many of my implementations could/should be written completely differently. I'm running some animations that look great in everything except for IE. In IE I'm seeing a thin, ragged black border around some of the elements that I'm animating.
View 1 Replies View RelatedWhat I would like to do is enable swapping between the black images? I would like to drag and drop to another image and that image will fill up the dragged earlier image position?
View 1 Replies View RelatedI created a button with 2 states for mouse-over effects using css sprites. This has always worked well and I have no issues. I recently added some jquery to my buttons to create a smooth transition for the mouse over and this is where I see the issue. When the page is initially loaded the image looks fine. When I hover over the image there is a brief flash of black around the transparent edges then the transition begins and everything looks okay. When I un-hover the image shows the black edges. From this point any time the image is in the un-hovered state the edges are black, and when I hover the black goes away.
Example: [URL]
Here is the jquery code:
$('p.rss-button a')
.css({ 'backgroundPosition': '0 0' })
.hover(
function(){
$(this)
.stop()
.animate({
'opacity': 0
}, 325);
}, function(){
$(this)
.stop()
.animate({
'opacity': 1
}, 325);
});
I'm having trouble getting FireFox 2 to play nicely with a jQuery fade. Here's a paired-down example:[URL]..I've made the source code VERY basic here to make it clear what's what. When you click the link, some jQuery fades the image in and out. But it also makes all the text go thinner. Clicking away from the link then sets the text back to how it was.
Any ideas why this could be? I've googled it and although I can find people with issues around jQuery's fades, I can't seem to find a solution to this one.
What I would like to do is enable swapping between the black images? I would like to drag and drop to another image and that image will fill up the dragged earlier image position?
View 2 Replies View RelatedI'm working on implementing watermark in datepicker text field (JQuery V1.8.9). I have a datepicker field with watermark set (dd/mm/yyyy). Watermark text displaying in gray color. When I select a date, the text field still having the gray color instead of changing to black color. but, when i key in the date and focus out, it's working fine. Also, this is working fine in Chrome but not with Firefox. I'm not sure the exact cause...
View 3 Replies View RelatedI am using and modifying the sample demo page and have a error on IE:
Using:
The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7.
I want to do this work but I don't know how to do this:
when sb click on the image , a new windows will open and show the picture but all around it becomes dark .
I have attached an example in which sb clicked on the image and the new windows opened and showed the image bigger .
i have attached the image
how can I do so?
I know this is a known issue but I have had no luck with finding a fix for the issue I am getting with IE8. I get a nasty black border around my png that I am using the Jquery fade function. Does anyone have any useful hacks/tricks to fix this?
View 2 Replies View RelatedCode:
<strike>I am a boy</strike>
I like to make the strike line in red, and the text "I am a boy" in black.
I'm using a feature carousel on my new website - this is a horrible test version but take look and you'll see my problem - [URL]... It works fine in Chrome, FF and IE9 - however in IE8 and IE7, on the fade, an ugly black outline is added to the transparent PNG.
Does anybody know how I can remove the black outline in IE8 and IE7.
I have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
I'm trying to create a slide show using the script here:[URL]Here's my page.[URL] The problem is in IE (I'm testing this in IE7) there is a small black rectangle that displays in the fade. (I've tested this in Opera, Safari and Chrome. It works in all. I also tested it using an IE tester [URL]. Only 8 and 6 versions work correctly.) I can see on the dynamic drive page the slide show works correctly.I've tried changing the "background='black'" in the .js in a variety of places to transparent and tried to put an image, a transparent .png, in place of the background. No success with either one.
View 4 Replies View Relatedi'm sure this is an easy fix, [URL] trying to get rid of the black background around the smaller pictures in the slideshow.
View 3 Replies View RelatedI am to create a checkerboard which consists of an 8 by 8 grid of black and red squares in which no two squares of the same color are adjacent. Write a graphics program that displays a checkerboard.
When I compile this I receive an error Checkerboardwindow.java:14: 'class' or 'interface' expected
Checkerboardwindow.java:18: 'class' or 'interface' expected
The first coding is my CheckerboardWindow and the second coding is Checkerboard...
It seems like when I load javascript code into a page, that each item I add, such as an accordian vertical navbar, image slider, etc, that each time I add one, the page loads a second or so slower with each one added. I would like some of these features, but is this just a part of life, or are there tricks to avoid the slower load time? It is not major time but after the 2 items I mentioned, it added on about 2 seconds.
I read that $(document).ready(function() might slow me down but I do not see that statement in any of my .js files.
Same thing for the height parameter; for to set in the centre some popup with images what is better? what are the difference?
View 6 Replies View RelatedI have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies View RelatedClicking on the menu buttons, a box with some info opens, ad under that, a div that makes the body of the site black. the problem is when i click a different button, to open a different box, the "div#black" should stay open and not toggle. i tried this
var black = $("div#black").toggle() ;
if (black == false { $("div#black).fadeIn("slow"); };
and this was the javascript for the button (with the toggle function, when i didn't use the if/else):
[Code]....
I don't know which is the correct way to write the if statement, i used easier ones but this one is to complex for me :D i think the main problem is the "var"
For Script [URL]How do I change the "subject" color above each message from the default black to white?
View 2 Replies View RelatedI'm having a little problem with creating a element in internet explorer. The element that I'm creating is a div with a few style attributes to to it. The div is suppose to cover the whole page almost like a black transparent window on the page. However it is not. The messed up part about this is that it works fine in Firefox, google chrome and I'm sure other browsers (though haven't tested) and when I go to apply the div in my actual code as javascript is suppose to when you tell it create it, it works fine. No problems whatsoever.
function showPhotoUpload() {
var overlay = document.createElement("div");
overlay.setAttribute("style","z-index:3; background:#111111; width:100%; height:100%;
[code]....
To begin, I'm a novice at this. I'm using 2 JQuerys on a page -
[Code]...
The first fades a page in and out when loading. The second 'smoothly' scrolls the page down to anchor text in the page. The problem is that the 1st script 'overpowers' the second, so when you click on an anchor text link it starts to 'smoothly scroll down, then the first script kicks in an re-loads the page. Is there a way of stopping the first script if the second one is being used?