Change Div Opacity - Allow A User To Filter The Types Of Projects
Nov 28, 2011
I'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.
I'm trying to change what the user types in a text field if they hit a certain key combination. For example, "cx".
This code checks for the letter "x" to be pressed, then checks to see if the second to last letter is the letter "c". If it is, then it deletes the letter "x" and replaces the "c" with the letter "ĉ".
Code: // This code checks for a certain keypress combo. For example cx, Cx, gx, Gx, etc... // The hard to type esperanto characters we aim to insert. var esperanto_c = "ĉ";
Basically I have an text field with an id of s_username As the user types I want to append this to a var so I can display what the user has entered at the side of the screen, I have been using this for select boxes:
what I want to do is have an auto suggest of words as a user types, the code that I have works only once.For example: if you type.. hel, it will suggest hello but once you press space and type hel, again it doesn't suggest hello, I need it to suggest words even after you press space.
I need help with javascript regular expressions.I have a text box in which user can enter only 4 types of values.
1) Varchar(n) where 0 < n <=80. Ex: Varchar(20) 2) Char(n) where 0 < n <=80. Ex: Char(20) 3) numeric(x,y) where x>y and 1<= x <=35 and 0<= y <=15. Ex: numeric(20,6)
If the text box value doesnot match this pattern, we should throw him alert message.
1) search the database for the words user is typing in the text box. This will happen with each key press.2) if there is a match - I need to change the text color.
I'd like to create a quick and dirty validation method for a form. It's not meant to be very secure.
The way I picture it working is this - there is an input field that asks for a password. If the user types in the password correctly, the "submit" div tag will change from "none" to "block". , which will display the submit button. I just am not familiar with JS enough to know if that's possible.
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.
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.
I'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:
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.
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?
I 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.
Every 2 to 3 days I check the ticket system to see how the development of the latest JQueryUI 1.9 is doing and how the JQuery is doing. After several weeks of this I have found way too many tickets about IE6 issues and I started to ask myself why does JQuery and actually, many other projects still try to solve problems for somethings that is beyond repair. With this am talking to the fact that:
I have to do a project to figure out a person's grade. I am having trouble though, the user has to enter the number of exams, projects, etc. so it cannot be set. How would I do this with arrays? i.e., if I made it exams = new Array(4), this would limit the person to 4 exams even if he/she has more they want to enter in.
I'm using a text area to display textual updates to a user from the server. I'm inserting the text at the bottom of the textarea and need to set the scrollbar to the bottom of the textarea after every update. The problem is that the onChange event only fires if the user actually changes something in the text area, not if it is changed by an ajax update.Does anyone know of a way to detect if there has been an update to a textarea that was NOT triggered by a user?
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.
I was assigned a username but I can't figure out how to change it to my irc handle. I have gone into my account at [URL] and couldn't find a place to change it there
