I currently have a normal link like Code:<a href="http://sitepoint.com" class="link">sitepoint</a> and when a user clicks on it I want to be able to change the "link" class to a different class. However, I don't want to add anything to the actual link html. Is it possible to do this using javascript without modifying the original link code?
View 4 RepliesI need to run window.open() via href (not via onclick) as the CMS I'm working on only allows setting the href, not the whole <a> tag. I'm doing this: <a href="javascript: window.open('myUrl.php');">click this</a> and the window pops up just fine but the originating page changes to blank with '[object Window]' in it. How can I prevent the originating page from changing URL (by adding something to the javascript call)? Like "return void;" or something - but of course that didn't work...
View 2 Replies View RelatedI use jQueryUI's tabs and when a user changes a form in the tab, it promprts the user that a change has been made. My question is, how do I revert the values before being changed when the user presses 'OK' on my confirm() prompt?
View 1 Replies View RelatedI am trying to change the class of my DIV using CSS.
Here is the Javascript:
Code JavaScript:
<script type="text/javascript">
function.mouseOver()
{
[Code].....
I have a number of elements of "some-class".
I'd like to change the styles of some-class:
from
..some-class{color: red; display: block}
to
..some-class{color: red; display: none}
How do I do that?
I need to change dynamically how a class is displayed, my site (with out going into detail) interprets saved info from the user (its saved through perl) in a *.js file, then views it through template *.htm files drawing on js files after loading.
The thing is I need to allow for several settings like font type size and color, (things that could be held in style sheets) but then save in their js file a number representing this and load it when the template page is opened.
I have two possibilities to answer this
1, instead of using classes I could use Ids - but using 1 id for what could (hypothetically) be an endless string of elements seems real messy, I don't even know if it would work.
2, I read somewhere I could dynamically generate style tags with the classes defined, but I can't find where I read this..
I need to change the class of the 'a' tag within the li that has the nested ul e.g
<div id="menu-container">
<ul class="main-menu">
<li>Link 1<a class="menu"></a></li>
<li>Link 2<a class="menu"></a></li>
<li>Link 3<a class="menu"></a>
<ul class="sub-menu">
<li>Sub Link 1<a class="active-menu"></a></li>
<li>Sub Link 2<a class="menu"></a></li>
</ul>
</li>
<li>Link 1<a class="menu"></a></li></ul></div>
I need to change it to "active-menu" and the nested a to "menu". I cant change the HTML at all, I wish I could.
i have this code for changing the class of object 1 as mouse comes over object 2, the class changes back when mouses goes out.
Code:
<SCRIPT type="text/javascript">
function changeClass(floor3)
{
var obj = document.getElementById(floor3);
[Code].....
I have a template that will have tons of different background options. I want people looking at the demo to be able to test out each one without having to reload the page.
View 2 Replies View RelatedI have the following: <div class="unselected" >content</div>
I want to change unselected into selected when calling a function. The ways I'm finding to do a class name change is using a clicking:
$('.unselected').click(function(){
$('.selected').attr('class','unselected');
$(this).attr('class','selected');
});
But I don't want to click, I need to do it by calling a function ..
I want to select DOM object id #combinerow1, then set all of that row's siblings' class name to "" (empty string)
Why isnt this code working?
[code]
firebug says invalid assignment left-hand side.
I would really love some sort of javascript observer to automatically add/remove a class to the labels on my page, depending on wether their checkboxes are checked or not. As well as adding those same CSS-classes to the checkboxes already checked on document load.This would be possible in javascript, wouldn't it?
View 8 Replies View RelatedThis 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.
[Code]...
I am making a little tool for a client of mine, which will include a very large list. Now in PHP I've written that is should divide everything in the letters of the alphabet. So Now I have a list from A through Z, but I want it collapsed, else you would still have a very large list. I want my javascript to change a class name from 'folded' to 'unfolded' so css can do its job hiding and showing the list. See below code (you can change things if you like):
PHP Code:
<?php
$alfabet = array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
?>
<html>
<head>
<title>Lijst met verenigingen</title>
<script type="text/javascript">
var name;
function folding (name){
if (document.getElementById(name).getAttribute("class", "folded")){
document.getElementById(name).setAttribute("class", "unfolded");
} else {
document.getElementById(name).setAttribute("class", "folded");
}}
</script>
<style> .....
I've got a list of modules, and when I click on one of them it expands displaying the content. When you expand them, a little image on the right changes from a down arrow (v) to an up arrow (^), but it's changing on all of the modules rather than just the one.
Here is the website: [URL]
It's pretty obvious what my question is; how do I get it so the image only changes on the module that you expand?
Here's the code for the moduleToggle function:
function moduleToggle() {
$('.content').hide();
$('.title').click(function() {
[Code]....
I am using the cycle plugin. I am cycling through 3 images. There are 3 corresponding divs below the images.I would like to change the background color of the div based on the corresponding image that is active.
[Code]...
I could use a hand changing the display property of a group of objects based on classname. What I have here doesn't work; perhaps you can see why? I think the basic problem is that I don't know how to access the objects properly.. Code:
View 3 Replies View Relatedvar bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
[code]....
This is some free code includeing with dreamweaver, What it does is check if flash player is installed. If it is installed then goto a url, if its not goto a differnt url. What I want to do, is change it from URL to variables so, instead of like test.asp?flash=true, I would like <%flash=true%>.
Heres the code, with an onload function.
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
var ok=false; document.MM_returnValue = false;
with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
ok=(plugins && plugins[plgIn]);
} else if (appVersion.indexOf(Ɖ.1')==-1) { //not Netscape or Win3.1
if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
else ok=autoGo; }
if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
OnLoad event
Where it says Variable/URL is where I would normaly put the url, first one is if its found, second one is not found.
<body onLoad=";MM_checkPlugin('Shockwave Flash',Variable/URL,'Variable/URL,'true);return document.MM_returnValue">
I am trying to dynamically clear the value of a form input field and then submit the form.When I used $('#my_field').val('') to clear the field, it was cleared on the screen but when the form was submitted the original value of the input field was posted.My browser is FireFox and I can see using FireBug that when the field is cleared, firebug is still showing the html code with the old value. E.G. <input type="text" value="old_value" />The same situation occurred if I used $('#my_field').attr('value', '') to clear the field.The same situation occurred if I actually changed the value of the field rather than just clearing it.To work around this problem I ended up using the $('#my_field').removeAttr('value') to clear the field before it was submitted.
View 1 Replies View RelatedI'm trying to add a body class of 'day' if it's 6am-5pm and 'night' if it's 5pm-6am based on the user's local time. I tried the following but it didn't work.
[Code].....
So I have this:
<A HREF="javascript:dothis();" id="link">
But, via DOM, I want to change the javascript to "javascript:dothat();"
i thought it'd be something like:
document.getElementById("link").nodeValue = 'javascript:dothat();'
but alas, this does not work.
I am a complete novice when it come to Javascript. I copied the script for displaying random images at a specific interval (from javascriptkit.com). I would appreciate knowing whether the following is possible:
The pages are based on tables, so the parts that change are all cells.
1. Can I define text instead of an image in the array? i.e. can I have the image change to say an apple in one cell and the next cell have text explaining what an apple is?
2. Would it be possible to put a countdown timer for when the image/text is going to change?
Ive got a small image of a power button and when pressed the inner section on the button changes to yellow, but when its pressed down Im also trying to get part of my H1 (main header logo title) to change to yellow.
Ive created a span with an id surrounding the letters of the H1 that I want to change, the id being : "power";
The javascript that I have come up with so far and works is as follows:
<img id="poweron" src="http://www.sitepoint.com/forums/images/power.png" alt="Power on button" onmousedown="this.src='images/poweron.png';" onmouseup="this.src='images/power.png';"/>
I understand Im not really supposed to be using inline JS, and I know Ive got to create a function for the onmousedown event to trigger changing the H1 text, so am I under the right impression that the JS so far written is redundant and will have to be re-written so thats contained within a script placed just before the closing </body> and an external script for invoking the main function ?
Ok, so i need help writing a java script that will look at a bunch of numbers and output the highest one so what i need is for it to do something like this.
(A is my input value)
(B is my output value)
the (A) value will be constantly changing and with the script has to do is look at all of those values and output them to (b).
I need a java script code tat changes the mouse pointer to an image of my choice when a button or an image is clicked ..
View 7 Replies View Related