I know it would have usability issues but it would be a nice extra for a site I'm building. Circles placed around the page that could do any or all of the following:
1) fade in and out
2) grow and shrink
3) change colors
4) move around
And all without having to mouse-over. If not with CSS perhaps javascript?
Explain why when the lines of code that are commented out are reintroduced that this code breaks instead of resulting in each of the four circles being a different color?
View 2 Replies View RelatedI've got this script which effectively should change the clicked link's opacity to full and its siblings' opacity to 0.6. The only part that works though is the changing the text color to black. Here's the script:
<script type="text/javascript">
$(document).ready(function(){ $(".menu a").live('click',function(){
$(this).siblings().css('color','red');
$(this).css('color','black');
$(this).css('opacity',1);
[Code]....
I am using FrontPage 2003. How do I change the font, size, and color of the script? Here is the code I have:
<BODY
<SCRIPT>
var date1 = "Feb 14, 2000"
var mons = new Array("Jan", "Feb", "March", "April", "May", "June", "July", "August", "Sept", "Oct", "Nov", "Dec")
var now = new Date();
var mm = now.getMonth();
mm = mons[mm];
var dd = now.getDate();
var yy = now.getYear();
var date2 = mm + " " + dd +", "+ yy;
function daysNoAccident() {
date1 = date1.toString();
date2 = date2.toString();
date1 = Date.parse(date1);
date2 = Date.parse(date2);
date1 /= 1000; date1 /= 60; // minutes
date2 /= 1000; date2 /= 60;
var result = Math.abs(date1 - date2);
result = result/60; // = hours
result = result * 8/24; //hours worked per day
result = result * 5/7; // working days in week
result = result * 35 // number of employees
result = parseInt(result);
document.write ("You have worked " + result + " hours since 14th February 2000 without an accident");
}
</SCRIPT>
I would like to apply an opacity on my navigation roll over,
View 5 Replies View RelatedI am having a problem with a select that is showing thru an opaque div. See attached image(sorry, but this is an internal client app and I cannot show more). The blue horizontal line on top is the edge of DIV that I am displaying containing the text you see. The DIV has a FILTER with opacity of 100. The little select box with a number is part of the HTML page that is below the DIV. This is the little select that the DISPLAY:TABLE element uses to implement page breaks.The second attached file has a screen shot from IE developer of the DIV that forms the modal dialog which should be on top of the select.
View 2 Replies View Relatedwhere da boss wants our a large piece of our site to be fully dynamic and integrated on any screen size. This means changing font on size. Well I cam up with a solution, figured if no one has one better, then i'll share
[Code]..
I have this markup:
[Code]...
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
[Code]...
have been trying to rework this to call additional, independent sets of colors to cycle through (so it would loop thru a set of grays, a set of primary colors, etc). I would use perhaps a different function name in the HTML to call different sets of colors. If this is more complex than I think it is, I think 3 sets would be plenty. demo link of script in current state at bottom)
<html><head><title></title>
<script language=javascript>
colors = ["#cacdca", "#b2b4b2", "#969896", "#7d7f7d", "#ffff00"];
cRGB = [];
[Code]....
I have a bunch of thumb nails that will be at full opacity when a user gets to the page. Users will be able to select their favorite. What I want to have happen is when a user selects their first favorite all of the there thumbnails will be lowered in opacity then when they select other favorites the opacity of that thumbnail will be brought to full. Each thumbnail is in a div. I am at a complete lose on how I can achieve this.
View 5 Replies View Relatedi want to change an images opacity dynamically in mozilla.
im doing it when clicking a button. yhe code used is as follows.
document.getElementById('id').style.-moz-opacity =.5;
but it is not working. i know the problem is with
style.-moz-opacity
assignment. can anyone tell me a best solution.
I have a form which contains FOUR text fields (e.g. TEXTFIELD1, TEXTFIELD2, TEXTFIELD3 & TEXTFIELD4). Each text field holds a HEX,DEC color value. ABOVE this form I have a table with TWO ROWS (ROW1 and ROW2). ROW1 should correspond with TEXTFIELD1, so that when the VALUE in TEXTFEILD1 is changed the background color of ROW1 will change to match the HEX,DEC VALUE entered in TEXTFIELD1. The same would happen with TEXTFIELD2 and ROW2. TEXTFIELD3 should be used to change the color of the TEXT inside ROW1 and TEXTFIELD4 should change the color of the TEXT in ROW2. I also wanted to know if it would be possible to achieve this without clicking any button.
------------------------------------------------------------------
| ROW1 | TEXT IN ROW 1
------------------------------------------------------------------
| ROW2 | TEXT IN ROW 2
------------------------------------------------------------------
TEXTFIELD1 <----HEXDEC VALUE GOES HERE to change color of ROW1---->[code]....
Code:
var foo = null; // object
function doMove() {
foo.style.opacity = foo.style.opacity+ 0.1;[code]...
I want to change the opacity of the node from 0 to 1... however it is only taking it to 0.1...
Is there a cross browser way to change the opacity of an image? I have found a way that works for IE and Firefox but would like it to work in Safari and Opera as well.
View 1 Replies View RelatedI am trying to check if a list item has a class of selected, then is so change the opacity to 0.5. Here is my code:
[Code]....
how to implement the same effect as the left hand side navigation bar on this site,
[URL]
I want the link to appear opaque when inactive but upon hover fade in darker.
I finally got IE to clear up its text after changing opacity with javascript, but it looks like Safari is suffering from the same issue.When I have javascript change the opacity of a div layer with text in it back to 100, It looks distorted in Safari only.My fix for IE was document.getElementById('mydiv').style. remove Attribute('filter')So thought there might be something like that for safari.
View 2 Replies View RelatedI'm adding a sub menu to my portfolio page that will allow a user to filter the types of projects they want to see, but I'm not really sure how to approach this. I have a variety of web design and motion graphics projects all on the same page, and I want the user to be able to "uncheck" one category or the other, and when they do, all the divs for the unchecked category will fade out. This is the page: [URL] Does that make sense? What I'm thinking of doing is applying a unique ID to the different categories, then build a little JS that will change the opacity of those specific IDs somehow. I am not a JS ninja though, and I'm thinking there is probably a more efficient way.
View 1 Replies View RelatedI have a script that makes opacity of images change when it's called, but the problem is, in IE work perfectly, but not in mozilla. Here's the script :
Code:
function submitkeytest(){
showbanners = true;
multy = false;
x = 0;
while (x<2){
document.getElementById('b'+x).style.filter = "alpha(opacity=100)";
document.getElementById('b'+x).style.MozOpacity = 100;
document.getElementById('b'+x).style.opacity = 100;
if(document.getElementById('b'+x).name.indexOf(document.getElementById('keyfield').value)<=-1){
document.getElementById('b'+x).style.filter = "alpha(opacity=20)";
document.getElementById('b'+x).style.MozOpacity = 20;
document.getElementById('b'+x).style.opacity = 20;
}
x++;
}}
What exactly did I do wrong?
I am using the following function in order to change an image opacity on a mouseover and mouseout. This function works fine but does not handle a onClick. What I mean by this is...... How can I create/alter the function to handle an onclick? I want to be able to click on an image (one of many) and have that image opacity change to 50%. There are other similar images whose opacity would need to remain at 100%. If one of those are clicked, that images opacity would then change, and the previous would restore to original value of 100% I thought about passing the clicked images id to the function but I can't find a way to compare an image id VS a passed image id.
[Code]...
Is there code to just underline linked text to a certain color (red) but doesn't change the text color (it was white & when hovered over, it still stays white with a red underline)?
View 4 Replies View RelatedI want to make the date at the top right darker blue. But when I do that, all the light blue text next to the pictures also changes.
How can I control the color of the result of document.write output without changing the forground color of the entire page? Note my document write includes variables, so I was hesitant to imbed an html command in the document.write.
I want to draw growing circles like a darts board and like attached picture using jQuery (I prefer) or another javascript library.
View 7 Replies View RelatedWe have to set up a page that when you input the center and radius of two circles it will tell you whether they are inside one another or overlapping or not. Here is what I have so far...
[Code]...
I'm building a website with a image menu like accordion, using jquery+easing+kwicks [URL]ith CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image).I tried to do it with css, or hacking kwicks plugin, but I couldn't make it.
View 3 Replies View RelatedI'm trying to make buttons that change from one color to another when you click them and change back when you click them a third time. I wrote this page (http://cf.lehigh.edu/ems/test.html) but it only works on Firefox(Not IE or Chome, untested on safari or Opera). I'm using javascript to change the button colors. Is there another way to do this that works universal or another tool such as CSS?
[Code]....