HTML TABLE

i created a table with 2 rows and 2 columns, i named the <td> with ids 1,2,3,4 and i kept a button, below the table and i am calling a javascript function say 'callme()' in this i am passing a <td> id value say 4, with this id value can i get the row index and column index of that particular <td>, if yes can anybody give me sample code or any suggestions or any other way to arrive the solution.

Is the table built dynamically or is it fixed? Either ways, generate an ID which contains both the row index and the column index. Something like
td_1_1 td_1_2
td_2_1 td_2_2Now you can split (Javascript function on String) on the underscores to get the row/column index.

Similar Messages

Excel issues with importing CSV or HTML table data from URL - Sharepoint? Office365?

Greetings,
We have a client who is having issues importing CSV or HTML table data as one would do using Excel's Web Query import from a reporting application. As the error message provided by Excel is unhelpful I'm reaching out to anyone who can help us begin to
troubleshoot problems affecting what is normal standard Excel functionality. I'd attach the error screenshot, but I can't because my account is not verified....needless to say it says "Microsoft Excel cannot access the file https://www.avantalytics.com/reporting_handler?func=wquery&format=csv&logid=XXXX&key=MD5
Where XXXX is a number and MD5 is an md5 code. The symptoms stated in the error message are:
- the file name or path does not exist
-The file is being used by another program
-The workbook you are trying to save has the same name as a currently open workbook.
None of these symptoms are the case, naturally. The user encountered this with Excel2010, she was then upgraded to Excel2013 and is still experiencing the same issue. The output of this URL in a browser (IE, Chrome, Firefox) is CSV data for the affected
user, so it is not a network connectivity issue. In our testing environment using both Excel2010 or 2013 this file is imported successfully, so we cannot replicate. The main difference I can determine between our test environment and the end-user
is they have a Sharepoint installation and appear to have Office365 as well.
So, my question might more appropriately be for Sharepoint or Office365 folks, but I can't be sure they're a culprit. Given this - does anyone have any knowledge of issues which might cause this with Sharepoint or Office365 integrated with
Excel and/or have suggestions for getting more information from Excel or Windows other than this error message? I've added the domain name as a trusted publisher in IE as I thought that might be the issue, but that hasn't solved anything. As you
can see its already https and there is no authentication or login - the md5 key is the authentication. The certificate for the application endpoint is valid and registered via GoDaddy CA.
I'm at a loss and would love some suggestions on things to check/try.
Thanks -Ross

Hi Ross,
>> In our testing environment using both Excel 2010 and 2013 this file is imported successfully, so we cannot replicate.
I suspect it is caused by the difference of web server security settings.
KB: Error message when you use Web query to a secure Web page (HTTPS://) in Excel: "Unable to open"
Hope it will help.
By the way, this forum is mainly for discussing questions about Office Development (VSTO, VBA and Apps for Office .etc.). For Office products feature specific questions, you could consider posting them on
Office IT Pro forum or Microsoft Office Community.
Regards,
Jeffrey
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Retrieve values from a HTML table !!!

Hi.
How can i retrieve values from a HTML table using javascript ?
I´m trying to use the command "document.getElementsByTagName" without success.
Thanks in advance.
Eduardo

Hi, Deepu.
I´m still with trouble in retrieving the value in HTML.
In debug the C_CELL_ID seems to be correctly updated but
when using the command "document.getElementById" the value is always "null".
I implemented in the method DATA_CELL the code :
if i_x = 3 and i_y = 2.
C_CELL_ID = 'zs'.
C_CELL_CONTENT = 10.
endif.
And in HTML :
var ztest = document.getElementById('zs');
alert(ztest);
Could you help me please.
Many regards
Eduardo S.
Message was edited by: Eduardo Silberberg

Export to excel with javascript/vbscript or with plsql(html table)

i have searched for a way to export data from OracleXe to excel without losing formatting .
So far i have found 2 possible relatively easy ways that i am still researching
(i do not include the ask tom sylk format way of exporting )
1 to export the query to a html table, while using stylesheets for formatting
(using microsoft specific styles)
2. use of javascript/vbscript to fill an array and write this array to excel with use
of visual basic for applications in excel.This also provides charting capabilities.
I am still researching this two ways, and have
encountered a few obstacles (help would be appreciated)
1 the first way:
a. create a button " export to excel"
b. create the following pl/sql procedure:
owa_util.mime_header('application/vnd.ms-excel');
owa_util.http_header_close;
HTP.PRINT('<html>');
HTP.PRINT('<head>');
HTP.PRINT('<meta http-equiv="Content-Type" content="text/html">');
HTP.PRINT('<title>Title of the HTML File</title>');
HTP.PRINT('</head>');
HTP.PRINT('<body TEXT="#000000" BGCOLOR="#FFFFFF">');
HTP.PRINT('<h1>Heading in the HTML File</h1>');
HTP.PRINT('<p>Some text in the HTML file.');
HTP.PRINT('</body>');
HTP.PRINT('</html>');
htmldb_application.g_page_text_generated := true;
htmldb_application.g_unrecoverable_error := true;
c: run the procedure conditionally based on the button "export to excel"
the problem with this way is that using htmldb_application.g_unrecoverable_error := true; is not the ideal way, because it
stops further processing, but if i leave it out, the export doesn't happen.
To export to excel while retaining data formatting you have to use microsoft excel
specific styles(Seedocumentation on the microsoft site)
2.The second way:
a create a pl/sql procedure or sql query.
b use this query to fill a vbscript/javascript array with values
c write these values to excel with use of vba in excel :
the obstacle i encountered here was that i dont know how to export the result of a
query to a visual basic script or javascript array.

Using approach 1) works fine for me.
the problem with this way is that using htmldb_application.g_unrecoverable_error := true;
is not the ideal way, because it
stops further processing, but if i leave it out, the export doesn't happen. Why is this a problem?
I created the button to export the excel file on page 1 and created your pl/sql procedure on page 2 using an onload process.
Works fine.
Other approaches for exporting to excel are:
http://www.oracle.com/technology/pub/articles/saternos_broadcast.html
http://htmldb.oracle.com/pls/otn/f?p=18326:54:5685133631021176591::::P54_ID:1962
~Dietmar.

