JavaScript Discussion Boards

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.

Re: Displaying data from database using javascript.

miss78622-May-14 2:11

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

Drcensor19-May-14 10:22

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.

JavaScript

$('#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

Re: need to change code

berba26-May-14 1:19

berba

26-May-14 1:19

http://www.w3schools.com/php/php_includes.asp[^]

run event of asp contol by javascript

alireza672518-May-14 5:39

alireza6725

18-May-14 5:39

how to run event of asp contol by javascript code?

Re: run event of asp contol by javascript

Praneet Nadkar19-May-14 1:09

Praneet Nadkar

19-May-14 1:09

Quote:

Hi,

Please try the following code:

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:TextBox ID="textBoxUserId" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

In the code behind :

protected void Page_Load(object sender, EventArgs e)
        {
            textBoxUserId.Attributes.Add("onkeyup", "hello();");
        }

And put the script as:

XML

<script type="text/javascript">
    function hello() {

    alert("do something somehting ")

    }

</script>

Hope this helps. Wink | ;)

Thanks,
Praneet

Re: run event of asp contol by javascript

Sunasara Imdadhusen21-May-14 23:37

Sunasara Imdadhusen

21-May-14 23:37

good one

Modular Javascript

yaswanth.1614-May-14 7:05

yaswanth.16

14-May-14 7:05

How to use modular script for different modules in website?(In General)

Re: Modular Javascript

Richard MacCutchan14-May-14 22:02

Richard MacCutchan

14-May-14 22:02

Probably you need to do some studying first, see https://www.google.com/search?q=modular+script+for+different+modules+in+website[^].

Javascript click event handler

yaswanth.1614-May-14 6:24

yaswanth.16

14-May-14 6:24

HTML

<div id="a">
  <div id="b">
  </div>
</div>

In this scenario, write a common function to handle the click function on the elements without propagating the event.

Re: Javascript click event handler

yaswanth.1614-May-14 6:31

yaswanth.16

14-May-14 6:31

Please someone reply soon urgent requirement

Re: Javascript click event handler

Kornfeld Eliyahu Peter14-May-14 6:57

Kornfeld Eliyahu Peter

14-May-14 6:57

HTML

<div id="a" onclick="onClick(event)">
  <div id="b">
  </div>
</div>

JavaScript

function onClick(event) {
  // do what you want

  event.stopPropagation();
}

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 click event handler

yaswanth.1614-May-14 7:01

yaswanth.16

14-May-14 7:01

Thanks Peter Smile | :)

how I can use a variable passed by parameter in a javascript function in a lambda expression?

Francisco Cruz8-May-14 9:09

Francisco Cruz

8-May-14 9:09

how I can use a variable passed by parameter in a javascript function in a lambda expression?

p.s: name of the variable = xyz

Code:
pendencias.push(@Model.Count(x => (x.FC_VH_OWNER_STATE_NM == "SP" && Convert.ToDateTime(x.FD_REQ_SERVICE_VALIDITY_DT) <= Convert.ToDateTime(System.DateTime.Now).AddDays(xyz))));

ERROR: Variable is not found

Date formatting - Charts

miss7868-May-14 5:49

miss786

8-May-14 5:49

I am having a little issue, with getting dates to show up in desired (dd-mm-yyyy) format, however they are displayed as 'NaN Nan' on the line chart x-axis. I have added in a 'parseInt' date format but I am not sure if this is a correct approach.

Please advice. Many thanks for your help and time.

function drawVisualization(dataValues, chartTitle, columnNames, categoryCaption) {
    if (dataValues.length < 1)
        return;

    var data = new google.visualization.DataTable();
    data.addColumn('string', columnNames.split(',')[0]);
    data.addColumn('number', columnNames.split(',')[1]);
    data.addColumn('string', columnNames.split(',')[2]);
    data.addColumn('datetime', columnNames.split(',')[3]);

    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': 'LineChart',
        'containerId': 'PieChartContainer',
        'options': {
            'width': 950,
            'height': 450,
            'legend': 'right',
            '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) },
            },
            'title': chartTitle,
            'chartArea': { 'left': 100, 'top': 100, 'right': 0, 'bottom': 100 },
            'tooltip': { isHtml: true }
        },
        'view': {
            'columns': [{

                type: 'string',
                label: data.getColumnLabel(3),
                calc: function (dt, row) {
                    var date = new Date(parseInt(dt.getValue(row, 3)));
                    return dateFormatter.formatValue(date);
                }
            }, 1, {
                type: 'string',
                role: 'tooltip',
                calc: function (dt, row) {
                    return 'Name: ' + dt.getValue(row, 0) + ', Decimal Price: ' + +dt.getValue(row, 1) + ', Date: ' + +dt.getFormattedValue(row, 3);
                }
            }]
        }
    });

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

Re: Date formatting - Charts

thatraja9-May-14 3:48

thatraja

9-May-14 3:48

miss786 wrote:
however they are displayed as 'NaN Nan' on the line chart x-axis.

The reason is the value is not a numeric.

miss786 wrote:
I have added in a 'parseInt' date format but I am not sure if this is a correct
approach.

I think you're getting NAN because you're getting an empty string or null & parsing directly. Just check the result of parseInt("") or parseInt(null)
So check the value before sending to Date function. Debug there.

thatraja

Code converters | Education Needed | Improve Everything^New

Re: Date formatting - Charts

miss78612-May-14 3:37

miss786

12-May-14 3:37

Apology for the late response. Thank you very much for your feedback. I manage to get the date value pass the parseInt but however, now I am getting a blank screen on the client-end, with the following warning in the console debug of my chrome browser:

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. --> warning

JavaScript

