Bytes - answers

Trouble with mouseover

heapster123 — Fri, 20 Nov 2009 21:19:22 GMT

I am new to javascript and having a hard time. I have a class assignment that I have been working on for days...what has to happen is when the mouse rolls over the text an image is to appear. The code I have so far is as follows:

Expand|Select|Wrap|Line Numbers

	
       function showMonkey()

       {
 
       }

  Adding Event Listeners

    Mouse Here To See Monkey

var image = document.getElementById('monkey');

if(document.attachEvent){

image.attachEvent('mouseover',showMonkey);

}

else if(document.removeEventListener) {

image.addEventListener('mouseover',showMonkey,false);

}

var class = Core.getElementsByClass('hidden');

Core.removeClass(class[0],'hidden');

If you have any questions please let me know..I have no idea what to add in the function.
Thanks in advance!

How to Export to excel keeping text colour same ?

127mohit — Fri, 20 Nov 2009 15:30:27 GMT

Hi all,

I have a simple code that exports an HTML table on an ASP page to excel.
The code works fine, however if the original text in the HTML table had a particular colour, it is not exported in the same way.The resulting excel file has all text black only.
Pls. suggest how to solve this problem.

Any help would be greatly appreciated .

Here's the code:

Expand|Select|Wrap|Line Numbers

	
function CreateExcelSheet()

{
 
var x=myTable.rows
 
var xls = new ActiveXObject("Excel.Application")

xls.visible = true

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

}

}
 
}

        Test

Test

Test

Test

Test

        Test

Test

Test

Test

Test

        Test

Test

Test

Test

Test

        Test

Test

Test

Test

Test

reading an xml file

ajeeshc — Fri, 20 Nov 2009 10:51:59 GMT

how to load an XML file using JS and display all the data in the XML file to the HTML DOM elements

i can't delete file using this code

pisey — Fri, 20 Nov 2009 02:58:00 GMT

Expand|Select|Wrap|Line Numbers

	function remove()

{

var myObject;

myObject = new ActiveXObject("Scripting.FileSystemObject");

var f = myObject.GetFile("c:\\test.txt");

f.Delete();

}

Having trouble with list box in firefox using javascript/ajax

bennettj — Thu, 19 Nov 2009 16:17:02 GMT

Hello i'm relatively new to web programming and i have been giving the task of moving one of my VB programs over to a web format. I generally use google chrome and that has been what i've been testing my web page in. Yesterday i got everything in my web application working great so i decided to check out what it looks like in IE, before it just seemed to be cosmetic, but i noticed it didn't refresh properly like it did in chrome. it wasn't a big deal but i wanted to see how it works in Firefox and i noticed that it won't populate a list box for me. here is the code below. Basically i use ajax to open another page which runs some SQL code then spits bad a list of dates to add to a list box called lstDates.

Expand|Select|Wrap|Line Numbers

	                 var response = http.responseText;

             var datearray= new Array();

               document.getElementById("lstDates").options.length=0;        

             if(response.indexOf('|' != -1)) {

                    datearray = response.split('|');

                    var datelen = datearray.length;        

            }
 
////////////////////////////////////////////

///////For loop to go through////

//////datesarray and adds to//

/////lstDates listbox////////////

//////////////////////////////////////

             for(var i=0; i

                 document.getElementById("lstDates").add(new Option(datearray[i],datearray[i]));

            }

Sorry if this code isn't perfect, like i said i'm new to this and i'm open to any suggestions on how to make this work across multiple browsers. also i'd love to give you guys the url to check it out, but it's only used for out intranet. Thanks for any help.

Jon

form validation

arty — Wed, 18 Nov 2009 20:40:58 GMT

So basically i have a form with a action attribute set to another form, it is a survey spread among several pages and using php sessions, now im trying to validate the form with Javascript but it looks imposible because the check boxes all have the same name Q1[](and the array symbol is conflicting with js), the same name is needed for processing the answers with php in the database, i am able to make a form validation of the form below using PHP(if nothing is selected the form wont go to form Q2.php, if more than 1 checkboxe is selected same thing will happen) but can't do it using echo ,like echoing "you must select at least one checkbox" so i try with JS but neither with succes.

Q1.php :

Expand|Select|Wrap|Line Numbers

	
:validation()">

Quel est votre profession ?

 Artisans, commer�ants et chefs d'entreprise

 Cadres et professions intellectuelles sup�rieures

 Agriculteur exploitants

 Professions interm�diaires

 Employ�s

 Ouvriers

 Autres personnes sans activit�s professionnelle et retrait�e

Q2.php :

Expand|Select|Wrap|Line Numbers

	
session_start();

session_register('Q1');

$_SESSION['Q1'] = $_POST['Q1'];
 
 $N = count($_POST['Q1']);

if(isset($_POST["submit_Q1"]) and $N ==0){

  header('Location:Q1.php');

}

if(isset($_POST["submit_Q1"]) and $N >1){

header('Location:Q1.php');

}
 
/*echo $_SESSION['Q1'][0];*/
 
?>

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

?>

Et votre �ge s'il vous plait ? 

Merci beaucoup. Si vous le permettez ...

Finding the id of a jquery autocomplete input from within the onItemSelect call

bytesFTW99 — Wed, 18 Nov 2009 18:42:52 GMT

i have this,

Expand|Select|Wrap|Line Numbers

	
$(function() {

       $('#input').autocomplete('test.php', {json: true});

     });

that bring back values from the database here is my php section

Expand|Select|Wrap|Line Numbers

	
$result = mysqli_query($db,$query);
 
while( $row = mysqli_fetch_array($result) )

