Table Background Transparent GIF
Jul 23, 2005Table 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 RepliesTable 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 RepliesI 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:
I 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.
What i want to do is change background color from yellow to transparent or back to original background color:What i have following javascript code is change color from yellow to blue.
$('#' + ' something here').animate( { backgroundColor: 'yellow' }, 500).animate( { backgroundColor: "blue" }, 1000);
I have the following Flash code running the photo stack at top right in this page: [URL]
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("[URL]", "slider", "650", "260", "9.0.0", "[URL]", false, flashvars, params, attributes);
</script>
I'm not that familiar with Flash, but I've used wmode in the past to make a movie have a transparent background. Is something wrong with the syntax here?
How can I load the window with transparent background using window.openDialog() in firefox browser ;Inside this dialog , I am loading a html page whose width and height is not known already . So I will load this html page using window.openDialog having width and height of dialog more than html page .
var win = window.openDialog(_mUrl, "", "chrome,dependent,titlebar=no," +
"height=" + _self.mHeight + ",width=" + _self.mWidth + ",screenX=" + screenX + ",screenY=" + screenY, _self);
[code]....
I've used the bellow snippet to create the dummy iframe, but it look ugly, and I want to make it transparent, I can't find solution through Google
shimmer.style.background='#000000';
BWT. without a background color, the dummy iframe will not appear
There is a big wide problem that with IE6, PNG images display this horrible grey or white background when it's transparent. It looks ugly, but I can't seem to find a way to solve it. I've searched on google and copied scripts, inserted them in to the document I wish for the png to be completely transparent but it's still not working. I would normally just leave it, but as I want the site to look professional and the transparent png is essential to the data being displayed, I've been trying to find solutions to it.
I realise that most users have upgraded to IE 7 / IE 8 which supports transparent png images but there's got to be a small percentage of users who use IE6. I can't just say "sorry you'll have to upgrade your browser to view the data properly" obviously, so I'm trying to find solutions. I've tried using spacer.gif but that doesnt work (but it does when on table designed pages), so I found some scripts:
[Code]..
I'm trying to sort a countdown clock for my website: [URL] My vision of it was a transparent background, Blue text and a simple Day : Hour : Minute : Second Layout. I found a free .js countdown clock at [URL] I havn't used .js much
View 2 Replies View Relatedi have been tasked to create a web page that includes a fading background. (It must become semi transparent once the page has loaded,and remain until a new page is selected. I want to use a similar concept to: [URL]. However instead of fading out to black, i need it to fade out to white (between 10-15% image opacity). I would also need a similar central, transparent, scrollable frame/div (where each page will load up within and like the above link,i need a different background image to each page.
View 1 Replies View RelatedFor a college assignment, i have been tasked to create a web page that includes a fading background. (It must become semi transparent once the page has loaded,and remain until a new page is selected. I want to use a similar concept [URL]. However instead of fading out to black, i need it to fade out to white (between 10-15% image opacity).
I would also need a similar central, transparent, scrollable frame/div (where each page will load up within and like the above link,i need a different background image to each page.
I used jQuery 1.3.2 and Firefox for the following html
<html>
<head>
<style type="text/css">
.content .division .category.selected {
[Code].....
but it always returned the value "transparent" instead of the "red" color rgb 255,0,0. I also tried "backgroundColor" and it did not work either "transparent". How to get back the correct background color?
I use
$(document).ready(function(){
/* hintergrunbild fade */
$('#beyondLogo').fadeTo(2000, 0.8, function() {
});
});
in order to fade the background of a div. The content in this div I'd like to have without transparency. In IE this is the case, but in Firefox the content also is transparent with 0.8.I tried to apply fade with 1 to the content but that did not work ...
I'm trying to make a javascript menu. As a start, I want the background of the cell to change to a specific image on mouseOver. Does it not work because of the "background-image" translation from CSS to JAVASCRIPT or could it be something else.
<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="main.css" />
<script language="javascript">
function change()
{
document.getElementById("homebtn").style.backgroundImage="imgs/btn_black2.gif">;
}
</script>
</head>
<body>
<table width="100" >
<td>
<tr style="background-image:url(imgs/btn_black.gif)" class="myFont" onMouseOver="change()" id="homebtn">- Home</tr>
<tr>asdfsdf</tr>
<tr>asdfsdf</tr>
</td>
</table>
</body>
</html>
I've worked for a while to get a table background image to automatically rotate using JS, and it's working well now. However, it's quite choppy. Any way to make the images crossfade to smooth it out?
Test page is here: [URL]
I've been trying to write a function that will change a table row background colour onMouseOver.
I would like to call this function when someone rolls their mouse over a row in a "spreadsheet like" table layout.
i know that the background attribut on table is not official but you can still use it and it will load an image as a background but i have an already coded site wich uses this background tag and a preload image js function wont work correctly, is there an solution to this?, right now i only see changing the code of the page(it's a damn nasty table based code)
View 1 Replies View RelatedI am trying to change the background color of a table based on the value of a picklist. For instance. if the picklist value was "1", then the background color of the table should be red. Not sure where I went wrong in my code. code...
View 13 Replies View RelatedWhat I'm trying to do is type a background color for the content area of a table by using the prompt box. This is the code I had but it didn't work:
<html>
<head><title>Practice</title>
<script type="text/javascript">
//content color
var table = prompt("Choose a color for the content area", "white ");
document.write("<table BGCOLOR=" + table + " >");
</script></head>
<body bgcolor="black"> .....
Here's the code a friend gave me but it didn't work either:
<script type="text/javascript">
var contentbg = prompt("What background color would you like your content to be?", "White");
document.write("<table align="center" border="1" cellpadding="15" width="600" height="600" bgcolor="" + contentbg + "">");
</script>
I'm the webmaster for a recreational organization. As part of one page of the
site, I have an HTML "Calendar at a Glance" of the organization's events for
the month. It's a simple table of a calendar, 7 across by whatever needed
down, and I manually create it each month - not a big deal.
Every day I go in and darken the background color of the current day's cell
by changing the appropriate <TD> entry to <TD bgcolor="c63800"> and uploading
the page. Takes well under a minute start to finish. Thus the calendar
gradually changes color over the course of the month, with the past dates dark
and the future dates lighter and thus more apparent to the eye.
But I have to ask if there's a nifty way in which this might be done
automatically, based on the current day and the number (the day of the month)
that follows the <TD> entry.
A typical "before" entry is
<TD>23<br>Peet's Coffee, Newport Beach<br><br>8 AM: Don<br>9 AM: Molly</TD>
and an "after" entry is
<TD bgcolor="c63800">23<br>Peet's Coffee, Newport Beach<br><br>8 AM: Don<br>9
AM: Molly</TD>
I don't pretend to be a javascript heavy, but can usually stumble my way
through a task given some words of wisdom. Is this "doable"?
Is it possible to change a table cell background color or add any attributes based on a criteria, anyway, here's my scenario. I have a php table dynamically created onthefly, (let say on load), then i have a sql query returning some values. So illustrating:
Table: Sql Result
1 2 3 4 5 2 5 7
6 7 8 9 10
What I am trying to achieve is use the sql result to add attributes to the table cells so for the illustration say i want to add a bold attribute to all table cell which corresponds to the sql result, the result would be,
Result:
1 2 3 4 5
6 7 8 9 10
Any plugins out there? "Its php (server-side) and jquery (client-side) talking...but I know there is a way!
I'm trying to create a cell in a table which changes color depending which radio button is checked.
I found the following code which works for different cells but it doesn't work when the buttons are in the same cell. Think you'll see what i mean. I'm not too hot when it comes to Javascript though so i don't know how to adapt what I've got so far. Code:
I'm trying to be tricky and its not been working LOL. I have a gallery page with lots of thumbnails that load up. What I wanted to do was have a "LOADING IMAGE" GIF in each of the table cells so that the user would see visually how many more images were going to load up. That bit is fine but when all the thumbs have loaded I want to change that Cell background image to something else.
How would I do this? Would I be able to reference them all at once or would I have to reference each individual cell one at a time.
To better illustrate my point see this this link :
I'm super new to any kind of java script. What I want is a menu that, when clicked, changes the background color of a table cell to blue. When a different option is clicked, the current highlighted table should turn back to gray and the new selection should be blue. Well, I have all of that working. What I need now is just to have the first option start out highlighted and to become unhighlighted when another option is clicked.
[Code]...
Is there any way to apply background-color alternatively for series of tables like applying for the table rows ?
Please suggest me on how to do this ?
I have a table that contains many rows, some in italian with code <td nome='riga_i'> and some in english with code <td name='row_e'>. I have created two buttons with different background flags: italy and uk, so when one pushes the button with flag uk, the html page will be reloaded with only english rows, and when one pushes the button with flag it, the same page is reloaded containing only italian rows. All the code posted here works well, but I think that the code can be better because to reach this result I had to dupplicate the same function and I don' t like this.
Here the code:
To better the code I have tried in this way but without success ...