jquery and mootools - JavaScript Discussion Boards

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

Member 1048440017-Jun-14 20:41

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_Sinha18-Jun-14 1:30

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.Koloth9-Jun-14 19:36

Arunkumar.Koloth

9-Jun-14 19:36

Hello,

I am using regex to validate some patterns in javascript

My pattern is

JavaScript

[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 Peter9-Jun-14 23:14

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.Koloth9-Jun-14 23:25

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 Peter9-Jun-14 23:42

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)

Re: Javascript Regex validation

Member 1173096331-May-15 4:55

Member 11730963

31-May-15 4:55

You need the pattern "[VF][1-9]-?$"
Because V20 matchs [VF][1-9] as V2
Hope this will help you.

jquery and mootools

Member 94738096-Jun-14 20:10

Member 9473809

6-Jun-14 20:10

when i use this code it doesnt work correctly :

XML

<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 Peter9-Jun-14 20:25

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 105519074-Jun-14 5:01

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

ZurdoDev4-Jun-14 7:07

ZurdoDev

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 Peter4-Jun-14 9:00

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_Sinha19-Jun-14 0:41

Raviranjan_Kumar_Sinha

19-Jun-14 0:41

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

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

Anlige2-Sep-14 20:44

Anlige

2-Sep-14 20:44

check the result of the follow code:
alert(upload.wrapper && upload.wrapper.length);

How to increment the Left value using Javascript?

Nallusamy Subramanian29-May-14 21:44

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 Leow29-May-14 22:00

Peter Leow

29-May-14 22:00

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

if vs switch statments

[NOPE]FOREV3R29-May-14 19:51

[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. Gupta29-May-14 20:49

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

Manikandan1030-May-14 15:55

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

HardikPatel.SE4-Jun-14 1:52

HardikPatel.SE

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

BobbyStrain29-May-14 14:04

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 1083647121-May-14 23:16

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 Imdadhusen26-May-14 21:23

Sunasara Imdadhusen

26-May-14 21:23

please do not repost your question

Displaying data from database using javascript.

miss78621-May-14 7:01

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.

JavaScript

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 Imdadhusen21-May-14 23:36

Sunasara Imdadhusen

21-May-14 23:36

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

Last Visit: 31-Dec-99 18:00 Last Update: 25-Apr-24 4:08

Refresh

ᐊ Prev 1...110 111 112 113114115 116 117 118 119 Next ᐅ

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