{    

$aResults[] = array( "id"=>($row['s_id']) ,"value"=>($row['s_last']), "info"=>($row['s_first']) );

}
 
$return = array();
 
foreach ($aResults as $key => $res) {

     $return[] =$res['value'] . ' , ' . $res['info'];
 
}
 
echo json_encode($return);
 
        }

    }

}

i would like, when i select a name from the auto suggest to be able to have the id be filled in a input text area...

uncle Google says this, but i am having a hard time implementing it.

Expand|Select|Wrap|Line Numbers

	
myCallback = function(li, $input) {

    // I need to refer to the appropriate "myXxxInput" here

    alert($input.attr('id'));

}
 
setup = function() {

    setupInput($('#myFirstInput'));

    setupInput($('#mySecondInput'));

}
 
function setupInput($input) {

    $input.autocomplete('blah.php', {onItemSelect: function(li) {

        myCallback(li, $input);} });

}

unable to access the argument in IE8

GuruPrasadBytes — Wed, 18 Nov 2009 10:22:54 GMT

I am lauching modal window from parent page as below.

....
onclick="javascript: Args[0] = objDoc.selectSingleNode('//Security'); Args[1] = buildSecurityTable ;Args[2] =null;modal('New.aspx','800','900');" value="Add Security" />
...

new pop-up is opened, their i am accessing the Args Arguments as
var variableNode=opener.Args[0] in New.aspx page.

I'm able to load perfectly the "Node" which contains in the opener.Args[0] in IE7, but i am facing problem in IE8.

what is the way to access this node in IE8. Please help in this issue...

let me know if any more info is required..

Thanks,
Prasad.

how to call function in dll from showmodaldialog popup.

GuruPrasadBytes — Wed, 18 Nov 2009 09:44:14 GMT

I am called ShowModalDialog() from the master page as below.

....

Expand|Select|Wrap|Line Numbers

	onclick='javascript: addSecurities = objDoc.selectSingleNode("//Security"); Args[0] = addSecurities; Args[1] = buildCategoryTable; Args[2] = null; showModalDialog("ABC.aspx", Args, "dialogHeight:900px;dialogWidth:800px;scroll:yes; status:yes;");' value="Add Security " />

...

In this ABC.aspx file 3 HTML button are present (Search, OK & Cancel)

code in ABC.aspx
..

Expand|Select|Wrap|Line Numbers

	
..

...

This GetSearchResults is a function in one component (xyz.dll)

on click on Search Button, (where it is calling a function in xyz.dll) and opening a new pop-up window. which i don't want. It should call in the same page and display the result in the same page.

Created table using Ajax but can't change td inner html for a specific table element

thatcollegeguy — Tue, 17 Nov 2009 16:57:28 GMT

Below are my 3php and 2js files.

I create a table using ajax/php and then want to change the values in the tables add(+ number for teamid) id's for each specific td in the table. I don't know if I have the entirely wrong approach, but my code is below. Any or all help is appreciated!

What currently happens is that the getdivision.php script works perfectly and gives me an entire table of correct data. The problem is that when I click add or remove in a td element in tha ttable, the entire table disappears and I only get the data that I want to input into the single td element where the entire table used to display at.

edited to display the current situation/results.

Best,

ThatCollegeGuy

teamreports.php

Expand|Select|Wrap|Line Numbers

	
include 'dbc.php';

page_protect();
 
$myid = $GET[id];
 
$query = "SELECT * FROM teamreports";

$teamreport = mysql_query($query);
 
$num_rows = mysql_num_rows($teamreport);
 
?>
 
 <? echo "Team Reports"; ?>