Insert an HTML Table tag as a value in a Tree Table

Hi helper,
Can I insert an HTML Table tag inside a TreeTable (Hierarchical data) using AdvancedDataGrid as a value?
I need to create a Tree table in flex and I have beside normal int values some cells that need to show a certain images in an HTML Table I will create.
Is it possible?
Please advice
Thanks
Jo

<div class=Section1><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>It depends on where you get the list of images<o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'><o:p> </o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>Alex Harui<o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>Flex SDK Developer<o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'><a href="http://www.adobe.com/"><span style='color:blue'>Adobe<br />Systems Inc.</span></a><o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>Blog: <a href="http://blogs.adobe.com/aharui"><span<br />style='color:blue'>http://blogs.adobe.com/aharui</span></a><o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'><o:p> </o:p></span></p><br /><br /><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'><br /><br /><p class=MsoNormal><b><span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span<br />style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> Yossi Bar<br />[mailto:[email protected]] <br><br /><b>Sent:</b> Monday, February 09, 2009 1:14 AM<br><br /><b>To:</b> [email protected]<br><br /><b>Subject:</b> Re: Insert an HTML Table tag as a value in a Tree Table<o:p></o:p></span></p><br /><br /></div><br /><br /><p class=MsoNormal><o:p> </o:p></p><br /><br /><p class=MsoNormal style='margin-bottom:12.0pt'>A new message was posted by<br />Yossi Bar in <br><br /><br><br /><b>Developers</b> --<br><br /> Insert an HTML Table tag as a value in a Tree Table<br><br /><br><br />Thanks Alex, <br><br />What is the way to implement HorizontalLIst of images for<br />AdvancedDataGridColumn? <br><br /><br><br />In the code here I create a tree table and in Actual column I show an image: <br><br /><br><br /><mx:AdvancedDataGrid width="100%" height="100%"<br />folderClosedIcon="{null}" folderOpenIcon="{null}"<br />defaultLeafIcon="{null}"> <br><br /><br><br /><mx:dataProvider> <br><br /> <mx:HierarchicalData<br />source="{dpHierarchy}"/> <br><br /> </mx:dataProvider> <br><br /> <mx:groupedColumns> <br><br /> <mx:AdvancedDataGridColumn<br />headerText="" width="50"/> <br><br /> <mx:AdvancedDataGridColumn<br />dataField="Region" backgroundColor="haloSilver"<br />headerText="Region title"<br />headerRenderer="mx.controls.Label"/> <br><br /> <mx:AdvancedDataGridColumnGroup<br />headerText="Group Header"<br />headerRenderer="mx.controls.Label"> <br><br /><mx:AdvancedDataGridColumn dataField="Territory_Rep"<br />headerText="Territory Rep"<br />headerRenderer="mx.controls.Label"/> <br><br /><mx:AdvancedDataGridColumn dataField="Actual"<br />headerText="Actual title"<br />headerRenderer="mx.controls.Label"> <br><br /><mx:itemRenderer> <br><br /><mx:Component> <br><br /><mx:VBox horizontalAlign="center"> <br><br /><mx:Image width="50" source="{data.Actual}"/> <br><br /></mx:VBox> <br><br /></mx:Component> <br><br /></mx:itemRenderer> <br><br /></mx:AdvancedDataGridColumn> <br><br /><br><br /><mx:AdvancedDataGridColumn dataField="Estimate"<br />headerText="Estimate title" headerRenderer="mx.controls.Label"/><br /><br><br /> </mx:AdvancedDataGridColumnGroup><br /><br><br /> </mx:groupedColumns> <br><br /> </mx:AdvancedDataGrid> <br><br /><br><br />Please advise, <br><br /><br><br />Thanks <br><br /><br><br />Jo <o:p></o:p></p><br /><br /><div class=MsoNormal><br /><br /><hr size=2 width=200 style='width:150.0pt' align=left><br /><br /></div><br /><br /><p class=MsoNormal style='margin-bottom:12.0pt'>View/reply at <a<br />href="http://www.adobeforums.com/webx?13@@.59b7d1ae/2">Insert an HTML Table tag<br />as a value in a Tree Table</a><br><br />Replies by email are OK.<br><br />Use the <a<br />href="http://www.adobeforums.com/webx?280@@.59b7d1ae!folder=.3c060fa3">unsubscribe</a>< br />form to cancel your email subscription.<o:p></o:p></p><br /><br /></div>

