I have a nested listview in my app which creates table inside table at runtimei need to get value of td from second tables tr where i have row number of first tables tr?
<listview1>
I have a need to select all table rows in the outer table of a cascading table structure, that is a table with contained tables. I tried to use the "Context" section of jQuery, but the table rows of the sub tables are being selected as well.
View 1 Replies View RelatedIn my application, there is a view page to show the table of Attributes name as the header and its value filled by many people below. [code]...
View 3 Replies View RelatedThis is my table structure, I want to find out the index of the tr which first td is empty, in this case, the index should be 1, how to pick it out?
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr><td>1</td>
<td>1</td>
<td>1</td>
<td></td></tr>
<tr><td></td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr><tr>
<td>2</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr><tr>
<td></td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr></table>
How can I access a DIV item in a given row/column, which itself is a cell of
another table of some other given row/column??? I.e. an element of a table
in a table! I have been trying to use GetElementByID, by Name, etc.. but not having much
success.
Im developing a script for dynamically creating html table structure so that from the input that has been given to the function it will fetch the values one by one and will create the structure. My problem is i want to add attributes to the elements created. sample code attached.
with( window['o' + elementname]){
for(j=0;j<attrs.length;j++)
{
if(attrs[j].indexOf("=")!=-1){
[Code]....
here the element name will be get from the parameters passed to the function. i want to verify whether the line in bold is correct or not coz the id is not updated in output.
I am having trouble getting the selected option in a list of more than 20 items in sharepoint, The code below works for lists of 20 or less but not for lists of greater than 20. If any one has a snipet of code that will enable me to set a variable with the selected value from a complex dropdown it
[Code]...
I am writing an accounting sofware, and I have difficulties with the form used to enter the debit and credit for a given transaction. I have used the Jquery validation plugin demo, but I don't know how to hide a specific input cell and replace it by blanks. In accounting, you have either a credit or a debit. So I have an indicator tick box at the beginning of each line which defines whether the line is a debit or credit, and if so it hides the credit cell or debit cell.
</head>
<body>
<h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-
plugin-validation/">jQuery Validation Plugin</a> Demo</h1>
<div id="main">
[Code].....
This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -
Table looks like this -
Is it possible to change a document structure definitely using JQuery ? I used .html() but after refreshing the page the changes I've done disappeared and were replaced by the default contents
View 2 Replies View RelatedI need help putting together a script that will take all standard text on a page and translate it to another language (spanish or german).
So if I post this script on my blog at any given time (in the comment section) it will change the language for all viewers. Where do I start? Will this work on both FF and IE6/7?
I have a string that is like [{"carePacks":
[{"businessCode":"J1PS","description":"HP 1"}],"coveragePeriod":12},
{"carePacks":[{"businessCode":"J1PS",
"description":"HP s"}],"coveragePeriod":13}].
How to convert it to a json structure and how to get data from the data structure, like get "HP 1".
Given the following structure:
<div id="section_list">
<ul>
<li></li>
<li>
[Code].....
Not only does it look hacky, but it's giving me obviously bad results. To complicate things further, I'm using MPTT for my tree data, so sortable's serialize isn't much help, unfortunately. I originally thought I might figure out the parent_id, lft, and rght values upon sort but that would entail storing all that data somewhere in the DOM. I then realized that, if I can just get the number of positions moved, I could update the DB with that information.
I have the following data structure (shown in code view below) coming back from a query. How can I loop over this and create an <li></li> for each record on the client side?The end result should be :
<li><a href="page.htm?id=1
">Kate
</a></li>
[code]....
I have a JSON data structure that I'm pulling in VIA an AJAX call. What I want to be able to do is click a button/link and be able to save this data structure to disk, but I'm not really sure how to go about this. I've been experimenting with the following:The link has the following format "<a href='data:application/json, " + data_structure + "'>Click here!</a>" I've been able to replace data_structure with text and /json to /rtf, which gives me a pop-up 'SaveAs' dialog box, and when I open the file, it has my text in there. However, if I do data_structure, I just get [Objectobject], which is telling me that I'm passing in the object, but that's basically it, I need to expand it out? I'm not really sure how to do that...Which leads me to calling a perl script. So I make an ajax call like so:
$.ajax({
'dataType': 'JSON',
'type': 'GET',
[code]....
I have been handed the task of updating and maintaining a web
application, written in ASP and Javascript, that takes complex
user inputs in HTML form and submits them to server-side ASP
pages for processing. The problem is, the user inputs can
become very complex, and the way this application was developed,
the inputs are all concatenated into monstrously long strings
of text that are then submited as <hidden> inputs in HTML forms
and parsed by the server-side ASP. This results in hideous strings
that go on and on like
johnsmith~1232^01^Yes^no~~|43|april
etc. etc. This code is an incredible pain to maintain and update.
There has got to be a better way to do this. I am required to
use javascript and vbscript in ASP pages on the client side,
and ASP pages for processing data on the server side. I can't
switch to a different technology, or use .NET, or anything like
that. I have to use JS and VBScript to get intricate and lengthy
user inputs and submit them for processing. I would like to
store these inputs in objects somehow and then get the data
from those objects, if possible.
My web page has one unordered list that disappears in Firefox. The
unordered list in question has the class="dir". I double-checked the
source code and verified the markup's semantics. Everything looked
fine. So I placed the code in the W3C validator and it passed with no
errors. Then I placed a regular unordered list with no class before
the previous unordered list. Upon a reload, the new unordered list did
not render, yet the unordered list with the "dir" class appeared. The
whole situation was strange.
After reviewing web page with the DOM inspector, the disappearing list
had been assigned {display: none}. Apparently, my JavaScript for
TreeMenu functionality was the culprit. I attempted to debug the
JavaScript. Sadly, my JavaScript knowledge is elementary even though I
successfully implemented the approach from
http://www.bakketun.net/listmenu/. When my web page became more
convoluted, the JavaScript began faltering along its seams.
Here are my discoveries while debugging (using Venkman). The
elementHasClass() should match the "element.ClassName" with
"TreeMenu." If not, the function return false. Unfortunately, another
function passes the div element to the setMenu(); then the said
function assign the display attribute; block or none.
But I can not pinpoint where the code goes down the wrong path;
needless to say develop a solution.
Please review the site below and let me know if you have suggestions.
View source and search for class="dir"; the disappearing list has the
text "test." Problematic code JavaScript area may include the line
listed below. This posting was intended as a short description.
Further clarification will be gladly provided if someone shows
interest in a particular aspect. I have pages of notes on the
debugging process.....
I am trying to implement JavaScript that will remove a table row in frame [left],
and append it to a table in frame [right]. The browser is IE6.
I've played with several approaches for quite a bit of time, but none of them seem
to work. The removed row does not seem to be able to go across the frame boundaries.
Here is the code in the target frame [right] that is invoked by a button in
frame [left]: Code:
I'm trying to add a timeout to the mouseout behavior, to keep the menus open for a split second after the user mouses out. (IE 6 only for now).
I'm having trouble using the the setTimeout function with a complex statement. Here's the function:
function mouseOutActions(el) {
//el.className=el.className.replace(new RegExp(" sfhover"), "");
setTimeout(el+"'.className = '"+el+"'.className.replace(new RegExp(' hover\b',''),'');",2000);
}
To build a menu block which should be switchable with hide/unhide of the menu items, I'm using .append html.
navigat += '<h3 class="infoH3"> <a id="' + menuID +'"'
+ ' href="javascript:slideMenu('' + menuSlider + '');">'
+ menuName + '</a></h3>';
[code]....
At the moment I build those html elements line by line. Also OK .. as far as the resulting string has the opening and closing tag, eg.
"<li>aMenu2</li>".
As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">".Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement.That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '.How to change it -- NOT to have that "</div" added to it?
I want to build something like a foldable tree using Jquery. But the problem is I am getting the values from a Database.My database structure is
ID--PID----NAME---------NUMBER---------ROLE
-------------------------------------------------------------
1--0---------John----------1234-------------Manager
[code]....
I'm trying to make an accordion structure, load dinamically content. This what i done, and that's work, but now i need to improve it.
Here the css
<style>
.project { display:none; }
</style>
<div id="project-box">
[Code].....
I am trying to select (and then clone) an entire DOM structure excluding one div.
The DOM is stored in a variable like this: var original = $(this).closest("table.mainContainer");
The I try to exclude the div in the clone like this $(original).find(":not(div.container)").clone();
But the div is shows in the clone.
Is it possible create a tree structure with 20000 nodes and it should load fast.
View 5 Replies View RelatedI'm trying to come up with a better architecture for dealing with multiple listeners in a multi-page questionnaire. Here's the general structure I'm looking to implement:
1. Set up CSS for animation
2. Look for preconditions
3. Initialize listener
4. Execute animation
Some issues to consider:
1. Some questions have dependencies that show or hide depending on what is selected in a parent question.
2. Needs to be IE 6 compatible.
3. It should be simple enough so that all you need to do is add a new question to a JSON object, which is what I have set up right now.
Some code (the looping structure that reads each question):
var newQ = eval(q);
$.each(newQ, function () {
// 1 - Setting CSS for each listener
$(this.css).css({'width': '1500px', 'float': 'left', 'clear':'both'});
[Code].....
The problem here is that when I do a console.dir on $.each(this.value.length), it counts each character, as opposed to counting the number of elements in the array. Should I be doing an eval on q? Why or why not? If I could get this up and running, it would make my life 100x easier, as there are hundreds of questions, and I'd want to make this all data driven.
I want to accomplish a nice and simple accordion menu using this HTML structure:
Code HTML4Strict:
And I'm using this JQuery code:
Code JavaScript:
This basically works, but when I click a particular menu item to expand it's submenu items, it basically hides all submenus items, even the active ones, but whant I need is the particular clicked submenu items to stay expanded. I guess this can be accomplished by a simple if statement or so.