How can I toggle some checkboxes based on a value in a table column? For example in the table below I would like to check all of the checkboxes if the "Needed" column is "Yes".
<table>
<tr>
<th>Enable</th>
<th>Name</th>
[Code].....
I am writing a table which will have the schema of 3 elements:
<input onclick="adjust(/%main%/)"type = "checkbox" id = "all">All</input>ProcessStatus
When I press the check box, it would run the adjust function and pass in the variable \%main%\ which is correct but i get a silent error with firebug on the document.getElementbyId('/%main%/'); line.
function adjust(t){
alert(t);
var s = t + "_job";
alert(s);
var t = document.getElementById(s);selects table but errors here! =/
var t_rows = t.rows.length;
if checkbox is checked, check all, otherwise, uncheck all.
for(var i = 1; i< t_rows;i++){
if (t.rows[0].cells[0].childNodes[0].clicked){
t.rows[i].cells[0].childNodes[0].clicked=true;
}else{
t.rows[i].cells[0].childNodes[0].clicked=false;
}}}
I just want to add, that /%main%/ is the id of a table.
how to do this with javascript for a table that i have made in php and html. I want to hide the row for the table based on the value inside my first column for each row of the table. Like if column 1 has "apple" inside it, then the row would not be shown. My table.php file that has the table i want to do this for:
Code:
<script language="javascript">
imageX1='plus';
imageX2='plus';
imageX3='plus';
function toggleDisplay(e){
imgX="imagePM"+e;
[Code]...
I'm using drupal, and am having trouble to convert a table to a one field two column at code level.Is it possible to manipulate it using jquery using odd and even?
View 2 Replies View RelatedI am trying to change the background color of a row based on a certain column value in SharePoint 2007. The code that i am using to achive this is given below. This code works fine. But i would like to filter the values rather than use :Contains.[code]
View 1 Replies View RelatedI'm new to Jquery and was wondering if it is possible to do give a table row a color based on the value of a particular column / cell value. E.g. if the cell content of a column called "Status" is "Open", the complete table row background color should be set to red.
View 1 Replies View RelatedI'm trying to toggle checkboxes on my form with a jQuery function I found. It works, except for the fact the checkbox which I use to select all the other checkboxes does not get checked itself. Any idea why that might be?[code]...
View 1 Replies View RelatedI'm trying to make a php/jquery-based puzzle game where I have a standard html table (#puzzlegrid) generated by php, and I want to highlight certain parts of it when the mouse is hovering over it. I have one table where there are four different parts (split in the middle vertically and horizontally), separated by id's. The left and topmost cells has id="empty", all the rows beneath these has id="row-clues", the columns next to "empty" has id="column-clues" and finally the bottom-right cells has id="playing-grid", which the hover-function belong to. The number of #column-clues and #column-rows can vary, both in the count of rows and columns. I can give a example code if it's necessary.
As for the jquery-part, I simply want to highlight (add a css class) the current row and column when i hover over the #playing-grid cells. That means selecting all #column-clues and all #column-rows cells that exist on the same row/column the mouse is hovering over. This is what I have so far
$("#puzzlegrid td#playing-grid").hover(function() {
var current_rowIndex = $(this).parent()[0].rowIndex;
var current_columnIndex = $(this).parent().children().index($(this));
$("tr").eq(rowIndex).addClass("highlight");
[Code]....
I've tried a for-loop and each() without luck, as far as my jquery skills goes (and that's not far ). Is it possible to use the index for highlighting several columns, or do I have to do it another way? I can change the HTML code if that's necessary.
What I want to do is to create a function which shifts a table column one position to left. Therefore I'am trying to select all relevant td and th elements. My problem is to rearange the elements. Within the both each calls, see the code below, $(this).get(i) would result the td respectively the th element where the before function is undefined. But how to insert the elements correctly or is this the wrong way?
$.fn.shiftLeft = function(col) {
// Make sure col has value
if(!col){ col = 1; }
var trsToMove = $('tr td:nth-child('+col+')',this);
[Code].....
I want to change the column table style when mouse is over. Like this:[URL].. But I having problem when I have a table with more than 200 lines (tr).
View 7 Replies View RelatedI need to write to table cells in a given column. To illustrate:
<table id="tableName">
<tr>
<td id="col1">some value</td>
[code]....
I need to find out what row number and column number when a cell in a table is clicked.
View 7 Replies View RelatedI'm trying to disable sorting of one column in my 3 col table. Following the docs I came up with this:
$
(
'table.sortable'
).
[Code].....
I have a web page where a third party application "SharePoint" is broken file urls.If I have a file url like this \jquery.comfolders est folderdoc1.docThe application will add an href tag and the html will come out like this
<tr>
<td>
<a href="\jquery.comfolders est">\jquery.comfolders est</a> folderdoc1.doc
[code]....
I'm using the following code to toggle checkbox checked and disabled attributes.
var f = false;
function tick(group) {
if (!f) {
for (var i=0, len = group.length; i < len; i++) {
[code]......
The checkbox doing the js call uses onclick="tick(country)" and the checkboxes that I want to toggle all have the same id e.g.
<label><input type='checkbox' name='uk[]' id='country' value='England' />England</label><br />
<label><input type='checkbox' name='uk[]' id='country' value='Scotland' />Scotland</label><br />
This all works correctly but does not validate.I need to use unique id's for each name.The easiest way (as each checkbox html is generated by php) is to append the value to the id i.e.
<label><input type='checkbox' name='uk[]' id='countryEngland' value='England' />England</label><br />
<label><input type='checkbox' name='uk[]' id='countryScotland' value='Scotland' />Scotland</label><br />
How can I modify the javascript function factor this in i.e. toggle where id contains country?
We're using a JavaScript with Google Maps to load geographic data files and define parameters in Google's API. I have a working script that just needs one small change. The checkboxes toggle map layers on and off. Right now, only the last layer in the list is checked on load. We want all layers to be checked (and therefore displayed) on load.
Here's the [URL]
And here's my script:
<script type="text/javascript">
var map;
var userAdded = 1;
var layers = {
"Bones":
{"url": "[URL]",
"name": "Stream & Wetland Mitigation", .....
Here's some related HTML for display:
<input type="hidden" id="url" value=""/>
<div id="map" style="width: 870px; height: 800px; float:left; border: 1px solid black;"></div>
<div id="sidebar" style="float:left; overflow-vertical:scroll; height: 800px; width:150px; border:1px solid black">
<table id="sidebarTABLE">
<tbody id="sidebarTBODY">
This code is not able to toggle independently. What can I do so when I click on one of the "1 Comment" links it opens up independently? It also displays like "1 Comment1Comment" instead of "1 Comment" which I assume will display only once if the other issue can be fixed.
HTML:
<span id="c-100" class="numberCom">1 Comment</span>
<div id="c-100" class="comments">
<p>Comment #1</p>
</div>
[Code]....
I am looking for a single jquery plugin that can sort the table and also freeze the column headers and works in IE, FF and Chrome. I have found tablesorter plug-in that works great for sorting and fxHeader that works great for freezing column headers, but when I use both of them together there are issues. My table structure is something like this.
[Code]...
I have a page that contains an iframe. The page in this iframe contains a table and the last column of every row has a textbox. Each textbox has an unique id of the form tb_rowNum(tb_1,tb_2 etc.). Each row also has some hidden input elements. I'm accessing these textboxes for processing. Right now, this is how I'm doing it:
[code]
I am using:
echo("<td class='ddclick'><a href='#'><b>$value</b></a>");
to make a column clickable and then when clicked I need to open a pop-up window. I use the click event to get the data I need to pass to the new widow. This is working.
Then I use window.open(URL...) to open the window.
Now, I need to stop the information from the click event of the href from being passed to the browser. Is the href the proper way to do this or can I make it clickable via jQuery?
It does open a new page in firefox but generates an error in IE 8.
Is there a jQuery way to open a pop-up window that will work in IE and FF?
I'm using jqtransform and here's the function for the checkboxes. What code would I use the select/deselect all?
$.fn.jqTransCheckBox = function(){
return this.each(function(){
if($(this).hasClass('jqTransformHidden')) {return;}
[Code]...
I have a textual "link" that, when clicked, I want the text to change, and I want a number of checkboxes to be toggled on or off. Here's my code. Currently, I just have the text changing - I don't know how to simultaneously check/uncheck checkboxes.
<head>
<script language="JavaScript" type="text/JavaScript">
<!-- toggle off and on, currently unused -->
function checkAll(checkname, exby)
[code]....
I am adding code to a SharePoint 2007 list where I want a calculated field to be a colored square based on a status column.I have all the code I need to create a colored round bullet, but I would like the bullet to be square or a rectangle.I was not able to find a repalcement for the "bull" in the below code.
arr[i].innerHTML = "<DIV title='Long Term Focus' style='font-weight:bold; font-size:24px; color:green'>•</DIV>";
I have a form that gets automatically filled based on the values returned by my php file. Then the form elements have their values filled.
Now the problem is, I have set few additional show and hide <div> tags based on the values of some other fields. So when the form loads, the <div> tag doesnt show up and stays hidden only as the event that activates it is based on the radio button's change event function.
So my question is, as the form loads, how can I have these <div> show/hide based on the default values of the text fields on which they depend upon....
jQuery(document).ready( function()
{
jQuery(".hidden, .error").hide();
//
This only gets activated when the radio button is changed but i want this to be checked on change as well as based on initial values... How do I do that ?
jQuery( jQuery("input[name='ssc_appear']") ).change
( function()
{
if ( jQuery("input[name='ssc_appear']:checked" ).val() == "yes" )
[Code]....
This is using jquery by the way. I have a list of ethnicity on a form for a person to enter that are checkboxes. One option is 'Other, specify'. When 'other specify' is checked, I would like a text box to pop up and disable the other boxes (if you pick other, you can't pick from the previous ethnicities). If 'other, specify' is unchecked, I would like for the text box to disappear and re-enable the checkboxes. I had the appearing box working just using JS. I can't seem to get the syntax right to use the toggle feature of jquery to make the box disappear when unclicked.
JQUERY
<script type="text/javascript">
$(function(){
$('#other').click(function(){
$('#otherrace').toggle(
function(event) {
$(event.target).css('visible');
},
function(event) {
$(event.target).css('hidden');
});});
</script>
HTML
<input type="checkbox" name="race" value="asian" />Asian<br />
<input type="checkbox" name="race" value="hawaii" />Native Hawaiian or other Pacific Islander<br />
<input type="checkbox" name="race" value="noanswer" />Choose not to answer<br />
<input type="checkbox" name="race" id="other"value="other" />Other, specify<br />
<div style="visibility:hidden" id="race"><input type="text" name="fname" size="25" maxlength="25" id="otherrace" /></div>
someone here might know what I'm doing wrong. I have a list of checkboxes, in multiple rows with each along the lines of:
[Code]...