I have this html: <label class="option" for="edit-override-publishing-status"><input type="checkbox" name="override_publishing_status" id="edit-override-publishing-status" value="1" checked="checked" class="form-checkbox" /> Published</label>
I need to change the label from Published to Active but leave the html for the checkbox form element intact. How in the world do I select only the label text? $('#edit-override-publishing-status-wrapper label').html("Active"); and $('#edit-override-publishing-status-wrapper label').text("Active"); both replace everything within the label element.
I am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
but this isn't quite optimal, cause if the user mouses out, it changes back to fade, and the user can't quite see what he's entering. So I would like the div to have opacity=1 when one of the textfields in it is active and opacity=0 when it's not. Is there a way to do that?
I need to make a javascript read a web directory from a remote site (ie "http://remotesite.com/images") (The remote die does not have an index.htm and does have directory listing enabled)
I have seen many samples but they all use frames or iframes, all I want is a method that you can say:
I've got a question relating to using Javascript on an Intranet. I have a directory with a list of files in the format week36.xls, week37.xls and I want to write a script that will scan all the files in the directory and select the one with the highest week number then display in the browser window. A brief search hasn't revealed any code to do this so I just want to know if it is possible and what the function names are that would be involved.
is there a way of pointing to a directory where all JScripts are living and let it pick and choose what it needs from which scripts or do I have to do the picking through files each time I write a script that depends on others?
I have a page that has a group of elements and i would like to add that whole group to the page as the user clicks add group button. In other words, i want to start with group1, then when i click on the add button, it will add group2, and so on.I have seen the various posts on the web on creating dynamic content, but every example i have seen works with javascript that is inside the html code.
I would like to have the code in a separate javascript file and when i call the function from the html page, it would add the group of elements i want to follow the current group.I need to pass the document to the function and then have the function add the group to the html page.
Anyone know how to use javascript & active X to open an application? I have a web page and want my user to be able to open an application (i.e notepad) when they click on a button. How can this be done?
I'm working on a project for work and I'm having some issue trying to distribute to program the smoothes as possible, on idea I had was using Javascript, Im kind of new at this so ill explain to you what Im hoping to do. Basically Im looking for a onload= function when the .hta opens it would get a file from lets say G:\path\path1\path2\file.hta to C:\path\path1\folder So it would take the file and copy past it in another folder from a different directory. If a popup message could popup saying completed
getting all the header text:jQuery("#accordion h3").text();how do you get the active index? and how do you use that index to get the active header?how do you get the header text for the active header?
I'm a relative novice at java script. I've been working on a google map that can be found at: [URL](way too much code to post here). Each of the makers on the map has s particular set of information that pops up in a window when it is clicked, including a hyperlink called "join this group." Right now clicking on that link merely takes the user to the form at the bottom of the page.
What I would like the link to do is to both take the user to form at the bottom of the page and automatically select from the drop down menu the group associated with that particular "join this group" link. For example, if a user selected the marker representing the Neighborhood, Beverly group and then hit the join this group link, the drop down menu would automatically select the Neighborhood, Beverly (Pless) for them. I suspect this involves using java script to pass a value. I just have had no luck getting it to work.
I have a radio group that, when a certain option is selected, it makes the radio group disappear and a textbox appear. It works great in Firefox, but it appears to be glitchy in IE.
<script type="text/javascript"> function showRestaurantTextBox() {
Is this possible? Basically I need to grab all the flash objects on the page (done) and then set the wmode to transparent so it doesn't mess up my DHTML menu.
I've created a table in HTML but I need to specify the cell width client side. I need to loop through the cells and set the size based on the rendered size of some other elements.
I'm using the following doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This is causing me problems in Firefox. The width attribute is being set correctly but the actual table cells aren't being resized. Has anybody seen this before and does anybody have a workaround?
Basically, I'm trying to make a "chat-like" updater with javascript.
html.html includes the following:
<html> <head> <script> var t;
function getData () { document.getElementById("dataStore").href = "test2.html"; }
function update (message) { getData (); document.getElementById("txt").innerHTML= message; t = setTimeout ("update ()",1000); } </script> </head> <body onload="getData()"> <div id="txt">hello</div> <script id="dataStore" type="text/javascript"></script> </body> </html> The file that it should get variables from is from test2.html, which is below:
var updateData = "hello!dasd";
update (updateData); For this example, basically - I want javascript to change the "hello" in test.html to "hello!dasd" found in a variable in test2.html. This should keep asking for new updates from test2.html (which will be dynamic with php).
I think this is just a dumb question, I'm missing some basic logic here about jquery "grammar".
I'm trying to do an image swap on hover that checks to be sure the thumbnail is not the active thumbnail. So mouseover, it swaps. Mouseout, swaps back, unless the thumb has been clicked.
Here's a snippet of the code that doesn't work:
How do I check that _li is not ".active" and replace the src if it isn't?
I am looking at ways of altering the appearance of web pages by calling alternate external stylesheets. This has obvious use in catering for accessibility issues.
There are existing sites that offer the facility to change font size, font colour, background colour, but these use server-side code. I would like to do this using client-side code, because I want to intergrate this with an HTML-based virtual learning environment (VLE) that is unlikely to accept server-side code.
I can obviously call a second stylesheet, which overrides that called in the <head> part of the HTML code. However, I cannot do this by user control using an <a href "javascript" ... call.
What is going wrong? As I have indicated in the comments in the file, the 'document.write' statement works in its own right to call a new CSS file. The function also works in its own right. However, the href doesn't do what I expected.
However, that is just the start. If I can get this to work, I would like a way of passing the 'new' stylesheet to other pages, so that the user selects their options once and then sees the same appearance in all pages in the VLE.
Is there a way to change the displayed text on a web page using some combination of Javascript and DHTML? NOT in a text box. As far as I know (with my limited knowledge) the only way you can do this is with a textbox or images, which is not what I'd like to do. There's gotta be a way to do this, right?
I would like to be able to write some code in Javascript preferably (PHP is also all right) which allows the admin of a website to be able to change stylesheet attributes from a GUI browser interface without having them to change the text file themselves. (i.e., working on the supposition that the admin is IT illiterate). Simple things like table heading colours, backgrounds, font sizes need to be changed this way.
The browser should then read from the changed textfile the next time the site is refreshed and it should therefore be permanent. Is this at all possible? If so, how do I update the textfile?