JavaScript Discussion Boards

First PrevNext

Javascript code to automatically check the checkbox of duplicate record in gridView

Member 10484400

17-Jun-14 20:41

In GridView, one column is of checkboxes, I need that if any duplicate record is there for e.g. Name is duplicate and we check its checkbox then record of its duplicate name should also get checked.

Re: Javascript code to automatically check the checkbox of duplicate record in gridView

Raviranjan_Kumar_Sinha

18-Jun-14 1:30

Hi,

Lets assume that you want to do on Name so if check one checkbox with Name Ravi and there are 3 record with Name Ravi then all 3 checkbox should get checked,

so you can do like below, lets say that you are having checkboxes

<div id="mainGridDiv">
<input type="checkbox" value="<Name>"/>
<input type="checkbox" value="<Name>"/>
<input type="checkbox" value="<Name>"/>
</div>

JQuery Code
$("#mainGridDiv input[type=checkbox]").change(function(){
var currValue = $(this).val();
$("#mainGridDiv input[type=checkbox]").find("[value='"+currValue+"']").attr("checked",$(this).checked)
});

NOTE:Assuming checkbox is one column of your grid.

Thanks
Raviranjan

Javascript Regex validation

Arunkumar.Koloth

9-Jun-14 19:36

Hello,

I am using regex to validate some patterns in javascript

My pattern is

[VF][0-9]

And required output is V1-V9 , F1-F9 in any order (eg:V1,V3,V2,F1,F5,F3) OR (eg: F1,F5,F3,V1,V3,V2)

But it is not working can any one help me?

Thanks and regards.

Re: Javascript Regex validation

Kornfeld Eliyahu Peter

9-Jun-14 23:14

You question is not clear. The regex provided will check if the string has an V or F (case sensitive) at the first position and then a digit (0-9).
But the part of the 'required output' is confusing! What the input, what the output, what have you expected?

I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)

Re: Javascript Regex validation

Arunkumar.Koloth

9-Jun-14 23:25

Hello,

My input is something like V1V2-V3-S-V4-F1

And I need to validate the given value contain any of V1 to V9 or F1 to F9 and S.

eg: if user input V20V30-V12-S10-V20-F10 I have to show a error because only 1-9 is allowed.

eg2: if user input R1R2-R3-S-R5-T6 I have to show a error because only V,S,F allowed

And it is not mandatory to enter V/F but S is mandatory.

I think it is clear now.

Re: Javascript Regex validation

Kornfeld Eliyahu Peter

9-Jun-14 23:42

You may try this regex - http://www.regexper.com/#((%5BFV%5D%5B0-9%5D)%2B%5B%5E%5Cd%5D)[^]

I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)

jquery and mootools

Member 9473809

6-Jun-14 20:10

when i use this code it doesnt work correctly :

<script type="text/javascript" src="includes/mootools.js"></script>
        <script type="text/javascript" src="includes/ja_contentslide.js"></script>
        <script>
            jQuery.noConflict();
            //(function( $ ) {
                // Your jQuery code here, using the $
            //})( jQuery );
            </script>
        <!-- Main Slider CSS Rules Starts -->
 
        <script type="text/javascript" src="slidshow/modernizr.js"></script>
        <script type="text/javascript" src="slidshow/jquery_004.js"></script>
        <script type="text/javascript" src="slidshow/jquery_006.js"></script>

Re: jquery and mootools

Kornfeld Eliyahu Peter

9-Jun-14 20:25

Member 9473809 wrote:
doesnt work correctly

It's a bit confusing. What does not work? There is an error? No error but the outcome is different from what you have expected?
In any way - from the piece of code here it seems that you use jQuery before including it!

I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)

unable to get property 'childnodes' of undefined or null reference

Member 10551907

4-Jun-14 5:01

function GetEqrDataUploadFiles()
{
var upload=$("#files").data("KendoUpload");
//   in this line Error is coming     " Unable to get property 'childNodes' of undefined or null reference "

var s = upload.wrapper[0].childNodes[2].childNodes.length;
 
var a = new Array();
for (i = 0; i < s; i++)
{
if (document.all) {
a.push(upload.wrapper[0].childNodes[2].childNodes[i].innerText);
}
else {
a.push(upload.wrapper[0].childNodes[2].childNodes[i].textContent);
}
}
return a;
}

