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'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]....
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 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 RelatedWhen 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 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.
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 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 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'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 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...
When 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:
I'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 opened a new window using 'resizable=no'. Can the child window make itself resizable even if it's opened with 'resizable=no'?
For example:
<body onload="javascript: window.resizable=true;">
Is it possible to make my application always open in a new window even if IE 7 tabbed setting is set to Open links in a new tab in the current window.Always open pop-ups in a new tab.I am using the following command to open my application in new window
NewWin=window.open('my_http','_blank','toolbar=no,resizable=no,width=1150,height=810')
Which works fine as long as users dont set their IE7 tabbed setting to always open pop-ups in a new tab.
I am trying to make a pop up box that does not have the toolbar, status line, and does not say Java application at top of Pop up box. Here is how I wrote the code. It did not work.
<html>
Attempting to make a pop up window:
I am working on chats. When there's reply how do I flash the window? But I don't want it to popup, just flashes?
View 1 Replies View RelatedI have a javascript, calendar.js which i use to enable my client to
select the date. This calendar pops up on the click of a gif image.
But the problem is that this poped up window is not modal in nature(i
do not want the user to go the parent page unless he selects some date
in the calendar popup).
In the javascript calendar.js he has used window.open() function to
pop up the window. i just want to know whether we have any attribute
which when set to yes will make the window behave modal in
nature.(just like resizable="yes",toolbar="yes", do we have
modal="yes" ?)
i checked modal="yes" and it does not make the window behave modal in
nature. Am i using the wrong attribute name?(modal="yes").
Do we have such attribute. If not what are my other options.
I know that we can use window.showModalDialog(), but i need to modify
the window.open() function to make the window behave modally. Is it
possible to do so?
I have a large image which contains different sections. I can scroll this up and down a certain amount. however, I want to cut the display to only a small square of the large image, and hide the rest. Think of a slot machine, the wheel is spinning but you only see a small area in front of you. How do I achieve this in jquery?
View 1 Replies View RelatedI need this bookmarklet (below) to open in a new window and display the info there. It needs to work in both FF and IE. It would be in one line in the bookmarklet but I expanded it for readability. It should work against our site: [URL]
[Code]...
I am trying to do is adjust my ad code from adbrite to make the ads (when clicked) open up in a new window rather than the current one, as this disrupts gameplay on my site. (I have a game site). This is my ad code:
<!-- Begin: AdBrite, Generated: 2009-10-04 22:48:52 -->
<script type="text/javascript">
var AdBrite_Title_Color = '6728B2';
var AdBrite_Text_Color = 'E1771E';
var AdBrite_Background_Color = '000000';
[Code]...
Is there a way to make a popup appear behind the current window?
View 4 Replies View Related