I have tabular grid in .net code showing list of document
document 1 <remove>
document 2 <remove>
document 3 <remove>
now i have to write javascript to remove document from list and adjust table e.g if i remove document 2 by clicking remove button in front of it document 3 shd come above in place of document 2 and list shd be refreshed.
I have a question for flexigrid jquery grid control users.
I am able to display json data returned from my WCF service in my Flexigrid in my application.
The paging toolbar displays correctly and it's clear that the paging toolbar understands how I've configured it.
However, the grid is not actually implementing the paging filter on the data in the grid. For example, the paging toolbar says "Displaying 1 to 10 of 12 items". However, all 12 items are displayed in the grid.
I guess I'm missing a config setting or callback. Any idea what the problem might be?
Here is my grid config block:
I need to display the values (from the form) in a tabular format using a alert box when a save button is clicked. Is there a way to create a table inside an alert message?
View 4 Replies View RelatedThis JavaScript Ticker is an example of "Data Binding" using "Tabular Data Control (TDC)" which is a Microsoft ActiveX control built in to Internet Explorer....
View 6 Replies View Relatedi am having a few problems with my form and i was hoping someone can help me understand what i am doing wrong. I'm new to java and scripting for forms. Usually i use Simfatic Forms to build my forms but this form requires special coding and work. I'm build a 5 table form with a dynamically add and remove function that will allow the user to add more Rows to the form.
What i would like the add function to do is allow my users to pick from a Dropdown menu how many rows they would like to add to the form from 1,5,10,15,20,25 rows. I have gotten the form to allow the add function of one row only but i cant get the add function to allow the select from list.
when the row repeats it wont repeat the datepicker to a workable map or the number system from 5+ in table ren5 i have the page up on my site for testing purposes so you can see what is going on. Another issue im having is when i submit the form to my formtools it takes all the input info and puts it in one line in the datebase. What im trying to do is have each table submit to its own row in the datebase.
What im looking for is help understanding what i need to do to make this work. I have been reading a lot of tutorials and have been searching a lot of help sites but everything i have read and tried so far will not work for what im trying to do.
I really need help getting this to work in the next couple of days. Here is the link to the page on my server so you can see what is going [URL]..
[Code]...
jquery and a button delete, for remove rows of database.The problem is that I do not know how must input checkbox by clickable with click delete button sent to php code?my jquery code:
PHP Code:
$("#tableeven tr")
.mouseover(function()
[code]....
I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I add items to a list of ids within a <TD> named lstCarts using the
following code:
function lstCarts_ondblclick()
{
index = NewProgram.lstCarts.selectedIndex;
if (index != -1)
{
vID = NewProgram.lstCarts.options[index].value;
vText = NewProgram.lstCarts.options[index].text;
NewProgram.lstNewCarts.options[NewProgram.lstNewCarts.length] = new
Option(vText);
NewProgram.lstNewCarts.options[NewProgram.lstNewCarts.length -
1].value = vID;
eval("NewProgram.Item" + vID + ".value = " + vID);
}}
This works fine. When I highlight an item in lstNewCarts and click on
a button to delete these items from the list the following code is
executed. This doesn't work becauset the selected item does not
disappear from the list.
function lstNewCarts_ondblclick()
{
index = NewProgram.lstNewCarts.selectedIndex;
if (index != -1)
{
vID = NewProgram.lstNewCarts.options[index].value;
vText = NewProgram.lstNewCarts.options[index].text;
eval("NewProgram.Item" + vID + ".value = -1");
}}
will u suggest me how to delete child from node. i have a xml file. There are four subnodes in the Contact element i have to delete subnodes value from file...
View 2 Replies View RelatedAlright, I have a problem killing a cookie. I'm able to succesfully create a cookie with php (or rather several cookies). If it matters, heres the code:
setcookie("loggedin", "true", $inTwoMonths, "/testzone/", "excalo.com");
setcookie("username", $unames[$i], $inTwoMonths, "/testzone/", "excalo.com");
setcookie("password", $passes[$i], $inTwoMonths, "/testzone/", "excalo.com");
The files are in a folder called testzone in excalo.com.
I need to delete them (that is, the cookies) with javascript. Interestingly, when I run the same files without the "/testzone/" in my main directory, everything is fine and dandy. When I run them in the testzone folder, it doesn't work. FF/Firebug aren't giving me errors. Neither is PHP. Here's the javascript: Code:
I've been trying for the last few weeks(on and off, mind you) to get this piece of code working, but to no avail.
My problem is small, but all the solutions I have tried dont seem to work.
I've googled the life out of it and got a lot of different scripts which are supposed to set the expiry date in the past and the cookie disappears.....
But none of these worked, so this is what I am left with: Code:
My table had the following layout.
Code:
After clicking an add rows button, the two rows are cloned and appended as follows with a checkbox added as shown.
Code:
I want to be able to delete rows 3&4 by selecting the checkbox in row 3 and clicking a delete rows button. Regardless of how many sets of rows have been previously added, any set of rows can be deleted by selecting the appropriate checkbox(es) and clicking delete button. I'm trying to figure out how this can be done. My thinking is if checkbox is checked, calculate row index. I would then have to call deleteRow twice on that row index. Is there a better way of doing this?
This is a resizeable grid similar to ones found on windows OP, the xml version also has a sort function, but thats not posted here.
Note: a few thing could be done better (or different), but for times sake lets just say it works without error.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sort Grid</title>
<style type="text/css"><!--
body{margin:0px;}
/* GRID STYLES */
#grid tbody td,#grid tfoot td
{
border-color: white ThreedHighlight ThreedHighlight white;
border-width: 0px 1px 1px 0px; border-style: solid;
padding: 0px 0px 0px 0px;
font-size: 14px;
cursor:default;
}
#grid tfoot td
{/* If used. */
border-color: white ThreedHighlight ThreedHighlight ThreedHighlight;
border-width: 0px 1px 1px 1px;
}
#grid tbody .FCol
{
border-left-color: ThreedHighlight;
border-left-width: 1px;
}
#grid .grabberH,#grid .grabberHF,#grid .grabberHE,#grid .grabberL,#grid .grabberR /* t r b L */
{
background-color:ButtonFace;border:outset;line-height:16px;
}
#grid .grabberHF
{
border-width: 1px 0px 0px 1px; padding: 0px 0px 0px 0px;cursor:default;font-size:14px;
}
#grid .grabberH
{
border-width: 1px 0px 0px 0px; padding: 0px 0px 0px 0px;cursor:default;font-size:14px;
}
#grid .grabberHE
{
border-width: 1px 2px 0px 1px; padding: 0px 0px 0px 0px;cursor:default;
}
#grid .grabberL
{
border-width: 1px 0px 0px 1px;
}
#grid .grabberR
{
border-width: 1px 2px 0px 0px;
}
#grid .grabberL,#grid .grabberR
{
cursor:col-resize;padding:0px;
}
#grid .ender
{
width:0px;
}
#grid span
{
padding: 0px 3px 0px 3px;
}
#grid .grabberH span
{
padding: 0px 0px 0px 0px;
}
#grid .grabberHF span
{
padding: 0px 0px 0px 3px;
}
-->
</style>
<script language="JavaScript"><!--
/*RESIZABLE DOM GRID - (C) COPYRIGHTED DON WATSON 2003 ALL RIGHT RESERVED - DONWATS@USA.COM*/
function mouseevent(elm, _event, _function)
{
elm.attachEvent(_event, _function)
}
function mousedetach(elm, _event, _function)
{
elm.detachEvent(_event, _function)
}
function resizeGrid()
{
var srcElem = event.srcElement;
if(srcElem.tagName !=="TD")
{
try{
while(srcElem.tagName !=="TD")
{
srcElem = srcElem.parentNode
}
}
catch(e)
{
return
}
}
if(srcElem.className != "grabberL")
{
if(srcElem.className != "grabberR")
{
return
}
}
var expandingTDTemp = srcElem;
try{
while( expandingTDTemp.className !="grabberH" && expandingTDTemp.className !="grabberHF" )
{
expandingTDTemp = expandingTDTemp.previousSibling;
}
}
catch(e)
{
return
}
expandingTD = expandingTDTemp;
/*lets get the rule (css)*/
ruleNum = expandingTD.firstChild.className; /*assume its the span*/
ruleNum = ruleNum.substr(ruleNum.length-1,1);/*strip the num off the end*/
lastrack = event.x;
finalW = expandingTD.offsetWidth;
createBar();grabElm(srcElem);
}
var grabberElm, finalW, expandingTD, lastrack, ruleNum;
function grabElm(srcElem)
{
grabberElm = srcElem;
grabberElm.setCapture(false);
mouseevent(grabberElm, "onmouseup", letGo);
mouseevent(grabberElm, "onlosecapture", dubbleCheck);
mouseevent(document, "onmousemove", resizeT);
}
function dubbleCheck()
{
window.setTimeout(letGo, 200, "JavaScript")
}
function letGo()
{
if(!document.getElementById("resizebar"))
{
window.clearTimeout();
return
}
grabberElm.releaseCapture();
mousedetach(grabberElm, "onmouseup", letGo);
mousedetach(grabberElm, "onlosecapture", dubbleCheck);
mousedetach(document, "onmousemove", resizeT);
document.styleSheets.rowspans.rules[ruleNum].style.width = 0;
finalW<0?finalW=1:0;expandingTD.width=finalW;
document.styleSheets.rowspans.rules[ruleNum].style.width = expandingTD.offsetWidth;
destroyBar();
}
function resizeT()
{
currentrack = event.x;
if( currentrack > lastrack )
{
finalW += currentrack - lastrack
}
else if( currentrack < lastrack )
{
finalW -= lastrack - currentrack
}
document.getElementById('resizebar').style.left = [ currentrack + document.body.scrollLeft - document.body.clientLeft ];
lastrack = currentrack;
}
function createBar(){
var _body = document.getElementsByTagName('body').item(0);
bar = document.createElement("DIV");
bar.id = "resizebar";
bar.style.backgroundColor="silver";
bar.style.width=3;
bar.style.height=document.body.clientHeight;
bar.style.position= "absolute";
bar.style.top=document.body.scrollTop;
bar.style.left= [ event.x + document.body.scrollLeft - document.body.clientLeft ];
_body.appendChild(bar);
}
function destroyBar(){
var _body = document.getElementsByTagName('body').item(0);
bar = document.getElementById('resizebar');
if(bar) _body.removeChild(bar);
}
//-->
</script>
</head>
<body>
<table id="grid" width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr onMouseDown="resizeGrid()">
<td width="140px" nowrap class="grabberHF"><span class="col0">Artist</span></td>
<td width="3px" nowrap class="grabberR"><div class="ender"/></td>
<td width="3px" nowrap class="grabberL"><div class="ender"/></td>
<td width="250px" nowrap class="grabberH"><span class="col1">Venue</span></td>
<td width="3px" nowrap class="grabberR"><div class="ender"/></td>
<td width="3px" nowrap class="grabberL"><div class="ender"/></td>
<td width="120px" nowrap class="grabberH"><span class="col2">Title</span></td>
<td width="3px" nowrap class="grabberR"><div class="ender"/></td>
<td width="3px" nowrap class="grabberL"><div class="ender"/></td>
<td width="45px" nowrap class="grabberH" align="center"><span class="col3">Media</span></td>
<td width="3px" nowrap class="grabberR"><div class="ender"/></td>
<td width="3px" nowrap class="grabberL"><div class="ender"/></td>
<td width="100px" nowrap class="grabberH" align="right"><span class="col4">Date</span></td>
<td width="5px" nowrap class="grabberR"><div class="ender"/></td>
<td width="100%" class="grabberHE"><div class="ender"/></td>
</tr>
<thead>
<tfoot>
<tr><td nowarp colspan="15"><!--footer not needed--></td></tr>
</tfoot>
<tbody>
<tr>
<td colspan="2" class="FCol"><span class="col0">Column 1</span></td>
<td colspan="3"><span class="col1">Column 2</span></td>
<td colspan="3"><span class="col2">Column 3</span></td>
<td colspan="3" align="center"><span class="col3">SHN</span></td>
<td colspan="3" align="right"><span class="col4">04-19-1998</span></td>
<td><div class="ender"/></td>
</tr>
</tr>
<td colspan="2" class="FCol"><span class="col0">Column 1</span></td>
<td colspan="3"><span class="col1">Column 2 - this span uses overflow : ellipsis</span></td>
<td colspan="3"><span class="col2">Column 3</span></td>
<td colspan="3" align="center"><span class="col3">MP3</span></td>
<td colspan="3" align="right"><span class="col4">09-16-1983</span></td>
<td><div class="ender"/></td>
</tr>
<tr>
<td colspan="2" class="FCol"><span class="col0">Column 1</span></td>
<td colspan="3"><span class="col1">Column 2</span></td>
<td colspan="3"><span class="col2">Column 3</span></td>
<td colspan="3" align="center"><span class="col3">SHN</span></td>
<td colspan="3" align="right"><span class="col4">03-01-1969</span></td>
<td><div class="ender"/></td>
</tr>
</tr>
<td colspan="2" class="FCol"><span class="col0">Column 1</span></td>
<td colspan="3"><span class="col1">Column 2 - this span uses overflow : ellipsis</span></td>
<td colspan="3"><span class="col2">Column 3</span></td>
<td colspan="3" align="center"><span class="col3">MP3</span></td>
<td colspan="3" align="right"><span class="col4">01-20-2001</span></td>
<td><div class="ender"/></td>
</tr>
<tr>
<td colspan="2" class="FCol"><span class="col0">Column 1</span></td>
<td colspan="3"><span class="col1">Column 2</span></td>
<td colspan="3"><span class="col2">Column 3</span></td>
<td colspan="3" align="center"><span class="col3">SHN</span></td>
<td colspan="3" align="right"><span class="col4">10-29-1988</span></td>
<td><div class="ender"/></td>
</tr>
</tbody>
</table>
<script language="JavaScript"><!--
function setStyles(){
var _head = document.getElementsByTagName('head').item(0);
var dss = document.createElement("STYLE");
dss.id = "rowspans";
_head.appendChild(dss);
var _table = document.getElementById("grid");
var _tr = _table.getElementsByTagName("TR")[0];
var _td = _tr.getElementsByTagName("TD");
var colnum = 0;
for(i = 0; i < _td.length; i++)
{
if(_td[i].className != "grabberL")
{
if(_td[i].className != "grabberR")
{
document.styleSheets.rowspans.addRule(".col"+colnum+"","width:"+ _td[i].width +"");
colnum += 1;
}
}
}
document.styleSheets.rowspans.addRule("#grid span","overflow: hidden;text-overflow: ellipsis;white-space: nowrap;");
//alert(document.styleSheets.rowspans.cssText);
}
setStyles(); /* After resize grid, or onload event. */
//--></script>
</body>
</html>
Should work on IE5.5+ and recent Mozilla clones.
Download size ~30K
Open source (GPL license)
Not released yet, no API documentation (will be soon)
Basically the question is - does it make sense at all? What's your current experience with client-side widgets - too slow, too heavy or there is still a place for things like that?
I'm trying to look for images that contain 'x.jpg' and remove its <img> container. I'm using the :contains and remove feature without success. What am I doing wrong?
$("img:contains('x.jpg')").remove();
im trying to just delete the last letter on the right side of a textbox. I am trying to do this via onclick for a backspace button. Does anything have code for this or know what i can search for because i come up with nothing everything i try.
This is what i us to add to the textbox:
onclick="document.frmFB.txtFName.value=document.frmFB.txtFName.value + '@'"
And this is what i've tryed to get it to delete the last letter:
onclick="txtFName.Select(txtFName.SelectionStart - 1, 1)"
I've been trying to create a function that creates objects and another function that can delete them when triggered the objects code is generated server side and triggers the function passing the object data. The object data sort of looks like this
<OBJECT id="RandomNumbers" width="0" height="0"
style="position:absolute; left:0;top:0;"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
type="application/x-oleobject">
[Code].....
I've tried a few methods I looked up but whenever I try to get them to work the way I need them they throw errors... It would be very cool if you could also get it under a div tag.
Is it possible for me to delete a file (using javascript of course) that is stored on a server?
View 1 Replies View RelatedIs it possible to use JavaScript to delete all elements belonging to a particular CSS class using JavaScript?Would it be possible to delete all td elements in someTable with the class = "b".
View 2 Replies View RelatedI need to create a userscript, which removes certain rows containing a particular text.
1. The problem is that the site uses table class to identify tables, instead of id.
2. How do I specify the condition that a cell of the row contains "0"
we are now developing complex business application using Ajax
framework. Could anyone point me to the editable javascript grid
control which supports XML loading. Good javascript API would be a
plus. And rather important thing - sometimes we need to represent
hierarchically structured data, so tree view is a must. In most grid
controls I looked through this last thing was missed.
I just started using JQuery and I have a lot of questions, but this is the most complicated one:
I'm trying to show a dialog using Jquery UI. The problem is that into my dialog I'd like to insert a (dynamic) grid using JQGrid. is this possible, or I should create a normal html table?
How exactly does the sizing of the grid work? I have a grid that I've tried to experiment with and it seems like no matter what setting I use, there is a vertical and a horizontal scrollbar. the only thing that changes is if it stretches to fill the its container div. How do I get it to fit within a specific width and also to not display scrollbars?
View 3 Replies View RelatedI have a script which uses an array of numbers to represent their position in a div.its 5 by 5 like so:
tileMap = [
[1, 1, 1, 1, 1],
[1, 1, 1, 1, 1],
[code]....
Check this URL [url]
Grid on above link is made in dotnet. i want to make same UI as in Java. which technologies should be used that can be easy to use with java.
How i create the nested grid using GWT API's.
I have a form that has several disabled text fields. In these text
fields, I have initial values. Next to each text field lies a "copy"
button. When clicked, the content of the disabled text field is
appended to the content of another textfield, the only one that isn't
disabled (therefore the user can copy content from the other text
fields, and also add what they want). I also have a remove button,
which clears the content of that one non-disabled text field.
Pretty easy so far.
Here's the problem. Imagine I copy the content from textfield 1 into
the blank text field, then do the same for textfield 2 and 3.
Between each "insert", I've added a comma. So the non-disabled
(active) text field would have the following content:
content1, content2, content3,
Now say that the user wants to remove content2, without removing the
rest, how could I go about doing this?