Re: unable to get property 'childnodes' of undefined or null reference

RyanDev

4-Jun-14 7:07

This means that upload.wrapper[0] is null. You'll need to debug it to figure out why.

There are only 10 types of people in the world, those who understand binary and those who don't.

Re: unable to get property 'childnodes' of undefined or null reference

Kornfeld Eliyahu Peter

4-Jun-14 9:00

javascript Run Time Error[^]

I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)

Re: unable to get property 'childnodes' of undefined or null reference

Raviranjan_Kumar_Sinha

8hrs 10mins ago

Hi,

From where you are calling function GetEqrDataUploadFiles(), can you try to call function GetEqrDataUploadFiles() from inside document.ready function if you are not?

Thanks
Raviranjan

How to increment the Left value using Javascript?

Nallusamy Subramanian

29-May-14 21:44

Hi,

I am new to javascript. How to increment the margin left value using javascript while mouseover time.

NalluJi

Re: How to increment the Left value using Javascript?

Peter Leow

29-May-14 22:00

Check this out: continuously change left margin on mouseover[^]

if vs switch statments

[NOPE]FOREV3R

29-May-14 19:51

In what way is a switch more efficient than an if statment?

Re: if vs switch statments

Sanjay K. Gupta

29-May-14 20:49

1. If your "if" condition is based on a single condition and single value.
2. If there is multiple "else if" conditions exists.

___ ___           ___ 
|__ |_| |\ |    | |_| \ /
__| | | | \| |__| | |  /

Re: if vs switch statments

Manikandan10

30-May-14 15:55

If your condition has multiple if else statements then you should use if, if you can. For example,

if(ch == 'a')
{
  ...
  ...
}
else if(ch == 'b')
{
 ...
 ...
}
else if(ch == 'c')
{
 ...
 ...
}

is equivalent to

switch(ch)
{
case 'a':
          ......
          ...... break;
case 'b':
          ......
          ...... break;
case 'c':
          ......
          ...... break;
}

Re: if vs switch statments

HardikPatel89

4-Jun-14 1:52

In if conditions you have to give the variable every time and while in switch case , you just have to define cases no need to give variable name every time...

Hardik Patel

Master Page JavaScript to open page in root from sub-folder

BobbyStrain

29-May-14 14:04

I find lots of help in resolving the location of a JS folder. But no help on how to include a JavaScrip function in the head of the master page which can load a page in the root from a content page in a sub-folder. Any references or suggestions? And it also needs to open from a content page located in the root directory.

Can I pass data via window.opener to dynamic page

Member 10836471

21-May-14 23:16

I have parent dynamic HTML page with a form and random number of input fields in which I would like to insert predefined data from child help window.
I use Javascript to open child window, where I display possible values, which I send to parent window with a click. That works fine, if I have fixed field names in parent window - via window.opener.document.myFormName.Variable1.value I assign value to Variable1.
But now I have random number of variables, and therefore random names. I can send the name of the variable to my child window, but don't know how to use it, to assign specific data to that variable.

function Izbor(a, b) {
window.opener.document.Vprasalnik.a.value = b;
window.close()
}

b is the value, that I assign, and a is the name of the variable, that I want to assign this value to.

Is this even possible?
Thanks for the help,
Marcel

Re: Can I pass data via window.opener to dynamic page

Sunasara Imdadhusen

26-May-14 21:23

please do not repost your question

Displaying data from database using javascript.

miss786

21-May-14 7:01

Hi,

I would like the javascript to show data from getData method (webMethod), when the page loads but when filter the data (categoryPicker control), using webMethod getData2.