if (isset($_SESSION['user_id'])) {?>

Welcome

My Account |

Settings |

Logout

/*******************************END**************************/

include 'membernavigation.php';

Team Reports

Select a Division:

Select a Division

Division I

Division I-AA

Division II

Division III

Select a State:

Select a State

Alabama

Alaska

Arizona

Arkansas

California

Colorado

Connecticut

Delaware

District of Columbia

Florida

Georgia

Hawaii

Idaho

Illinois

Indiana

Iowa

Kansas

Kentucky

Louisiana

Maine

Maryland

Massachusetts

Michigan

Minnesota

Mississippi

Missouri

Montana

Nebraska

Nevada

New Hampshire

New Jersey

New Mexico

New York

North Carolina

North Dakota

Ohio

Oklahoma

Oregon

Pennsylvania

Rhode Island

South Carolina

South Dakota

Tennessee

Texas

Utah

Vermont

Virginia

Washington

West Virginia

Wisconsin

Wyoming

Created table will go here.

include 'footer.php';

------------------------------------------------------------------------

getdivision.php

include('dbc.php');

include('functions.php');

page_protect();

$query = "SELECT * FROM myschools WHERE id = '$_SESSION[user_id]'";

$myschools = mysql_query($query);

$myschool_num_rows = mysql_num_rows($myschools);

$q=$_GET["q"];

$state=$_GET["state"];

if (!$state)

{

$sql="SELECT * FROM teamreports WHERE division = '".$q."' ORDER BY university";

}

else

{

$sql="SELECT * FROM teamreports WHERE state = '".$state."' ORDER BY university";

}

$result = mysql_query($sql);

echo '';

echo"

University

Division

Conference

State

Add to My List

while($row = mysql_fetch_array($result))

{

echo "";

echo '' . $row['university'] . '';

echo "" . $row['division'] . "";

echo "" . $row['conference'] . "";

echo "" . $row['state'] . "";

$k=0;

$p=0;

while ($k < $myschool_num_rows)

{

if ($row['university']== mysql_result($myschools,$k,'university'))

{

if (mysql_result($myschools,$k,'inactive')==1)

{

echo '

$p=1;

}

$k++;

}

if ($p==0)

{

echo '

}

echo "add" . $row['id'];

echo "";

}

echo "" . $state;

-----------------------------------------------------------------------------------

----------------------------------------------------------------------------------

changebutton.php

include('dbc.php');

include('functions.php');

page_protect();

$teamid=$_GET["teamid"];

$query = "SELECT university FROM teamreports WHERE id = '$teamid'";

$result = mysql_query($query);

$myuniversity = mysql_fetch_array($result);

$university=$myuniversity["university"];

$sql="SELECT * FROM myschools WHERE teamid = '$teamid' AND id = '$_SESSION[user_id]'";

$result = mysql_query($sql);

$myschools = mysql_fetch_array($result);

$num_rows = mysql_num_rows($result);

if ($num_rows==0)

{

$sql_insert = "INSERT into `myschools`

(`id`,`university`,`teamid`,`inactive`)

VALUES

('$_SESSION[user_id]','$university','$teamid',1)

mysql_query($sql_insert,$link) or die("Insertion Failed:" . mysql_error());

echo '

}

else if ($num_rows > 0)

{

if ($myschools['inactive']==1)

{

echo '

$sql_insert = "UPDATE `myschools` SET inactive=0 WHERE university = '$university' AND id = '$_SESSION[user_id]'";

mysql_query($sql_insert,$link) or die("Insertion Failed:" . mysql_error());

}

else

{

echo '

$sql_insert = "UPDATE `myschools` SET inactive=1 WHERE university = '$university' AND id = '$_SESSION[user_id]'";

mysql_query($sql_insert,$link) or die("Insertion Failed:" . mysql_error());

}

---------------------------------------------------------------------------------

teamreports.js

var xmlhttp;

var logcloser;

function addSchool(str)

{

xmlhttp=GetXmlHttpObject();

if (xmlhttp==null)

{

alert ("Browser does not support HTTP Request");

return;

}

var url="changebutton.php";

url=url+"?teamid="+str;

url=url+"&sid="+Math.random();

xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState != 4) {

document.getElementById("add" + str).innerHTML='';

}

if (xmlhttp.readyState == 4) {

document.getElementById("add" + str).innerHTML=stateChanged(str,xmlhttp.responseText);

}

xmlhttp.open("GET",url,true);

xmlhttp.send(null);

}

function stateChanged(str, responseMsg)

{

if (xmlhttp.readyState==4)

{

document.getElementById("add" + str).innerHTML=xmlhttp.responseText;

}

function GetXmlHttpObject()

{

if (window.XMLHttpRequest)

{

// code for IE7+, Firefox, Chrome, Opera, Safari

return new XMLHttpRequest();

}

if (window.ActiveXObject)

{

// code for IE6, IE5

return new ActiveXObject("Microsoft.XMLHTTP");

}

return null;

}

---------------------------------------------------------------------------------

selectdivision.js

var xmlhttp;

function getState(str)

{

xmlhttp=GetXmlHttpObject();

if (xmlhttp==null)

{

alert ("Browser does not support HTTP Request");

return;

}

var url="getdivision.php";

url=url+"?state="+str;

url=url+"&sid="+Math.random();

xmlhttp.onreadystatechange=stateChanged;

xmlhttp.open("GET",url,true);

xmlhttp.send(null);

}

function showUser(str)

{

xmlhttp=GetXmlHttpObject();

if (xmlhttp==null)

{

alert ("Browser does not support HTTP Request");

return;

}

var url="getdivision.php";

url=url+"?q="+str;

url=url+"&sid="+Math.random();

xmlhttp.onreadystatechange=stateChanged;

xmlhttp.open("GET",url,true);

xmlhttp.send(null);

}

function stateChanged()

{

if (xmlhttp.readyState!=4)

{

document.getElementById("txtHint").innerHTML='';

}

if (xmlhttp.readyState==4)

{

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

}

function GetXmlHttpObject()

{

if (window.XMLHttpRequest)

{

// code for IE7+, Firefox, Chrome, Opera, Safari

return new XMLHttpRequest();

}

if (window.ActiveXObject)

{

// code for IE6, IE5

return new ActiveXObject("Microsoft.XMLHTTP");

}

return null;

}

writing a variable to a page

colinod — Tue, 17 Nov 2009 16:48:42 GMT

Hi

I have the following code and it works fine if i want the total to be in a form field but i want to write the amount to the webpage using document.write, have tried all sorts but cant get it to work

Expand|Select|Wrap|Line Numbers

	         
function calculate(f)

{

var nums = f.num;

var ntext = f.num;

var result = 0;

for(var i=0;i

{

if(nums[i].checked)

{

result+=parseFloat(ntext[i].value);

}

}

f.answer.value=Number(result).toFixed(2);

}

can anyone help???

Jquery table sorting help

jrod11 — Tue, 17 Nov 2009 16:22:41 GMT

hi,
I found a jquery html table sorting code i have implemented. I am trying to figure out how to edit how many colums there are, but every time i remove code that I think controls how many colums there are, it crashes.

There are currently 6 columns, and I only want 4. How do I remove the last two (discount and date)?

Here is a link: http://www.jaredmoore.com/tablesorte...alestable.html

Here is some jquery js that I think controls it:

Expand|Select|Wrap|Line Numbers

	/*

 * 

 * TableSorter 2.0 - Client-side table sorting with ease!

 * Version 2.0.3

 * @requires jQuery v1.2.3

 * 

 * Copyright (c) 2007 Christian Bach

 * Examples and docs at: http://tablesorter.com

 * Dual licensed under the MIT and GPL licenses:

 * http://www.opensource.org/licenses/mit-license.php

 * http://www.gnu.org/licenses/gpl.html

 * 

 */

/**

 *

 * @description Create a sortable table with multi-column sorting capabilitys

 * 

 * @example $('table').tablesorter();

 * @desc Create a simple tablesorter interface.

 *

 * @example $('table').tablesorter({ sortList:[[0,0],[1,0]] });

 * @desc Create a tablesorter interface and sort on the first and secound column in ascending order.

 * 

 * @example $('table').tablesorter({ headers: { 0: { sorter: false}, 1: {sorter: false} } });

 * @desc Create a tablesorter interface and disableing the first and secound column headers.

 * 

 * @example $('table').tablesorter({ 0: {sorter:"integer"}, 1: {sorter:"currency"} });

 * @desc Create a tablesorter interface and set a column parser for the first and secound column.

 * 

 * 

 * @param Object settings An object literal containing key/value pairs to provide optional settings.

 * 

 * @option String cssHeader (optional)             A string of the class name to be appended to sortable tr elements in the thead of the table. 

 *                                                 Default value: "header"

 * 

 * @option String cssAsc (optional)             A string of the class name to be appended to sortable tr elements in the thead on a ascending sort. 

 *                                                 Default value: "headerSortUp"

 * 

 * @option String cssDesc (optional)             A string of the class name to be appended to sortable tr elements in the thead on a descending sort. 

 *                                                 Default value: "headerSortDown"

 * 

 * @option String sortInitialOrder (optional)     A string of the inital sorting order can be asc or desc. 

 *                                                 Default value: "asc"

 * 

 * @option String sortMultisortKey (optional)     A string of the multi-column sort key. 

 *                                                 Default value: "shiftKey"

 * 

 * @option String textExtraction (optional)     A string of the text-extraction method to use. 

 *                                                 For complex html structures inside td cell set this option to "complex", 

 *                                                 on large tables the complex option can be slow. 

 *                                                 Default value: "simple"

 * 

 * @option Object headers (optional)             An array containing the forces sorting rules. 

 *                                                 This option let's you specify a default sorting rule. 

 *                                                 Default value: null

 * 

 * @option Array sortList (optional)             An array containing the forces sorting rules. 

 *                                                 This option let's you specify a default sorting rule. 

 *                                                 Default value: null

 * 

 * @option Array sortForce (optional)             An array containing forced sorting rules. 

 *                                                 This option let's you specify a default sorting rule, which is prepended to user-selected rules.

 *                                                 Default value: null

 *  

  * @option Array sortAppend (optional)             An array containing forced sorting rules. 

 *                                                 This option let's you specify a default sorting rule, which is appended to user-selected rules.

 *                                                 Default value: null

 * 

 * @option Boolean widthFixed (optional)         Boolean flag indicating if tablesorter should apply fixed widths to the table columns.

 *                                                 This is usefull when using the pager companion plugin.

 *                                                 This options requires the dimension jquery plugin.

 *                                                 Default value: false

 *

 * @option Boolean cancelSelection (optional)     Boolean flag indicating if tablesorter should cancel selection of the table headers text.

 *                                                 Default value: true

 *

 * @option Boolean debug (optional)             Boolean flag indicating if tablesorter should display debuging information usefull for development.

 *

 * @type jQuery

 *

 * @name tablesorter

 * 

 * @cat Plugins/Tablesorter

 * 

 * @author Christian Bach/christian.bach@polyester.se

 */
 
(function($) {

    $.extend({

        tablesorter: new function() {
 
            var parsers = [], widgets = [];
 
            this.defaults = {

                cssHeader: "header",

                cssAsc: "headerSortUp",

                cssDesc: "headerSortDown",

                sortInitialOrder: "asc",

                sortMultiSortKey: "shiftKey",

                sortForce: null,

                sortAppend: null,

                textExtraction: "simple",

                parsers: {}, 

                widgets: [],        

                widgetZebra: {css: ["even","odd"]},

                headers: {},

                widthFixed: false,

                cancelSelection: true,

                sortList: [],

                headerList: [],

                dateFormat: "us",

                decimal: '.',

                debug: false

            };
 
            /* debuging utils */

            function benchmark(s,d) {

                log(s + "," + (new Date().getTime() - d.getTime()) + "ms");

            }
 
            this.benchmark = benchmark;
 
            function log(s) {

                if (typeof console != "undefined" && typeof console.debug != "undefined") {

                    console.log(s);

                } else {

                    alert(s);

                }

            }
 
            /* parsers utils */

            function buildParserCache(table,$headers) {
 
                if(table.config.debug) { var parsersDebug = ""; }
 
                var rows = table.tBodies[0].rows;
 
                if(table.tBodies[0].rows[0]) {
 
                    var list = [], cells = rows[0].cells, l = cells.length;
 
                    for (var i=0;i < l; i++) {

                        var p = false;
 
                        if($.metadata && ($($headers[i]).metadata() && $($headers[i]).metadata().sorter)  ) {
 
                            p = getParserById($($headers[i]).metadata().sorter);    
 
                        } else if((table.config.headers[i] && table.config.headers[i].sorter)) {
 
                            p = getParserById(table.config.headers[i].sorter);

                        }

                        if(!p) {

                            p = detectParserForColumn(table,cells[i]);

                        }
 
                        if(table.config.debug) { parsersDebug += "column:" + i + " parser:" +p.id + "\n"; }
 
                        list.push(p);

                    }

                }
 
                if(table.config.debug) { log(parsersDebug); }
 
                return list;

            };
 
            function detectParserForColumn(table,node) {

                var l = parsers.length;

                for(var i=1; i < l; i++) {

                    if(parsers[i].is($.trim(getElementText(table.config,node)),table,node)) {

                        return parsers[i];

                    }

                }

                // 0 is always the generic parser (text)

                return parsers[0];

            }
 
            function getParserById(name) {

                var l = parsers.length;

                for(var i=0; i < l; i++) {

                    if(parsers[i].id.toLowerCase() == name.toLowerCase()) {    

                        return parsers[i];

                    }

                }

                return false;

            }
 
            /* utils */

            function buildCache(table) {
 
                if(table.config.debug) { var cacheTime = new Date(); }
 
                var totalRows = (table.tBodies[0] && table.tBodies[0].rows.length) || 0,

                    totalCells = (table.tBodies[0].rows[0] && table.tBodies[0].rows[0].cells.length) || 0,

                    parsers = table.config.parsers, 

                    cache = {row: [], normalized: []};
 
                    for (var i=0;i < totalRows; ++i) {
 
                        /** Add the table data to main data array */

                        var c = table.tBodies[0].rows[i], cols = [];
 
                        cache.row.push($(c));
 
                        for(var j=0; j < totalCells; ++j) {

                            cols.push(parsers[j].format(getElementText(table.config,c.cells[j]),table,c.cells[j]));    

                        }
 
                        cols.push(i); // add position for rowCache

                        cache.normalized.push(cols);

                        cols = null;

                    };
 
                if(table.config.debug) { benchmark("Building cache for " + totalRows + " rows:", cacheTime); }
 
                return cache;

            };
 
            function getElementText(config,node) {
 
                if(!node) return "";
 
                var t = "";
 
                if(config.textExtraction == "simple") {

                    if(node.childNodes[0] && node.childNodes[0].hasChildNodes()) {

                        t = node.childNodes[0].innerHTML;

                    } else {

                        t = node.innerHTML;

                    }

                } else {

                    if(typeof(config.textExtraction) == "function") {

                        t = config.textExtraction(node);

                    } else { 

                        t = $(node).text();

                    }    

                }

                return t;

            }
 
            function appendToTable(table,cache) {
 
                if(table.config.debug) {var appendTime = new Date()}
 
                var c = cache, 

                    r = c.row, 

                    n= c.normalized, 

                    totalRows = n.length, 

                    checkCell = (n[0].length-1), 

                    tableBody = $(table.tBodies[0]),

                    rows = [];
 
                for (var i=0;i < totalRows; i++) {

                    rows.push(r[n[i][checkCell]]);    

                    if(!table.config.appender) {
 
                        var o = r[n[i][checkCell]];

                        var l = o.length;

                        for(var j=0; j < l; j++) {
 
                            tableBody[0].appendChild(o[j]);
 
                        }
 
                        //tableBody.append(r[n[i][checkCell]]);

                    }

                }    
 
                if(table.config.appender) {
 
                    table.config.appender(table,rows);    

                }
 
                rows = null;
 
                if(table.config.debug) { benchmark("Rebuilt table:", appendTime); }
 
                //apply table widgets

                applyWidget(table);
 
                // trigger sortend

                setTimeout(function() {

                    $(table).trigger("sortEnd");    

                },0);
 
            };
 
            function buildHeaders(table) {
 
                if(table.config.debug) { var time = new Date(); }
 
                var meta = ($.metadata) ? true : false, tableHeadersRows = [];
 
                for(var i = 0; i < table.tHead.rows.length; i++) { tableHeadersRows[i]=0; };
 
                $tableHeaders = $("thead th",table);
 
                $tableHeaders.each(function(index) {
 
                    this.count = 0;

                    this.column = index;

                    this.order = formatSortingOrder(table.config.sortInitialOrder);
 
                    if(checkHeaderMetadata(this) || checkHeaderOptions(table,index)) this.sortDisabled = true;
 
                    if(!this.sortDisabled) {

                        $(this).addClass(table.config.cssHeader);

                    }
 
                    // add cell to headerList

                    table.config.headerList[index]= this;

                });
 
                if(table.config.debug) { benchmark("Built headers:", time); log($tableHeaders); }
 
                return $tableHeaders;
 
            };
 
               function checkCellColSpan(table, rows, row) {

                var arr = [], r = table.tHead.rows, c = r[row].cells;
 
                for(var i=0; i < c.length; i++) {

                    var cell = c[i];
 
                    if ( cell.colSpan > 1) { 

                        arr = arr.concat(checkCellColSpan(table, headerArr,row++));

                    } else  {

                        if(table.tHead.length == 1 || (cell.rowSpan > 1 || !r[row+1])) {

                            arr.push(cell);

                        }

                        //headerArr[row] = (i+row);

                    }

                }

                return arr;

            };
 
            function checkHeaderMetadata(cell) {

                if(($.metadata) && ($(cell).metadata().sorter === false)) { return true; };

                return false;

            }
 
            function checkHeaderOptions(table,i) {    

                if((table.config.headers[i]) && (table.config.headers[i].sorter === false)) { return true; };

                return false;

            }
 
            function applyWidget(table) {

                var c = table.config.widgets;

                var l = c.length;

                for(var i=0; i < l; i++) {
 
                    getWidgetById(c[i]).format(table);

                }
 
            }
 
            function getWidgetById(name) {

                var l = widgets.length;

                for(var i=0; i < l; i++) {

                    if(widgets[i].id.toLowerCase() == name.toLowerCase() ) {

                        return widgets[i]; 

                    }

                }

            };
 
            function formatSortingOrder(v) {
 
                if(typeof(v) != "Number") {

                    i = (v.toLowerCase() == "desc") ? 1 : 0;

                } else {

                    i = (v == (0 || 1)) ? v : 0;

                }

                return i;

            }
 
            function isValueInArray(v, a) {

                var l = a.length;

                for(var i=0; i < l; i++) {

                    if(a[i][0] == v) {

                        return true;    

                    }

                }

                return false;

            }
 
            function setHeadersCss(table,$headers, list, css) {

                // remove all header information

                $headers.removeClass(css[0]).removeClass(css[1]);
 
                var h = [];

                $headers.each(function(offset) {

                        if(!this.sortDisabled) {

                            h[this.column] = $(this);                    

                        }

                });
 
                var l = list.length; 

                for(var i=0; i < l; i++) {

                    h[list[i][0]].addClass(css[list[i][1]]);

                }

            }
 
            function fixColumnWidth(table,$headers) {

                var c = table.config;

                if(c.widthFixed) {

                    var colgroup = $('');

                    $("tr:first td",table.tBodies[0]).each(function() {

                        colgroup.append($('').css('width',$(this).width()));

                    });

                    $(table).prepend(colgroup);

                };

            }
 
            function updateHeaderSortCount(table,sortList) {

                var c = table.config, l = sortList.length;

                for(var i=0; i < l; i++) {

                    var s = sortList[i], o = c.headerList[s[0]];

                    o.count = s[1];

                    o.count++;

                }

            }
 
            /* sorting methods */

            function multisort(table,sortList,cache) {
 
                if(table.config.debug) { var sortTime = new Date(); }
 
                var dynamicExp = "var sortWrapper = function(a,b) {", l = sortList.length;
 
                for(var i=0; i < l; i++) {
 
                    var c = sortList[i][0];

                    var order = sortList[i][1];

                    var s = (getCachedSortType(table.config.parsers,c) == "text") ? ((order == 0) ? "sortText" : "sortTextDesc") : ((order == 0) ? "sortNumeric" : "sortNumericDesc");
 
                    var e = "e" + i;
 
                    dynamicExp += "var " + e + " = " + s + "(a[" + c + "],b[" + c + "]); ";

                    dynamicExp += "if(" + e + ") { return " + e + "; } ";

                    dynamicExp += "else { ";

                }
 
                // if value is the same keep orignal order    

                var orgOrderCol = cache.normalized[0].length - 1;

                dynamicExp += "return a[" + orgOrderCol + "]-b[" + orgOrderCol + "];";
 
                for(var i=0; i < l; i++) {

                    dynamicExp += "}; ";

                }
 
                dynamicExp += "return 0; ";    

                dynamicExp += "}; ";    
 
                eval(dynamicExp);
 
                cache.normalized.sort(sortWrapper);
 
                if(table.config.debug) { benchmark("Sorting on " + sortList.toString() + " and dir " + order+ " time:", sortTime); }
 
                return cache;

            };
 
            function sortText(a,b) {

                return ((a < b) ? -1 : ((a > b) ? 1 : 0));

            };
 
            function sortTextDesc(a,b) {

                return ((b < a) ? -1 : ((b > a) ? 1 : 0));

            };    
 
             function sortNumeric(a,b) {

                return a-b;

            };
 
            function sortNumericDesc(a,b) {

                return b-a;

            };
 
            function getCachedSortType(parsers,i) {

                return parsers[i].type;

            };
 
            /* public methods */

            this.construct = function(settings) {
 
                return this.each(function() {
 
                    if(!this.tHead || !this.tBodies) return;
 
                    var $this, $document,$headers, cache, config, shiftDown = 0, sortOrder;
 
                    this.config = {};
 
                    config = $.extend(this.config, $.tablesorter.defaults, settings);
 
                    // store common expression for speed                    

                    $this = $(this);
 
                    // build headers

                    $headers = buildHeaders(this);
 
                    // try to auto detect column type, and store in tables config

                    this.config.parsers = buildParserCache(this,$headers);
 
                    // build the cache for the tbody cells

                    cache = buildCache(this);
 
                    // get the css class names, could be done else where.

                    var sortCSS = [config.cssDesc,config.cssAsc];
 
                    // fixate columns if the users supplies the fixedWidth option

                    fixColumnWidth(this);
 
                    // apply event handling to headers

                    // this is to big, perhaps break it out?

                    $headers.click(function(e) {
 
                        $this.trigger("sortStart");
 
                        var totalRows = ($this[0].tBodies[0] && $this[0].tBodies[0].rows.length) || 0;
 
                        if(!this.sortDisabled && totalRows > 0) {
 
                            // store exp, for speed

                            var $cell = $(this);
 
                            // get current column index

                            var i = this.column;
 
                            // get current column sort order

                            this.order = this.count++ % 2;
 
                            // user only whants to sort on one column

                            if(!e[config.sortMultiSortKey]) {
 
                                // flush the sort list

                                config.sortList = [];
 
                                if(config.sortForce != null) {

                                    var a = config.sortForce; 

                                    for(var j=0; j < a.length; j++) {

                                        if(a[j][0] != i) {

                                            config.sortList.push(a[j]);

                                        }

                                    }

                                }
 
                                // add column to sort list

                                config.sortList.push([i,this.order]);
 
                            // multi column sorting

                            } else {

                                // the user has clicked on an all ready sortet column.

                                if(isValueInArray(i,config.sortList)) {     
 
                                    // revers the sorting direction for all tables.

                                    for(var j=0; j < config.sortList.length; j++) {

                                        var s = config.sortList[j], o = config.headerList[s[0]];

                                        if(s[0] == i) {

                                            o.count = s[1];

                                            o.count++;

                                            s[1] = o.count % 2;

                                        }

                                    }    

                                } else {

                                    // add column to sort list array

                                    config.sortList.push([i,this.order]);

                                }

                            };

                            setTimeout(function() {

                                //set css for headers

                                setHeadersCss($this[0],$headers,config.sortList,sortCSS);

                                appendToTable($this[0],multisort($this[0],config.sortList,cache));

                            },1);

                            // stop normal event by returning false

                            return false;

                        }

                    // cancel selection    

                    }).mousedown(function() {

                        if(config.cancelSelection) {

                            this.onselectstart = function() {return false};

                            return false;

                        }

                    });
 
                    // apply easy methods that trigger binded events

                    $this.bind("update",function() {
 
                        // rebuild parsers.

                        this.config.parsers = buildParserCache(this,$headers);
 
                        // rebuild the cache map

                        cache = buildCache(this);
 
                    }).bind("sorton",function(e,list) {
 
                        $(this).trigger("sortStart");
 
                        config.sortList = list;
 
                        // update and store the sortlist

                        var sortList = config.sortList;
 
                        // update header count index

                        updateHeaderSortCount(this,sortList);
 
                        //set css for headers

                        setHeadersCss(this,$headers,sortList,sortCSS);
 
                        // sort the table and append it to the dom

                        appendToTable(this,multisort(this,sortList,cache));
 
                    }).bind("appendCache",function() {
 
                        appendToTable(this,cache);
 
                    }).bind("applyWidgetId",function(e,id) {
 
                        getWidgetById(id).format(this);
 
                    }).bind("applyWidgets",function() {

                        // apply widgets

                        applyWidget(this);

                    });
 
                    if($.metadata && ($(this).metadata() && $(this).metadata().sortlist)) {

                        config.sortList = $(this).metadata().sortlist;

                    }

                    // if user has supplied a sort list to constructor.

                    if(config.sortList.length > 0) {

                        $this.trigger("sorton",[config.sortList]);    

                    }
 
                    // apply widgets

                    applyWidget(this);

                });

            };
 
            this.addParser = function(parser) {

                var l = parsers.length, a = true;

                for(var i=0; i < l; i++) {

                    if(parsers[i].id.toLowerCase() == parser.id.toLowerCase()) {

                        a = false;

                    }

                }

                if(a) { parsers.push(parser); };

            };
 
            this.addWidget = function(widget) {

                widgets.push(widget);

            };
 
            this.formatFloat = function(s) {

                var i = parseFloat(s);

                return (isNaN(i)) ? 0 : i;

            };

            this.formatInt = function(s) {

                var i = parseInt(s);

                return (isNaN(i)) ? 0 : i;

            };
 
            this.isDigit = function(s,config) {

                var DECIMAL = '\\' + config.decimal;

                var exp = '/(^[+]?0(' + DECIMAL +'0+)?$)|(^([-+]?[1-9][0-9]*)$)|(^([-+]?((0?|[1-9][0-9]*)' + DECIMAL +'(0*[1-9][0-9]*)))$)|(^[-+]?[1-9]+[0-9]*' + DECIMAL +'0+$)/';

                return RegExp(exp).test($.trim(s));

            };
 
            this.clearTableBody = function(table) {

                if($.browser.msie) {

                    function empty() {

                        while ( this.firstChild ) this.removeChild( this.firstChild );

                    }

                    empty.apply(table.tBodies[0]);

                } else {

                    table.tBodies[0].innerHTML = "";

                }

            };

        }

    });
 
    // extend plugin scope

    $.fn.extend({

        tablesorter: $.tablesorter.construct

    });
 
    var ts = $.tablesorter;
 
    // add default parsers

    ts.addParser({

        id: "text",

        is: function(s) {

            return true;

        },

        format: function(s) {

            return $.trim(s.toLowerCase());

        },

        type: "text"

    });
 
    ts.addParser({

        id: "digit",

        is: function(s,table) {

            var c = table.config;

            return $.tablesorter.isDigit(s,c);

        },

        format: function(s) {

            return $.tablesorter.formatFloat(s);

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "currency",

        is: function(s) {

            return /^[�$€?.]/.test(s);

        },

        format: function(s) {

            return $.tablesorter.formatFloat(s.replace(new RegExp(/[^0-9.]/g),""));

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "ipAddress",

        is: function(s) {

            return /^\d{2,3}[\.]\d{2,3}[\.]\d{2,3}[\.]\d{2,3}$/.test(s);

        },

        format: function(s) {

            var a = s.split("."), r = "", l = a.length;

            for(var i = 0; i < l; i++) {

                var item = a[i];

                   if(item.length == 2) {

                    r += "0" + item;

                   } else {

                    r += item;

                   }

            }

            return $.tablesorter.formatFloat(r);

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "url",

        is: function(s) {

            return /^(https?|ftp|file):\/\/$/.test(s);

        },

        format: function(s) {

            return jQuery.trim(s.replace(new RegExp(/(https?|ftp|file):\/\//),''));

        },

        type: "text"

    });
 
    ts.addParser({

        id: "isoDate",

        is: function(s) {

            return /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(s);

        },

        format: function(s) {

            return $.tablesorter.formatFloat((s != "") ? new Date(s.replace(new RegExp(/-/g),"/")).getTime() : "0");

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "percent",

        is: function(s) { 

            return /\%$/.test($.trim(s));

        },

        format: function(s) {

            return $.tablesorter.formatFloat(s.replace(new RegExp(/%/g),""));

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "usLongDate",

        is: function(s) {

            return s.match(new RegExp(/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/));

        },

        format: function(s) {

            return $.tablesorter.formatFloat(new Date(s).getTime());

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "shortDate",

        is: function(s) {

            return /\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s);

        },

        format: function(s,table) {

            var c = table.config;

            s = s.replace(/\-/g,"/");

            if(c.dateFormat == "us") {

                // reformat the string in ISO format

                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$1/$2");

            } else if(c.dateFormat == "uk") {

                //reformat the string in ISO format

                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$2/$1");

            } else if(c.dateFormat == "dd/mm/yy" || c.dateFormat == "dd-mm-yy") {

                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$1/$2/$3");    

            }

            return $.tablesorter.formatFloat(new Date(s).getTime());

        },

        type: "numeric"

    });
 
    ts.addParser({

        id: "time",

        is: function(s) {

            return /^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/.test(s);

        },

        format: function(s) {

            return $.tablesorter.formatFloat(new Date("2000/01/01 " + s).getTime());

        },

      type: "numeric"

    });
 
    ts.addParser({

        id: "metadata",

        is: function(s) {

            return false;

        },

        format: function(s,table,cell) {

            var c = table.config, p = (!c.parserMetadataName) ? 'sortValue' : c.parserMetadataName;

            return $(cell).metadata()[p];

        },

      type: "numeric"

    });
 
    // add default widgets

    ts.addWidget({

        id: "zebra",

        format: function(table) {

            if(table.config.debug) { var time = new Date(); }

            $("tr:visible",table.tBodies[0])

            .filter(':even')

            .removeClass(table.config.widgetZebra.css[1]).addClass(table.config.widgetZebra.css[0])

            .end().filter(':odd')

            .removeClass(table.config.widgetZebra.css[0]).addClass(table.config.widgetZebra.css[1]);

            if(table.config.debug) { $.tablesorter.benchmark("Applying Zebra widget", time); }

        }

    });    

})(jQuery);

Another .js that is included:

Expand|Select|Wrap|Line Numbers

	
(function($){$.extend({tablesorter:new function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'.',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}var rows=table.tBodies[0].rows;if(table.tBodies[0].rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;ib)?1:0));};function sortTextDesc(a,b){return((ba)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){$this.trigger("sortStart");var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){var $cell=$(this);var i=this.column;this.order=this.count++%2;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;i

Thanks!

How to get client user name

karthi84 — Tue, 17 Nov 2009 11:15:33 GMT

Hi,
I need to get the user name of the client machine from where the site is accessed. Is there any way to do this without using any ActiveX components.

Thanks & Regards
Karthi

How to force browser download dialog

swand9 — Tue, 17 Nov 2009 08:07:20 GMT

Hi,
I need to downlad a server side generated csv file with Javascript.
I need to send the login name and password and I don't want to use GET as I want to avoid a visible password in the URL.
Further, my displayed HTML page should not reload.

This is what I have tried:

1) Ajax:

Expand|Select|Wrap|Line Numbers

	var link = "http://.....";

var base = base64Encode("k320i:xxxxx");

var xhr = new XMLHttpRequest();

  var async = false;

  xhr.open("POST", link, async);

  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  xhr.setRequestHeader("Authorization", "Basic " + base);

  xhr.send("a=XXXX");

-> This works fine, but no download dialog pops up in the browser, the response arrives as xhr.responseText

2) A hidden POST Form

Expand|Select|Wrap|Line Numbers

And trigger it like this:

Expand|Select|Wrap|Line Numbers

	var downloadForm = window.document.forms['downloadFormPOST'];

    downloadForm.submit();

But now the password is not transmitted
Can I somehow attach Basic authentication to above form?

Question: What is the correct approach?

Thanks
Marcel

JS DOC table submit problem

samaelsh — Mon, 16 Nov 2009 15:18:52 GMT

Hi all!
My problem is this:
I`ve got an ASP application with an object clsid:2D360201-FFF5-11D1-8D03-00A0C959BC0A element (this is DHTML tool for text editing). There is also a form in my application. When I press the "save" button, the app gets the contents of this "clsid:2D36..." object, assigns them to one of the form`s fields and submits the form. When submitting simple MS Word DOC text (or any other), everything is fine. But when you try to submit a table from a DOC file, an error occurs: "Access denied" at the line when I submit form: document.forms(0).submit();
Here`s some code:

Expand|Select|Wrap|Line Numbers

	function partifyDocument( varDocument )

{

    var strRetVal;
 
    strRetVal = varDocument.body.innerHTML;
 
    return strRetVal;
 
}
 
function saveAction()    

{

    if (document.forms(0).hlp_type.checked != true)    {

        try    {

            document.forms(0).hlp_file.value    =    null;

            var strContent =    partifyDocument(tbContentElement.DOM)

            document.forms(0).hlp_text.value    =    strContent;

            }    catch(exception)    {

                    }    

                }

        SaveAndCloseClicked =    true;

}
 
function submitAction()    

{

    if( document.forms(0).<%=arrLstFlds(1)%>.value == "" ){

          alert("Header must not be empty");

            return false;

        }

    document.forms(0)._action.value            =    'edit'

    saveAction();

        SaveAndCloseOver                        =    true;

    //alert('submiting...');

    //document.write(tbContentElement.DOM.body.innerHTML);

    document.forms(0).submit(); ///Error occures here!!!

}

Please post your suggextions and advice, I would really appreciate any help!
P.S.: I`m not actually the author of the app, I`m just fulfilling the bugfixing task