on my site, I have added Style 1 and Style 2 in my menu at the top righthttp://www.thisisworthing.com/default.php#when I click on Theme 2, it doesn't work?!I have this working on my other site: http://www.mypubspace.com
View 1 RepliesI am no very little when it comes to Javascript but I have seen a few sites using pre populated text boxes for login forms. So Username and password appears in the boxes to save space. The code below works fine onload of the site in all browsers, everything also works fine in firefox but ie the following doesn't seem to work.When a user clicks to enter their password in i.e. it doesn't change the form to password characters so input plain text. Also when you click out of either box it doesn't seem to re-populate the boxes with my Username or Password text.
<script>
function HideLabel(txtField){
if(txtField.name=='myusername'){
[code]....
Why this short script won't work?
<script type="text/JavaScript">
When using javascript [1] to display a different image (based on the
time of day) both IE and Moz re-execute the js when using the back
function to return to a page with the js on it, this results in users
having to load several images. Opera doesn't do this.
Is there a right or wrong regarding this UA behaviour?
Can Someone Write Me aShort And Easy, Cell Color Changer?
Example:
Code:
On Mouseover
<td bgcolor="#000000">WOWOW</td>
On Mouseout
<td bgcolor="#FFFFFF">WOWOW</td>
this works in chrome and safari, but not opera, ie or ff? grr!http://tigerbaydesign.co.uk/imagech.htmli'm thinking it's tied up with getting the backgroundImage first because i know all browsers are getting inside the action braces..you can view source or look at this:
HTML Code:
<title>image change test</title>
<link href="imagech.css" rel="stylesheet" type="text/css" />
[code].....
I'm relatively new to coding in javascript, so I'm hoping that some kind souls could help me out! I'm trying to make an animated image height changer (example: changing an image's height from 50px to 500px). I'm working on a new web site using HTML5 and want to add some Flash-like animation to my page using javascript and <canvas>.The animation would only need to "play" one time once the web page has loaded. No looping is required and no user interaction (ie mouseovers, etc) is needed.
View 4 Replies View RelatedI'm 2 for 2 on stupid questions this works in FireFox but not in IE it's not returning the value of the style element and I'm getting [object] error??
document.getElementById('test').innerHTML = document.getElementById('id_CompanyName').getAttri bute('style');
<div class="dR4C2">
<p id="id_CompanyName" style="font-size:<%=aspNameFontSize%>px;">
<%=aspCompanyName%>
</p>
</div>
It seems to be a problem with the getAttribute('style') portion of the code because if I change the request to getAttribute('id') it executes properly....
I have a html element which has absolute position.
Code:
Now in javascript i am trying to move its position attached with onclick
I have even tried:
My browser is Firefox3.3.
I want to take the current location of an position:absolute div and add 100 to its style.top value. However I can't get that value, I can set it but not retrieve its current value. Here is a sample.... Code: function moveit(elem){ alert(elem.style.top); alert(document.getElementById("question1").style.top); } Demo: [URL]
I have a strange problem using Internet Explorer.
My page has a table included in a <DIV>
I have a checkbox that shows the div when checked
and hides it when unchecked.
var division = document.getElementById("passport") ;
Then I use
division.style.visibility = "visible" ;
or
division.style.visibility = "hidden" ;
Everything works perfectly under FireFox or Safari showing or
hidding the table.
BUT, in IExplorer 6 or 7, just checking the checkbox doesn't
change anything. You have to first click on the actual division
position to make it appear. Same for unchecking: click on the
displayed table and it will disappear. Code:
I'm developing a web-template editor for a client, and they want it to update the changes in real-time using javascript. So, in other words, when a person selects a different background image, I use:
document.body.style.backgroundImage="url("+bgimg+")";
Well, I've run into a little problem. I can't seem to find any manual on what comes after style.*
So far, I've seen style.color, style.backgroundImage, style.backgroundRepeat, style.backgroundColor. But, I'm looking for something that can control text-decoration, font-weight and a:hover
Does anyone no where I can find a list of all properties support after style.*?
This is pretty straight forward... I want to change the cursor to the hand on a mouse event. This works just fine, if I use other cursors, but for some reason I can't get the cursor:hand to work in Firefox???
<div class="showHideDiv" onmouseover="this.style.cursor='hand'" onclick="showHideDiv('Price')">Price</div>
Through an onClick() event, I have an inline function to change the
font size of the page (actually, I need to do this for the entire
website). I have this defined in the header.cfm file as:
onclick="document.body.style.fontSize=཮%'"
This does not work at all for some reason. Whereas,
onclick="document.body.style.backgroundColor='green'"
works. I am not able to understand why this is happening.
Document.getElementById(fadeImageID).style.opacity is working in firefox but its not working in IE.
View 2 Replies View RelatedMy 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?
View 1 Replies View RelatedI have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
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.
[Code]...
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">
[Code]....
Is it just me, or does:
obj.setAttribute("style","border: thin solid navy");
(for example - no style seems to be set) not work in IE6 but works fine in NN6?
I don't want to use element.style[.cssText] just because.
Test file:
<html>
<head>
<title>Javascript test - dynamic elements</title>
<script type="text/javascript" language="javascript">
function createDiv(divId, appendElement)
{
STYLE="border: thin solid navy; width: 300px; height: 300px;";
// create
D = document.createElement("div");
// set attributes
D.setAttribute("id",divId);
D.setAttribute("style",STYLE);
// append element
appendElement.appendChild(D);
}
function testRun()
{
createDiv("div1",document.getElementById("target"));
}
</script>
</head>
<body>
<form name="f1">
<p>
<input type="button" name="b1" value="test it" onClick="testRun()">
</p>
</form>
<div id="target"></div>
</body>
</html>
I found that if I define the style(visibility...) of a Div in a CSS class, I wouldnt be able to set it through JavaScript. The only way it works is if I declare all the style attributes in the Div tag itself first. Is this how it works?
View 1 Replies View RelatedWhat I wanted was to get rid of offsetLeft and use "proper" way instead....but when I do:
document.getElementById('someDiv').style.left;
I keep getting empty string, unless I first set it manually (in CSS or js)
to some value...
if that is intended behavior(that is if I haven't f***d up something :) in
my code), and there is no offsetLeft property in W3C recommendation, what is
then "standard compliant" way to make browser calculate coordinates of some
tag on the page???
If I didn't set the height of an html element on a web page with html attributes. Then obj.style.height always reports "0" even after the page has completely rendered. Is there any way to get the actual height after being rendered?
View 1 Replies View RelatedIf I code JavaScript as if it were C code with respect to the use of semicolons,
are there any caveats? I understand that I will be typing a few more semicolons
than absolutely needed.
I'm using "open fonts" and applied CSS. It's not working. Can it embed unique font? If so, what's the secret?
View 1 Replies View Relatedcan someone please show me how to set the following conditions for this DIV tag?
<div style="position:absolute;left:0px; top:0px;" id="changeme">HELLO WORLD</div>
I want to be able to change the position to 'relative' and the top
position to negative '-100px' with javascript...