This is currently my c# page.

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
 
            JavaScriptSerializer jss = new JavaScriptSerializer();
            ClientScript.RegisterStartupScript(this.GetType(), "TestInitPageScript",
                //string.Format("<script type=\"text/javascript\">google.load('visualization','1.0',{{'packages':['corechart','controls']}});google.setOnLoadCallback(function(){'drawVisualization'({0},'{1}','{2}');});</script>",
           string.Format("<script type=\"text/javascript\">google.load('visualization','1.0',{{'packages':['corechart','controls']}});google.setOnLoadCallback(function(){{drawVisualization({0},'{1}','{2}','{3}');}});</script>",
            jss.Serialize(GetData()),
        "Name Example",
        "Name",
        "Type Example",
        "Type Example",
         "Type,"));
 
        }
            else 
 
            {
                JavaScriptSerializer jtt = new JavaScriptSerializer();
        ClientScript.RegisterStartupScript(this.GetType(), "TestInitPageScript",
            //string.Format("<script type=\"text/javascript\">google.load('visualization','1.0',{{'packages':['corechart','controls']}});google.setOnLoadCallback(function(){'drawVisualization'({0},'{1}','{2}');});</script>",
       string.Format("<script type=\"text/javascript\">google.load('visualization','1.0',{{'packages':['corechart','controls']}});google.setOnLoadCallback(function(){{drawVisualization({0},'{1}','{2}','{3}');}});</script>",
        jtt.Serialize(GetData2()),
    "Name Example",
    "Name",
    "Type Example",
    "Type Example",
     "Type,"));
 
            }
        }
 
        
    
 

    [WebMethod]
    public static List<Data> GetData()
    {
        SqlConnection conn = new SqlConnection("#####");
        DataSet ds = new DataSet();
        DataTable dt = new DataTable();
        conn.Open();
        var yesterday = DateTime.Today.AddDays(-1);
        string cmdstr = "select top 500 Name, [Decimal price],Cover, UploadDate from [dbo].[database] order by UploadDate desc";
        SqlCommand cmd = new SqlCommand(cmdstr, conn);
        //cmd.Parameters.AddWithValue("@value", yesterday);
        SqlDataAdapter adp = new SqlDataAdapter(cmd);
        adp.Fill(ds);
        dt = ds.Tables[0];
        List<Data> dataList = new List<Data>();
        string cat = "";
        float val = 0;
        string typ = "";
        DateTime dat = DateTime.Now;
 
        //dat.ToString("ddmmYYYY", System.Globalization.CultureInfo.InvariantCulture);

        foreach (DataRow dr in dt.Rows)
        {
            try
            {
                cat = dr[0].ToString();
 
                val = Convert.ToInt32(dr[1]);
 
                typ = dr[2].ToString();
 
                dat = (DateTime)(dr[3]);
 
            }
            catch
            {
            }
            dataList.Add(new Data(cat, val, typ, dat));
        }
        return dataList;
    }
 

    [WebMethod]
    public static List<Data> GetData2()
    {
        SqlConnection conn = new SqlConnection("#####");
        DataSet ds = new DataSet();
        DataTable dt = new DataTable();
        conn.Open();
        var yesterday = DateTime.Today.AddDays(-1);
        string cmdstr = "select Name, [Decimal price],Cover, UploadDate from [dbo].[database] order by UploadDate desc";
        SqlCommand cmd = new SqlCommand(cmdstr, conn);
        //cmd.Parameters.AddWithValue("@value", yesterday);
        SqlDataAdapter adp = new SqlDataAdapter(cmd);
        adp.Fill(ds);
        dt = ds.Tables[0];
        List<Data> dataList = new List<Data>();
        string cat = "";
        float val = 0;
        string typ = "";
        DateTime dat = DateTime.Now;
 
        //dat.ToString("ddmmYYYY", System.Globalization.CultureInfo.InvariantCulture);

        foreach (DataRow dr in dt.Rows)
        {
            try
            {
                cat = dr[0].ToString();
 
                val = Convert.ToInt32(dr[1]);
 
                typ = dr[2].ToString();
 
                dat = (DateTime)(dr[3]);
 
            }
            catch
            {
            }
            dataList.Add(new Data(cat, val, typ, dat));
        }
        return dataList;
    }