<script type="text/javascript">
        function drawVisualization(dataValues, chartTitle, columnNames, categoryCaption) {
            if (dataValues.length < 1)
                return;

            var data = new google.visualization.DataTable();
            data.addColumn('string', columnNames.split(',')[0]);
            data.addColumn('number', columnNames.split(',')[1]);
            data.addColumn('string', columnNames.split(',')[2]);
            data.addColumn('datetime', columnNames.split(',')[3]);

            for (var i = 0; i < dataValues.length; i++) {

                //var date = new Date(parseInt(dataValues[i].Date.substr(6), 10));
                var date = new Date(parseInt(dt.getValue(row, 3)));

                data.addRow([dataValues[i].ColumnName, dataValues[i].Value, dataValues[i].Type, date]);
            }

            // Define a category picker control for the Gender column
            var categoryPicker = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'CategoryPickerContainer',
                'options': {
                    'filterColumnLabel': columnNames.split(',')[2],
                    'filterColumnIndex': '2',

                    'ui': {
                        'labelStacking': 'horizontal',
                        'allowTyping': false,
                        'allowMultiple': false,
                        'caption': categoryCaption,
                        'label': 'Price Type',
                    }
                }
            });

            var dateFormatter = new google.visualization.DateFormat({ pattern: 'dd MM yyyy' });
            var line = new google.visualization.ChartWrapper({
                'chartType': 'LineChart',
                'containerId': 'PieChartContainer',
                'options': {
                    'width': 950,
                    'height': 450,
                    'legend': 'right',
                    '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) },
                    },
                    'title': chartTitle,
                    'chartArea': { 'left': 100, 'top': 100, 'right': 0, 'bottom': 100 },
                    'tooltip': { isHtml: true }
                },
                'view': {
                    'columns': [{

                        type: 'string',
                        label: data.getColumnLabel(3),
                        calc: function (dt, row) {
                            var date = new Date(parseInt(dt.getValue(row, 3)));
                            return dateFormatter.formatValue(date);
                        }
                    }, 1, {
                        type: 'string',
                        role: 'tooltip',
                        calc: function (dt, row) {
                            return 'Name: ' + dt.getValue(row, 0) + ', Decimal Price: ' + +dt.getValue(row, 1) + ', Date: ' + +dt.getFormattedValue(row, 3);
                        }
                    }]
                }
            });

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

Please advice, if possible. Many thanks.

Re: Date formatting - Charts

thatraja14-May-14 7:49

thatraja

14-May-14 7:49

miss786 wrote:
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. --> warning

That's warning, possibly you're using new jQuery version. Try previous(your project's) version.

thatraja

Code converters | Education Needed | Improve Everything^New

Re: Date formatting - Charts

Sunasara Imdadhusen21-May-14 23:39

Sunasara Imdadhusen

21-May-14 23:39

for date formatting you may use Date and Time formatting in JavaScript like .Net C# or VB.Net[^]

How to disable JqueryDateTime Picker Image button

pkarthionline1-May-14 21:51

pkarthionline

1-May-14 21:51

Hi,
How to disable JqueryDateTime Picker Image button .
But textbox i can disable ,I can't do Image button.

here code i am try it.

function disableDate() {
debugger;
document.getElementById('txtStartDate').disabled = true;
$get('txtStartDate').style.color = "gray";
$get('txtStartDate').disabled = true;

$('txtStartDate').datepicker('disable');

$('txtStartDate').datepicker('setDate', new Date()).datepicker('disable').blur();

$('txtStartDate').disableSelection = true;

}

<input id="txtStartDate" runat="server" class="TextBox DatePicker"
style="width: 125px" />

<style>
.ui-datepicker-trigger
{
position: relative;
top: 4px;
right: -3px;
height: 17px;
}
</style>
<script language="javascript" type="text/javascript">
var Dformat = "";
$(document).ready(function () {
var selectvalStartDate = $("#txtStartDate").val();
var sVal = document.getElementById('hdnPORTALID').value;
Dformat = GetDatePickerFormat(sVal);
$(".DatePicker").attr("placeholder", "Select date").datepicker({
showOn: "both",
buttonImage: "../images/datepicker_enable.png",
buttonImageOnly: true,
changeMonth: true,
changeYear: true,
dateFormat: Dformat
});

});
</script>

thanks,
Karthikeyan,

Re: How to disable JqueryDateTime Picker Image button

Praneet Nadkar4-May-14 22:14

Praneet Nadkar

4-May-14 22:14

Hi,

I am not sure whether this would work, but,
can you try this ?
<input name="date" id="datepicker" disabled="disabled" />
$('#datepicker').datepicker();

For further could you please check this link:-
https://forum.jquery.com/topic/disabled-datepicker[^]

Regards,
Praneet

Re: How to disable JqueryDateTime Picker Image button

Dhruvin Bhatt9-May-14 2:29

Dhruvin Bhatt

9-May-14 2:29

$("txtStartDate").datepicker({

disabled:true

});

modified 9-May-14 14:36pm.

Javascript

amitkumar12788@gmail.com28-Apr-14 23:20

amitkumar12788@gmail.com

28-Apr-14 23:20

Can anyone provide me design or flow to create application for formula builder or expression builder using java-script. just like a calculator but little advanced. which can read any mathematical expression.

ex:
(a+b)/c
5*LOG(1000)* -2/3
MAX(4, 6%7)
(-2*(4*5)+4)/2 -6

Re: Javascript

thatraja7-May-14 5:21

thatraja

7-May-14 5:21

Check this article
JavaScript Mathematical Expression Evaluator[^]

thatraja

Code converters | Education Needed | Improve Everything^New

Re: Javascript

Anurag Gandhi16-May-14 4:13

Anurag Gandhi

16-May-14 4:13

You can use Javascript method eval().
It can evaluate functions and expressions as a string.

Life is a computer program and everyone is the programmer of his own life.

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