Please!!!!!!   How can i add rows in html table dynamically [use jsp,bean]

hello, i am a fresher in jsp. i want to add new rows in html table dynamically.In my coding, just only shows in one row . please help my problem with correct coding and i don't want to use database. Thanks ...............!
Here is my coding-------------------
---------------- form.jsp --------------------->
<%@ page import="java.util.*,newtest1.Validation" %>
<jsp:useBean id="mybean" scope="page" class="newtest1.Validation" />
<jsp:setProperty name="mybean" property="name" param="name" />
<jsp:setProperty name="mybean" property="age" param="age" />
<% s[i][j] %>
<html>
<head><title>Form</title></head>
<body>
<form method="get">
<table border="0" width="700">
<tr>
<td width="150" align="right">Name</td>
<td width="550" align="left"><input type="text" name="name" size="35"></td>
</tr>
<tr>
<td width="150" align="right">Age</td>
<td width="550" align="left"><input type="text" name="age" size="35"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr><td> </td></tr>
<tr><td><input type="submit" name="submit" value="ADD"></td></tr>
<tr><td> </td></tr>
<tr><td width="100%" align="center" border=1>
<% int count=mybean.getStart();
for(int i=count; i<count+1; i++) { %>
<tr>
<td><jsp:getProperty name="mybean" property="name" /></td>
<td><jsp:getProperty name="mybean" property="age" /></td>
<td><%= count %></td>
<% count+=1; %>
</tr>
<% } %></td></tr>
</table>
</form>
</body>
</html>
----------------- Validation.java ----------------->
package newtest1;
import java.util.*;
public class Validation {
private String name;
private String age;
static int start=0;
public Validation() {    name=null;
age=null;
++start;}
public void setName(String username) { if(username!="")
name=username;
public String getName() { return name; }
public void setAge(String userage) { if (age!="")
{age=userage;}
public String getAge() { return age;   }
public int getStart() {
return start; }

Hi, Do you mean to say,
You have an HTML page in which you have a text field and an add button. If you enter anything in that text field and click on Add button the text field contents should be displayed in the same HTML page and you should be able to go on entering new values into the text field and you should be able to retain and display all the previously entered values..
and finally the list of added items are not stored in the database..
If this is the case
i. Your html form should be submitted to the same page.
ii. You need to have a Vector which holds the entered values.
iii. Bind the vector object to the request object and collect the same vector object from the request and display its contents...
I think this would help...

How can i display collection of records in HTML Table using DWR framework

Dear All,
Just i start using the Direct Web Remoting framework.I am worrying to get the list of records to display html table using this concept.I did the same like.
index.js
var cellFuncs = [
function(data) { return data; },
function(data) { return data.toUpperCase(); },
function(data) { return "<input type='button' value='Test' onclick='alert(\"Hi\");'/>"; },
function(data) { return count++; }
function update() {
var name = dwr.util.getValue("demoName");
Demo.sayHello(name, function(data) {    dwr.util.setValue("demoReply", data);   } );
var count = 1;
dwr.util.addRows( "tabs",[ 'Africa', 'America', 'Asia', 'Australasia', 'Europe' ], cellFuncs);
alert("hai");
index.jsp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='dwr/engine.js'> </script>
<script type='text/javascript' src='dwr/util.js'> </script>
<script type='text/javascript' src='dwr/interface/Demo.js'> </script>
<script type="text/javascript" src='index.js'> </script>
</head>
<body>
<div id="tabContents">
<div id="demoDiv">
<p>
Name:
<input type="text" id="demoName" value="Joe"/>
<input value="Send" type="button" onclick="update()"/>
Reply: <span id="demoReply" style="background:#eeffdd; padding-left:4px; padding-right:4px;"></span>
     <table id="tabl1">
     <tbody id="tabs">
     <tr>
     <td>name</td>
     <td>name1</td>
     <td>name2</td>
     <td>name3sdf</td>
     </tr>
     <tbody>
     </table>
</p>
</div>
</div>
</body>
</html>
dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>

<create creator="new" javascript="Demo">
<param name="class" value="org.getahead.dwrdemo.simpletext.Demo"/>
</create>
</allow>
</dwr>
web.xml
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE web-app PUBLIC
"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app id="dwr">
<display-name>DWR (Direct Web Remoting)</display-name>
<description>A Simple Demo DWR</description>
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<display-name>DWR Servlet</display-name>
<description>Direct Web Remoter Servlet</description>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>activeReverseAjaxEnabled</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>initApplicationScopeCreatorsAtStartup</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>maxWaitAfterWrite</param-name>
<param-value>500</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
Demo.java
package org.getahead.dwrdemo.simpletext;
import java.io.IOException;
import javax.servlet.ServletException;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
public class Demo
public String sayHello(String name)
return "Hello, " + name;
the sayHello() is printing the display.But the table rows not updating.But its object expected.So can you tell me where i need to change and how to add the pagination for the table like 10 by 10 records to display.
Please help me.
Saravanan

Hi Brian,
OAF supports the master-detail based design. You can very well implement your model. You can use 2 VO for your 2 objects and link them using a ViewLink. Check OAF Dev guide for more details.
--Shiv

How to read the content of HTML table

Hi All,
I would like to retrieve the content of the following HTML table and is wondering whether there are any libraries/jars that could do the job easily without having to write a parser possibly in XSLT:
<td class="propType"><b>Address</b></td>
                        <td class="propType"><b>Company</b></td>
                        <td class="propType"><b>Department</b></td>
                        <td class="propType" align="right"><b>Employee</b></td>
                                <td colspan="6"><strong class="propType">
                                <td><strong>Firstname</strong></td>
                                <td><strong>Surname</strong></td>
                                <td><strong>DOB</strong></td>
                                <td><strong>Sex</strong></td>
                                <td class="even">John</td>
                                <td class="even">Smith</td>
                                <td class="even">01/02/2001</td>
                                <td class="even">Male</td>One awkard method is by using the stringbuffer as follows:
String greaterthanSignedList[] = greaterthanSigned.split(">")
to pickup all the text that comes after the greater than (ie ">" sign)...
String lessthanSignedList[] = lessthanSigned.split("</"</" sign) ...
However, I am sure that there must be an easier way to do this such as using existing SAX/DOM/XSLT.. jars to retrieve these values quickly.
Many thanks,
Jack

Hi,
I am wondering if you could be a little patient with your guidance in this area. Perhaps a few points on what are some of the classes that should be used. Even an example would be terrific, if possible.
I have slowly weighing through 2 books - Learning XML by Erik T. Ray (http://www.oreilly.com/catalog/learnxml2/toc.html) and Java & XML by Brett D. McLaughlin & Justin Edelson (http://www.oreilly.com/catalog/9780596101497/toc.html) but would like to dwell into the relevant chapter and by pass anything else that is not relevant to my current in the XML area in order to fast track development.
I am new to XML and would very much appreciate if you could point to the area of specific to focus on getting this job done only.
Many thanks again,
Jack

How can I print a html table and preview it?

Hi there!
Please help me.
I spent a lot of time to find how to print a html table and preview it.
I tried use code of the book http://www.manning.com/sbe/ Chapter 22. But this book consists only code for rtf and they change size of JtextPane before printing.
I have found the bellow code;
http://forum.java.sun.com/thread.jsp?thread=120578&forum=57&message=316116 But I problems with printing.
I also found this code; http://forum.java.sun.com/thread.jsp?forum=31&thread=146439
But there is no code,so i don't understand.
Can u help me?
Thanks my friends.

There is the comp.lang.javacript newsgroup for one:
http://groups.google.com/groups?hl=en&lr=&ie=UTF-8&oe=utf-8&group=comp.lang.javascript
Here are a couple of more candidates I found from google in about two minutes:
http://www.jguru.com/forums/home.jsp?topic=JavaScript
http://www.jsworkshop.com/bb/viewforum.php?f=1&sid=524b20160ca47c0ab786214e2003f1d1
http://javascript.internet.com/forum/
I am sure there are many more. :)

How to get the number of rows in a HTML table in some other page

Hi,
I am incrementing HTML table rows on button click and saving number of rows in a javascript variable. But on submitting that page I need that number of row value in the following page
example:
HTML table is in the page first.jsp
and the javascript variable having the current row number is row_number
on submitting it goes to second.jsp page. There i need that row_number value.
Can anyone help me to solve this?
regards,
carry

function buttonClick()
var table = profileTable;
var lnRow = table.rows.length;
var insertedRow = table.insertRow(parseFloat(lnRow));
var cell1 = insertedRow.insertCell();
cell1.innerHTML ="<tr><td><Input type=\"hidden\" >>>name=\"rowNum\" value="+cnt"+></td></tr>";
document.profileform.submit;
on submit it goes to the second page, but the value i got using >>>System.out.println("row number from text >>>box"+request.getParameter("rowNum")); is null. What is wrong with >>>my coding. Can anyone solve this.HI carry
Check the value of bold data
function buttonClick()
var table = profileTable;
var lnRow = table.rows.length;
var insertedRow = table.insertRow(parseFloat(lnRow));var cnt=inRow
var cell1 = insertedRow.insertCell();
cell1.innerHTML ="<tr><td><Input type=\"hidden\" >>>name=\"rowNum\" value="+cnt+"></td></tr>";
document.profileform.submit;
}try with it

Creating a selectable HTML table with Sahrepoint list data dind

Hi All,
I m creating an app for sharepoint2013 , on my app I want to read data from SP list and display on something like HTML table/ grid view.
What I have done is as follows.
<table cellpadding="0" cellspacing="0" border="0" class="display" id="TermList">
                   <thead>
                       <tr>
                                    <th>Start Date</th>
                           <th>End Date</th>
                           <th>Term Type(s)</th>
                           <th>Specialty</th>
                           <th width="12%">Sub Specialty</th>
                       </tr>
                   </thead>
                                        <tbody>
                        </tbody>
</table>
var context = SP.ClientContext.get_current();
var user = context.get_web().get_currentUser();
var Termsitems, web, hostcontext, currentusertitle;
var hosturl;
(function () {
$(document).ready(function () {
    gethostdata();
    getUserName();
    $('#TermList').dataTable(
                    "sScrollY": 200,
                       This will enable jQuery UI theme
                    "bJQueryUI": true,
                       will add the pagination links
                    "sPaginationType": "full_numbers"
    getTermdetails();
function gethostdata() {
    hosturl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
    context = new SP.ClientContext.get_current();
    hostcontext = new SP.AppContextSite(context, hosturl);
    web = hostcontext.get_web();
    context.load(web, 'Title');
    context.executeQueryAsync(onSiteLoadSuccess, onQueryFailed);
function onSiteLoadSuccess(sender, args) {
    //   alert("site title : " + web.get_title());
function onQueryFailed(sender, args) {
    alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
function getQueryStringParameter(urlParameterKey) {
    var params = document.URL.split('?')[1].split('&');
    var strParams = '';
    for (var i = 0; i < params.length; i = i + 1) {
        var singleParam = params[i].split('=');
        if (singleParam[0] == urlParameterKey)
            return decodeURIComponent(singleParam[1]);
// This function prepares, loads, and then executes a SharePoint query to get the current users information
function getUserName() {
    context.load(user);
    context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
// This function is executed if the above call is successful
// It replaces the contents of the 'message' element with the user name
function onGetUserNameSuccess() {
currentusertitle= user.get_title();
$('#message').text('Hello ' + user.get_title());
// This function is executed if the above call fails
function onGetUserNameFail(sender, args) {
    alert('Failed to get user name. Error:' + args.get_message());
function getTermdetails() {
    var Termlist = web.get_lists().getByTitle("TraineeTermsSPlist");
    context.load(Termlist)
    var camlQuery = new SP.CamlQuery();
    camlQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name="Title" />' +
                             '<Value Type="Text"> + currentusertitle + </Value></Eq></Where></Query></View>');
    Termsitems = Termlist.getItems(camlQuery);
    context.load(Termsitems);
    context.executeQueryAsync(getTermdetailsQuerySuccsess, getTermdetailsQueryFails)
function getTermdetailsQuerySuccsess(sender, args) {
    var listEnumerator = Termsitems.getEnumerator();
    var datatable = document.getElementById("TermList");
    while (listEnumerator.moveNext()) {
        var oListItem = listEnumerator.get_current();
        var startdate = listEnumerator.get_current().get_item('startdate');
        var enddate = listEnumerator.get_current().get_item('Enddate');
        var termtype = listEnumerator.get_current().get_item('TermType');
        var Specialty = listEnumerator.get_current().get_item('Specialty');
        var Specialty = listEnumerator.get_current().get_item('Subspecialty');
        $("#TermList").append("<tr align='middle' class='gradeA'>" +
                                  "<td align='left'>" + startdate +
"</td>" +
                                  "<td align='left'>" + enddate + "</td>"
+
                                  "<td align='left'>" + termtype + "</td>"
+
                                  "<td align='left'>" + Specialty +
"</td>" +
                                  "<td align='left'>" + Specialty +
"</td>" + "</tr>");
function getTermdetailsQueryFails(sender, args) {
    alert(' Error:' + args.get_message());
Now what I want to do is allow user to select rows on the table. Once they select a row I want to get that selected row and search SP list based on the selected value. Also I would like to make this table with search area to search records.
Can someone please help me to do this, or are there any easy way to do this. Sample code or useful link much appreciate.
Thank you very much.
d.n weerasinghe

Instead of writing in dive each and every time directly,
just have a div in html, and inside the while loop
write and store in the variable like
output += "<li><a href='#' style='display:none'>" + usernames[i] + " </a> "
+ "<table id='results' width='100%'>"
+ "
<tr style='border-bottom:1px silver solid;'>"
+ "
<td style='width:60px;height:70px;' >"
+ "
<img alt=\"profile pic\" src= '" + pictureuri[i] + "' style='width:60px;height:60px;'/>"
+ "
</td>"
+ "
<td >"
+ "
<table style='height:100%'>"
+ "
<tr>"
+ "
<td style='padding-padding-vertical-align:top;height:10px' >"
+ "
<a href='" + personaluri[i] + "' classq='ms-bold ms-subtleLink' style='color: gray; font-size: 12px; font-weight: bold;'>" + tempnames[i] + "</a>"
+ "
</td>"
+ "
</tr>"
+ "
<tr>"
+ "
<td style='padding-vertical-align:top;height:50px;color:#ADAEAD;font-size:14px;' >" + deptNames[i]
+ "
</td>"
+ "
</tr>"
+ "
</table>"
+ "
</td>"
+ "
</tr>"
+ "</table>"
+ "</li>"
and finaly oyutside the loop
$(#div).html(output);

Problem While exporting HTML table to Excel(.CSV) in SharePoint 2010

Hi ,
I was exporting HTML table to .CSV file.
Problem is if any field contains '>' or '<' symbol then after exporting to .CSV, it was showing like '&gt' and '&lt' and the code is as below.
//Export HTML table to CSV
function toCSV() {
var data = document.getElementById('reportstable');
var csvData = [];
var tmpArr = [];
var tmpStr = '';
for (var i = 0; i < data.rows[0].cells.length; i++)
tmpArr.push((data.rows[0].cells[i].innerText || data.rows[0].cells[i].textContent));
csvData.push(tmpArr.join('\t'));
for (var i = 1; i < data.rows.length; i++)
tmpArr = [];
for (var j = 0; j < data.rows[0].cells.length; j++)
tmpArr.push(data.rows[i].cells[j].innerHTML);
csvData.push(tmpArr.join('\t'));
var output = csvData.join('\n');
SaveContents(output);
//For saving the file
function SaveContents(element) {
if (document.execCommand) {
var oWin = window.open("about:blank","_blank");
oWin.document.write(element);
oWin.document.close();
var success = oWin.document.execCommand('SaveAs', false, "FilteredReport.xls")
oWin.close();
Thanks in Advance

Hi,
According to your post, a problem occurred when you exported the HTML table to Excel(.CSV).
The following code for your reference:
function toCSV() {
var data = document.getElementById('reportstable');
var csvData = [];
var tmpArr = [];
var tmpStr = '';
for (var i = 0; i < data.rows[0].cells.length; i++)
tmpArr.push((data.rows[0].cells[i].innerText || data.rows[0].cells[i].textContent));
csvData.push(tmpArr.join('\t'));
for (var i = 1; i < data.rows.length; i++)
tmpArr = [];
for (var j = 0; j < data.rows[0].cells.length; j++)
tmpArr.push(data.rows[i].cells[j].innerHTML);
csvData.push(tmpArr.join('\t'));
var output = csvData.join('\n');
SaveContents(output.replace(/</g, '<').replace(/>/g, '>'));
Best Regards
Dennis Guo
TechNet Community Support

Read Only and HTML Table Cell Attributes

Hi Guys,
I believe i have come accross a bug - i'm been working on a form that can be filled out and printed - when going into print for sake of the output looking nice i set the form element to read-only.
As soon as an element such as a drop down box, text feild, text area, etc which display as "[selected value]" in plain text in read only mode, are changed to the read only mode apex seem to ignore the html table cell attributes.
For example i have a id number in the top left and then a version number in the top right. Both use a text feild; the top left uses 'width="100%"' for it's HTML Table Cell Attribute to push the right cell to the right. and the right cell has 'align="right"'. Now this works fine when read only is off... but as soon as read only is on, both the width and the alignment are totally ignored, and i can't find any sign of them in the code.
Because this is for printing; using the "disable" on the form element instead of "read only" function, isn't appropriate as disabled will make the elements faded and hard to read when printed, and keeping the elements as is will allow the user to edit information on the print screen - which is not appropriate.
Is this a bug? Will it be fixed soon? Is there any work around?
Cheers,
Alex

Use the "Read Only Element Table Cell(s) Attributes" in the Read Only region of the Item edit form.
Scott

How to convert html table with all its css properties into excel , by javascript or jQuery

hi,
<script type="text/javascript">
//working java script
function CreateExcelSheet()
var x = Table1.rows
var xls = new ActiveXObject("Excel.Application")
xls.Workbooks.Add
for (i = 0; i < x.length; i++) {
var y = x[i].cells
for (j = 0; j < y.length; j++) {
xls.Cells(i + 1, j + 1).Value = y[j].innerText
} xls.visible = true
function write_to_excel()
str = "";
debugger;
var mytable = document.getElementsByTagName("table")[0];
var rowCount = mytable.rows.length;
var colCount = mytable.getElementsByTagName("tr")[0].getElementsByTagName("td").length;
var ExcelApp = new ActiveXObject("Excel.Application");
var ExcelSheet = new ActiveXObject("Excel.Sheet");
debugger;
ExcelSheet.Application.Visible = true;
for (var i = 0; i < rowCount; i++)
for (var j = 0; j < colCount; j++)
str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("td")[j].innerText;
ExcelSheet.ActiveSheet.Cells(i + 1, j + 1).Value = str;
//new funtion
function ExportToExcel(mytblId) {
debugger;
var htmltable = document.getElementById('Table1');
var html = htmltable.innerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
//new funtion 2
function write_to_excel2() {
str = "";
debugger;
var mytable = document.getElementById("Table1");
var rowCount = mytable.rows.length;
var colCount = mytable.getElementsByTagName("tr")[0].getElementsByTagName("th").length;
var ExcelApp = new ActiveXObject("Excel.Application");
var ExcelSheet = new ActiveXObject("Excel.Sheet");
//ExcelSheet.Application.Visible = true;
for (var i = 0; i < rowCount; i++)
for (var j = 0; j < colCount; j++)
debugger;
// if (i == 0) {
// str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("th")[j].innerText;
str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("td")[j].innerText;
ExcelSheet.ActiveSheet.Cells(i + 1, j + 1).Value = str;
ExcelSheet.autofit;
ExcelSheet.Application.Visible = true;
DisplayAlerts = true;
CollectGarbage();
//csss
function excelExportHtml(Table1, css1)
debugger;
if (css1) {
var styles = [];
//grab all styles defined on the page
$("style").each(function(index, domEle) {
styles.push($(domEle).html());
//grab all styles referenced by stylesheet links on the page
var ajaxCalls = [];
$("[rel=stylesheet]").each(function() {
ajaxCalls.push($.get(this.href, '', function(data) {
styles.push(data);
return $.when.apply(null, ajaxCalls)
.then(function() {
return "<html><style type='text/css'>" + styles.join("\n") + "</style>\n" + table.outerHTML + "</html>";
else {
return $.when({ owcHtml: Table1.outerHTML })
.then(function(result) {
return "<html>" + result.owcHtml + "</html>";
//new
function ExportToExcel() {
$(document).ready(function() {
$("#btnExport").click(function(e) {
window.open('data:application/vnd.ms-excel,' + $('#Table1').html());
alert("jhhklhhklhklh");
//new
$(document).ready(function() {
debugger;
$("[id$=myButtonControlID]").click(function(e) {
window.open('data:application/vnd.ms-excel,' + $('div[id$=divTableDataHolder]').html());
e.preventDefault();
alert("k");
function excel()
{debugger;
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
window.location.href = uri + base64(format(template, ctx))
</script>
i have tried all the above java script and jquery to convert an html table to excel, data are exporting correctly but i want that css of the table should also implent to excel thats not happening,even the property defined inside td and tr aare not implementing
in excel

Hi avinashk89,
Welcome to post in MSDN forums.
This is not the right forum for your question. Please post in
ASP.NET forums where you could get better support.
Thanks for your understanding.
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to populate a html table in a JSF page

Hi, I need help on the following issue:
My code calls an business layer API which returns me a string in html format which produces a html table. I have a JSF page with a bunch of other JSF components and I want to insert this html table at the bottom of this page. Is there a way to do it?

OK
Here is an example
Drag an outputText component on to the Page. Check the properties of outputText and uncheck the escape property. Write this some where in the code when you want to display the HTML table on the page.
String s = "<HTML><BODY><TABLE BORDER=2><TR><TD>No</TD><TD>Name</TD><TD>Age</TD></TR><TR><TD>1</TD><TD>John</TD><TD>30</TD></TR><TR><TD>2</TD><TD>Michael</TD><TD>20</TD></TR></TABLE></BODY></HTML>";
outputText1.setValue(s);
I am using the hardcoded value for String but in your case you get the string from some API.
Hope this helps
Thanks
Creator Team

Transfer of a HTML table value to corr. R/3 table

I have a custom ESS service on which almost all Input fields are displayed using SAPgui for HTML, but one -- table control is done manually -- using pure HTML code;
   `SAP_DynproLayerBegin(024,017,014,001)`
   `SAP_InputField("WA32-ZZ_LICENSE2")`
   `SAP_DynproLayerEnd()`
CUSTOM TABLE CONTROL ****
`SAP_DynproLayerBegin(004,019,083,006)`
`#ZESS_WHO`
               <!content table>
               `if ( TAB_PHONES-PTYPE.dim > 0 )`
`repeat with j from 1 to TAB_PHONES-PTYPE.dim`
`if ( CCODE.dim > 1 )`
`elseif ( CCODE.dim == 1 )`
`end`
`if ( OKCODE == 'CHAN' )`
`else`
`end`
`end`
Phone type
Country Code
Area Code
Local Phone no.
Extension
`TAB_PHONES-PTYPE[j]`
`if ( OKCODE == 'CHAN' )`
`CCODE` `CCODE_TXT` `else`
`CCODE` `CCODE_TXT` `end` `end`
`CCODE_TXT[1]`
`TAB_PHONES-ACODE[j]`
`TAB_PHONES-PHONE[j]`
`TAB_PHONES-EXT[j]`
`end`
      `SAP_DynproLayerEnd()`
How do I get the value back from these HTML table control back to my actual R/3 table control -- like moving the new area code -- the user has entered to table control area code? And where do I write the code --ITS service side or corresponding R/3 tcode side? Please advise.

Hi Kshitij,
Not 100% sure if I understand this correctly, but do you have to use a table control on the R/3 side for it? You might also want to consider a Step-Loop instead. I used them a lot in cases when I had an undefinded number of lines with input fields and wanted to allow paging forwards backwards - like displaying 15 on each page.
But I also can't see why this shouldn't work with a table control. What's the exact problem?
Regards,
Michael

HTML TABLE

Similar Messages

Maybe you are looking for