I am little unsure, how do I go about updating on the javascript side. Could any one provide some guideline or process in what I need to do, please.

 function drawVisualization(dataValues, chartTitle, columnNames, categoryCaption) {
            if (dataValues.length < 1)
                return;
 
            var data = new google.visualization.DataTable();
            data.addColumn('string', columnNames.split(',')[0], 'name');
            data.addColumn('number', columnNames.split(',')[1], 'price');
            data.addColumn('string', columnNames.split(',')[2], 'type');
            data.addColumn('datetime', columnNames.split(',')[3], 'date');
 
            for (var i = 0; i < dataValues.length; i++) {
 
                var date = new Date(parseInt(dataValues[i].Date.substr(6), 10));
 
                data.addRow([dataValues[i].ColumnName, dataValues[i].Value, dataValues[i].Type, date]);
            }
 
            var dateFormatter = new google.visualization.DateFormat({ pattern: 'dd MM yyyy' });
            var line = new google.visualization.ChartWrapper({
                'chartType': 'AreaChart',
                'containerId': 'PieChartContainer',
                'options': {
                    'width': 1200,
                    'height': 500,
                    'legend': 'none',
                    'hAxis': {
                        'format': "dd-MM-yyyy",
                        'hAxis.maxValue': 'viewWindow.max',
                        'maxValue': new Date(2014, 05, 30), 'minValue': new Date(2014, 04, 05),
                        'viewWindow': { 'max': new Date(2014, 05, 30) },
                    },
                    'chartArea': { 'left': 150, 'top': 100, 'right': 50, 'bottom': 100 },
                    'tooltip': { isHtml: true }
                },
                'view': {
                    'columns': [{
 
                        type: 'string',
                        label: data.getColumnLabel(3),
                        calc: function (dt, row) {
                            var date = dt.getValue(row, 3);
                            return dateFormatter.formatValue(date);
                        }
                    }, 1, {
                        type: 'string',
                        role: 'tooltip',
                        calc: function (dt, row) {
                            return 'Name: ' + dt.getValue(row, 0) + ', Price: ' + +dt.getValue(row, 1) + ', Date: ' + +dt.getFormattedValue(row, 3);
                        }
                    }]
                }
            });
 

            var categoryPicker = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'CategoryPickerContainer',
                'options': {
                    'filterColumnLabel': columnNames.split(',')[3],
                    'filterColumnIndex': '3',
 
                    'ui': {
                        'labelStacking': 'horizontal',
                        'allowTyping': false,
                        'allowMultiple': false,
                        'caption': categoryCaption,
                        'label': 'Date',
                    }
                }
            });
 

            new google.visualization.Dashboard(document.getElementById('PieChartExample')).bind([categoryPicker], [line]).draw(data);
            table.draw(data, { showRowNumber: true });
 

        }

Any help or guidance would be very much appreciated. Thanks in advance.

Re: Displaying data from database using javascript.

Sunasara Imdadhusen

21-May-14 23:36

Need more details inorder to understand your requirement. Can you please clarify little bit more in detail.

Re: Displaying data from database using javascript.

miss786

22-May-14 2:11

Thank you for your response. I would like to be able to call (getData) query when the page loads and show the (getData) query results in a(using 'line method' -- see javascript code) line chart. When I use the data filters in javascript(categoryPicker), I would like to control filters (categoryPicker), to use (getData2) method query to filter the line charts' output.

for example:
when page loads, call query1(select top 100 * from data), then click/mouseover/search on filter(categoryPicker), filter the line chart results using qyery2(select * from data).

I hope the explanation above clarifies my problem.

Any help would be very much appreciated. Thank you for your time and help.

need to change code

Drcensor

19-May-14 10:22

hi
I want to put the script into a php page, then call it with a "includes", but in order to do that I will need to be able to change the code on this line
which wants the link to the image.

 $('#puzzle-image').attr('src', 'content/images/avengers.jpg');

because I would like to keep using the same code, from the same php file, with different images, so I need to call for the image, from each page to go in the code above.
it's from this page
Jigsaws

Last Visit: 31-Dec-99 18:00 Last Update: 19-Jun-14 4:51

Refresh

12 3 4 5 6 7 8 9 10 11 Next »

General News Suggestion Question Bug Answer Joke Rant Admin

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

		10,681,261 members (47,432 online) CodeProject::Workspaces Code. Collaborate. Organize. Workspaces Home Discuss Workspaces No Limits. Try it Today. Sign in Email Password Forgot your password? Sign in using

CodeProject::Workspaces

JavaScript