I am trying to get the color of the list item 'SUBJECTS' to turn red on mouse over. I think my syntax must be wrong but I don't know how so. What can I do to fix it?
i'm new to jquery and am not real familiar with javascript. I have a color picker on my page that puts the hex value in an input box. I'm not familiar with jquery or javascript in general. I would like to be able to take the hex value and use it in updating a style of a div onkeyup or onchange...say the border color for example. Something like this...but this isn't working.
OK, been banging my head with this for a while. I have a dynamic sitewhere we get a list of elements from the database, we identify theseitems with id numbers and encoded get strings. So I'm trying to getstyle changes to take affect with jquery and it really just doesn'twork.I'm not sure what I'm doing wrong. Here is the source code:
How do I check the status of a style? I thought something like this would work, but no joy:divTest = document.getElementById('link_container'); if (document.divTest.style.display == "none") {}
This does not work. Not sure what I am missing. Basically I want to toggle the none/block value in the style on the span class below based on the browser detection script.
I am building a schedule web page and before I just had it use plain static HTML and CSS to control the styling. I wrote some javascript that goes through the table's rows, then cells (double for loop), and if the cells innerHTML == "" then the style class is changed. I do have some working code, however it only works in IE. Here's a copy of the script:
<script type="text/javascript"> for (var i = 0; i < document.getElementById('table').rows.length; i ++) for (var j = 0; j < document.getElementById('table').rows(i).cells.length; j ++) if (document.getElementById('table').rows(i).cells(j).innerHTML == "")
I am attempting to change the style after the user has loaded the page(every x number of seconds) but the element just doesn't seem to berefreshing. I have done all of the checking, and it seems like it ischanging it but it isn't showing that on the page.
I'm currently putting javascript function onto a page to swap the content between 2 divs onclick- when one is visible one is hidden and vice versa (they are in the same place to create a tabbed browsing effect).
the script:
<script type="text/javascript"> * function detailStyle() {
How to change style on a series of divs (with similar structure but different content) *only if* all the children are visible (that's using visibility, not display). Sample div: <div class="h"> <p class="a1">text</p> <p class="b2">more text></p> <p class="b3">text text</p> <p class="a4">text...</p> <p class="link_display_none_visibility_visible">div name</p></div> I think it needs to use contents(), but not sure about handling node numbers.
I change image.style.width inside a image.onload function. And surprisingly, I found that it runs the onload function on the same image again with the new style.width value. Javascript treats this as a new image! This is the same old image.
Is there a way to pervent it from runing onload the second time?
What I want to do is a simple geo target for some ads I have. If a visitor from the UK or US views a page I want a specific ad to load up, if they are outside the UK or US a want a different ad to load up.
Is this possible with Javascript? I don't need a complicated PHP script, just this simple task.
First off I'm incredibly new to JavaScript and its likely I am going about this completely the wrong way. But gotta start somewhere. Also my apologise if I am posting in the wrong area.
Here's my problem. I have setup a site in CSS3/XHTML that I will use to display some of my photography (im a keen photographer) The way my Gallery will work will be using Submenu's then there will be a table of Thumbnails which I have setup.
The part I am stuck on is that I want people to be able to click the thumbnails and then the corresponding picture held in the next folder to be displayed in a CSS defined container in the center of the page.
So clicking _Images/Thumbnails/1.gif will bring up _/Images/1.gif in the CSS container For the life of me I cannot work out how to do it though. Here is my code so far.
There is textbox, and 2 buttons in a web page. when the user clicks one of the button, the character 'A', should get printed on the textbox. and when the user clicks on the other button, 'B', should get printed on the textbox in the format 'AB'.
Im currently working on a project for class and have been directed to use Javascript for what im looking to do. Im a beginner when it comes to coding w/ javascript. Over the last couple days I've spent good time reading and practicing tutorials but have yet to do something I imagine is very basic for what I want to do.
At the moment, im looking to insert text into a webpage, that links to images. The images, ideally will layer on top of each other (Multiple images can be shown based on the "text" which activates it) Images shown, if done what im looking for, will have a transparent background to view images set behind one another. I've spent a couple hours looking up code through google, found similiar code which i've tried to manipulate to do what I want. I have yet to put something successful together. Was hoping I could look upon experience programmers to help me out by pointing me in the right direction. Im willing to do the work, just looking for that guidance
I have done some ugly hacking in JavaScript before but nothing serious. Now I have decided to learn the language properly, so yesterday I threw together a function plotter that you can see here: balazsbotond dot hu/plotterThe script is here: balazsbotond dot hu/plotter/raphael-test.jsI use Google Chrome as my primary browser. My script works perfectly in every other browser (IE6, IE8, FF, Opera, Safari), but there are some problems in Chrome. Some functions do not work at all (exp()), some do not always work (sin(x) works, x*sin(x) works sometimes, 0.7*x*sin(x) never works). Since I am new to JS and this seems to be a very subtle problem, I have no idea where to start.
I have read that the use of eval() is not recommended because of performance and security reasons. erformance is not a problem here (eval is definitely better here than writing my own expression parser), but what about security? Did my use of eval introduce a security risk in my site (I find this quite unlikely because the whole thing runs on the client side but who knows...)?By the way, is there a way to detect if eval() was not successful?And finally, is there a reliable, cross-browser way of getting the client size of the window? I'm talking about the size without the title bar, toolbars, etc. My solution does not work in IE6 and IE8.
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
This is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html> <head> <title>expandable text area</title> <style type="text/css">