I am looking to create a floating div box where it will not only have the opacity set, but will also blur the content underneath the element itself? This has a glass like effect? Does anyone know if this is possible?
View 2 RepliesI am trying to change my sites background color. The color changes but it doesn't go back to the first image anymore. does anybody know what the problem could be?
jQuery Code:
HTML Code:
I'm putting together a portfolio site and I'd like to use high-res images that take up most of the screen to show different works. There
would be a menu bar with links to each work, where a click on that work's link would change the background by doing a standard "dissolve"
effect.I have seen many different plugins for "rotating" images and changing background colors at the click of a button. Is there a method
specifically for this purpose? As an alternative to altering the background-image of the body itself,I would be willing to use a properly sized div (or div's) to achieve this effect.
provide javascript to create something like the image below: Things I can't workout are:
1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color
[Code]....
I need to have three text boxes, user will enter a number in each box.Then i have four buttons, add, subtract, divide and multiply.When i click on each button, the numbers in the first two text boxes should match the answer in the third text box.ex. (first box has a 4, second box has a 4, and the third box has an 8. if i click the add button, i should get a "correct" answer in the div below with a green background and if i hit the multiply button the div should say "wrong" with a red background.
Code:
<!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>[code].....
background-repeat: repeat-x works fine in IE and FF and as expected,
produces something like
............
hello
............
On Safari, the output is not what is desired.
||||||||||||||........
|||h|e|l|l|o||
||||||||||||||........
Is there a reason why this would happen?
I would like to make a table or a div with a transparent background. The
solution found does work only with FireFox using a png image. The second
one works with IE and FireFox but make the text inside the div be
transparent. Code:
how to : another body background every day?
View 2 Replies View RelatedI been racking my brain for about an hour now, and cant seem to work this one out. I need to in javascript, get the HEX value (#FFFFFF) of a div's background color. style.backgroundColor doesnt seem to work. ut it seems to be different in every browser, and i cant seem to make it work. (it must work in IE, FF, Chrome, Safari) I have tried using a couple of examples, but nothing seems to work...
View 6 Replies View RelatedI am assuming that this is an issue with the js on my index page:
[URL]
The main menu on this page has a sub-menu under "About". I've tried changing the CSS for the menu in order to make that sub-menu background be 50% transparent, but nothing is fixing it. I see things about "fade" within the js code, but I just don't see how to set how far it fades in or out.
so i want a background that changes each day. and ideally i wouldn't be using an array for this.. and instead could just do something like...
var d = new Date()
document.write("<body background='"d.getMonth(),d.getDate()".jpg'>")
with the images in the same directory being named 01.jpg for jan 1st, 031.jpg for jan 31st, etc. etc.
but i know nothing about the syntax or structure that that would require. i think my non-working example should at least explain what i want to accomplish... can someone tell me how i can do this? i know it's possible... i've seen every part i need in other scripts, and ten different ways to do it, but i just don't know how to make them all work together without getting a bunch of errors... :(
p.s. this is actually on my windows desktop, not a website. it seems like some scripts won't work in an html set as the desktop background, but will on a webpage.
BackgroundButtons Is simply just a bunch of buttons that change the background. This is useful for someone who's eyes hurt, or just wanna have fun. This file includes a readme and a sample.
<h1>Customization</h1>
<h2>What do you want the background color to be?</h2>
<form>
<input type="button" Value="Click for Black" onClick="document.bgColor='Black'">
<input type="button" Value="Click for White" onClick="document.bgColor='White'">
<input type="button" Value="Click for Green" onClick="document.bgColor='green'">
<input type="button" Value="Click for blue" onClick="document.bgColor='blue'">
<input type="Button" Value="Click for red" onClick="document.bgColor='red'"
</form>
all i want to do is make the background image of a couple of pages fit perfectly in the browser window of different screen resolutions.
the problem i am having is that i am using 1024 x 768 screen resolution. and the background images fit perfectly in the pages for me but when someone with a lower or higher resolution views the page, the background image either gets cutoff or starts repeating.
is there any code that will fix my problem??
i have found some code (see below) that resizes the image according to the window size but it is for an image on the page and not the background image. Code:
I have simple code that I need to make function. The idea is to change background on <tr> or all <td> that belong to one tr.
Code HTML4Strict:
<html>
<head>[code]....
I'm not using Lightbox alone, but Suckerfish HoverLightbox Redux by Jon Christopher.Here's the page I'm playing around with: http:[url]...If you scroll down to the first two pups- Pup 1 and Pup 2, that's where I'm using the gallery "flyouts".If you select one of those photos, the lightbox window does pop-up, though the background does not darken.I realize this page is a mess with the tables and such, it's just my practice page at the moment.I'd really like to get this to work as then I could just throw all the available pups in a list and dump the tables altogether.
View 1 Replies View RelatedIs it possible to do this with JavaScript?
A clickable image leads to a pop-up with a bigger version of that image in it. The link is to the bigger image , not to a HTML-page with that big image in it.
Default backgroud color in Windows for a pop-up is white. The pictures in the pop-up are rather dark, so I would like to have a black background in them.
Is it possible to define this black background in my JS-code?
The code is:
function popup(URL, breedte, hoogte){
window.open(URL,"","width="+eval(breedte)+", height="+eval(hoogte)+", status=yes, scrollbars=yes")
I need to be able to click on an image and then when its selected/clicked, it kind of goes lighter. Maybe fade from a dull image to a lighter version. Is this easy enough to do in Javascript.
View 5 Replies View RelatedCode:
The span text is changing ok. But de default css background is not changing on page load, it just shows the default background which is styled in css.
HTML Code:
Javascript is checking the browser language, and the it set the correct text. How to set the correct css background if the visitor's browser is different then "nl"..
I work on firefox extention, for a test i have:
Code:
<html>
<head>
<title>post test</title>
[Code]....
Only in my database all inserts are empty. I have written the query to a txt file (since it runned in the background). And turns out $something is always empty.
I'm pretty new at javascript. I came here with my last problem and it was solved quickly and really helped. Alas now I am stuck again.
I have a series of buttons on the stage, each with their own div tag with the same ID. The number of buttons will be dynamic based on the users account. When you click the button, I would like the background of the div tag, which contains that button, to change. I have no idea how to go about this. I've tried different approaches but none seem to be panning out. Is there a simple this.div function that I could call?
What I want to do is a button that, when clicked, shades the screen and opens a new box above it. The box code works fine alone, but if I add the javascript that shades the screen, the button won't work at all.
I use a div as the button, with an onClick method that changes the box.display from none to block or the opposite.
This is the function that changes the display. If I take out the whole first part (the background part), it works fine (though at the first time I have to click twice to show the box)
function showBox ( method ) {
background = document.getElementbyId( 'shade' );
if ( background != null ) {
background = background.style;
[Code].....
I have a function returning a string but the problem is that the
color of it is blue which suits me well for some pages but not for
others. Is it possible to "feel" what the color of the background
in the current document is and set the color of the output accordingly? The
background will be an image, in most cases.
I spotted some nice code to change the background colour of a web page to
one of four different colours at random but I can't find it now!
The method was to select a number at random from 1 to 4 by using the rnd()
function and then dividing by modulus 4. The result was then used to select
a cell in a 4 cell array which was holding a different colour in each cell
of the array. I would like to have this code but lack the knowledge to
re-create it.
With image elements I can do <IMG src="..." onLoad="..."> where
the onLoad is supposed to fire upon the image loading. Is there an
event that I can trap for once the background image in
<BODY background="...url..."> is loaded?
I plan to render a series of maps which sometimes take a while to
compute (on the server) so I'd like to know when subsequent ones
come in.
Failing that, can I assign an already loaded image to the background?
How can I change the background IMAGE (not just color) of a CELL in a table?
I know that I can do this using CSS, but I really need to be able to do it
using JavaScript. Anyone know how?
Must be able to change the image for each cell - not the whole table.
Table Background & Transparent GIF are the new trend to protect your pics. Is it efficient or can people still go around and take my pics?
View 3 Replies View Related