JavaScript Discussion Boards

You misspelled "document" as "doucment" on the "demo1" line.

If you look in the Javascript console, there should be an error message saying something like "doucment is not defined" - when something in JS fails to work, you should look there first.

Hello Joe,

spelling mistake in second statement.

document

Regards,
J Sampath Kumar,
Osmosys

XML

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo1">
what the hell is going on.
</p>
<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>


<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
document.getElementById("demo1").innerHTML="This is not working";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>

Try this... there is miss Sppell in document

XML

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
document.getElementById("demo1").innerHTML="This is not working";
}
</script>

spelling mistake

ajd

how to make the framework area in java script in which i do work and out side the that area controls are disable.?????? Confused | :confused:

This is not very clear. Please explain more.

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

hi,

i want to reload my datagrid using javascript below is my code but that is not working fine can anybody suggest me to reload data into datagrid

C#

PageMethods.FetchINV(input_par, OnSuccess, OnFailure);

           function OnSuccess(response) {

                   response.each(function (index) {
                                                                                                       my_result += '' + index.carat + '' + index.price + '';
                                                });

                                                my_result += ''
                                                                        		+ '<span>1</span>'
                                                                        	+ ''
                                                                        	+ ''
                                                                        + '';
                                                $("#dginventory").html(my_result);
}

Your code is hard to follow. Please correct the formatting

Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas.

~ Carl von Clausewitz ~

Source

SQL

I'm trying to figure out what I am missing here - setting a multiple column sort initially is easy via aaSorting, but when I click on a column to sort, the only data I get on the server side is for just that one column.
I.e., if I have A, B, C columns I can set up to initially sort like this:

[code]
'aaSorting': [[2, 'asc'], [0, 'desc'], [1, 'asc']]
[/code]

All of which come as iSortCol_# on the server side. But if I click on column B, I only get iSortCol_0 on the server side, with iSortingCols = 1. In this case what I really want is to have B shifted up front so the new sort is [[0, 'desc'], [2, 'asc'], [1, 'asc']].
I just know I'm probably missing some property somewhere :)
Anyone?

when you write your entire question formatted as a code block it makes it difficult to read (IMO). Smile | :)

your code listed is somewhat generalized so I can't only offer the following as help:

iSortCol_0 will come in your server request and you need to interpret it's value to decide the column that you are going to be sorting your data on.

Objective-C

iSortCol_0 = 2; // number of the column that you want to sort on
iSortingCols - 1; // number of columns that you want sorted

Have you tried hacking the fnServerParams[^] to debug the values that are being created for your server call?

JavaScript

"fnServerParams": function(aoData) {
    for(data in aoData) {
        var name = aoData[data].name;
        var value = aoData[data].value;

        // set your breakpoint here
        var junk = 123; 
    }
}

Hopefully this helps get you started or at least pointed into the right direction. If you have a bug datatables then you will probably have to use it's debugger[^] and submit the result on their forums.

you want something inspirational??

Hello everyone

I am trying to share sessions between two web applications with coherence, one of them searching a data on data and store the session and the next one should shows the search result of the first application with retrieving the sessions and attributes which are set on it.

I do not know how use coherence technology for sharing sessions,
I am so thankful you guide me,

Thanks in advance.

I am not sure what back end system you are using but you could consider something like socket.io and/or redis or mongo to link the two sessions together and share the data by storing and referencing the data from the store via the sessions username or some id instead of the session id itself then all sessions with that username would be able to access and manipulate the attributes?

Thanks for reply

But I should use the coherence for sharing session, right now I am trying to deploy the war file to weblogic but unfortunately it is not successful
I am following this "http://docs.oracle.com/cd/E24290_01/coh.371/e22622/activecache.htm" tutorial but I ca not deploy the war file of application

I will be grateful if you can guide me,

Thanks so much

Hi, i'am worked a project. This project to my lesson and i need two webcam capture fotos and print or see this last screen. Have you got example or solution links ?

Not sure what I'm missing here. When I click the Total Cost button nothing appears in the text input. I've looked over the documents for any syntax errors but I am just not finding it!!

This is an assignment. I need to the total to be inside the input text box. I'm just looking for another set of eyes to see if I missed a semicolon or something simple somewhere.

HTML:

XML

<!DOCTYPE html>
<!--
    A document for exercise5-3.js

    Author: Trista Woods
    Date: 27 June 2013
    LOG:

-->
<html lang="en">
<head>
    <title>Woods | Order Total | Execise 5.3</title>
    <meta charset="utf-8" />
    <script type="type/javascript" src="j/exercise5-3.js">
    </script>

    <!-- revert to external css -->
    <style type="text/css">
        td, th, table {border: thin solid black;}
    </style>

</head>
<body>
    <form action = "">
        <h3>Produce Order Form</h3>
        <!-- A bordered table for item orders -->
        <table>
            <tr>
                <th>Type of Produce</th>
                <th>Price</th>
                <th>Quantity</th>
            </tr>

            <tr>
                <th>Apples</th>
                <td>$0.59/each</td>
                <td><input type="text" id="apples" size="2" /></td>
            </tr>

            <tr>
                <th>Oranges</th>
                <td>$0.49/each</td>
                <td><input type="text" id="oranges" size="2" /></td>
            </tr>

            <tr>
                <th>Bananas</th>
                <td>$0.39/each</td>
                <td><input type="text" id="bananas" size="2" /></td>
            </tr>

        </table>

        <!-- Button for retrieving the total -->
        <p>
            <input type="button" value="Total Cost" onclick="computeCost();" />
            <input type="text" size="5" id="cost" onfocus="this.blur();" />
        </p>

        <!-- Submit and reset buttons -->
        <p>
            <input type="submit" value="Submit Order" />
            <input type="reset" value="Clear Order Form" />
        </p>

    </form>
</body>
</html>

JS File:

C#

// exercise5-3.js
// Computes a total charge for the order

// Author: Trista Woods
// Date: 27 June 2013

// The event handler function to compute the cost

function computeCost() {
    var apple = document.getElementById("apples").value;
    var orange = document.getElementById("oranges").value;
    var banana = document.getElementById("bananas").value;

    // Compute the cost
    document.getElementById("cost").value =
    totalCost = apple * 0.59 + orange * 0.49 + banana * 0.39;

}

I think the problem is at your javascript declare statement.
Wrong:

<script type="type/javascript" src="j/exercise5-3.js">

Right:

<script type="text/javascript" src="j/exercise5-3.js">

That was it!! I knew it was something small!

SQL

I want to create a page in asp.net forms application where I can add product( with image upload), view product in grid(with asynchronous pagging sorting and filtering) and edit product by full aschronous mode using bootstrap theam or any good styling.  But this is very hard for me to do everything without postack. I donot want to use any asp.net update panel or serversite controls , and if possible make the viewstate false as it slow-down my page. I search in google and got examples of MVC for this purpose. But for web forms application I donot get any helpful answear.  Now I am doing this partially using jqwidgets, but I can't edit in this grid and for each product add I do postback.

So anyone please guide me to do this page full asynchronous in web form application.

Thanks, in advance

I would recommend that you start with investigating the following:

- AngularJS/Backbone for handling your client-side MVC
- REST on the back-end (Create RESTful WCF Service API: Step By Step Guide[^])
- For your grid look at http://datatables.net/[^].

Since you mentioned you are using bootstrap you might want to read the following blog:

- http://datatables.net/blog/Twitter_Bootstrap_2[^]

And finally you need to get ready to start reading and researching a lot. There is a lot of information out there for you to google/research.

Hope this helps you out a bit. Smile | :)

you want something inspirational??

how do we create captcha with using Math.random() ?

Math.random() doesn't need to have anything to do with it. This really depends on the flavor of the month captcha that you are using.

I guess it is entirely possible if you are working with an existing captcha control that they are using Math.random() to seed it. In which case I would refer you to the docs.

If you are looking to create a captcha then I would recommend you do a search here on codeproject and use one of the articles that cover this as a basis for a starting point.

you want something inspirational??

I'm kind of new to web development...
It's such a soup of technology!
I'm currently working with ASP.NET MVC, jQuery,...

Anyhow, someone mentioned to me AngularJS[^]

How does it complement MVC? or web development in general?
What's your opinion on it?

My programming get away... The Blog...
DirectX for WinRT/C# since 2013!
Taking over the world since 1371!

AngularJs is an MVC implementation but not from the perspective of ASP.Net MVC like you are more familiar with.

more MVC client side (rendering) with a REST backend.

it is really popular with the Single Page application movement.

you want something inspirational??

I might give it a look anyway, just in case! ^^

My programming get away... The Blog...
DirectX for WinRT/C# since 2013!
Taking over the world since 1371!

I have a pagination page.At the first time, data and pagination links are generated from the server and shown them in my view.I have a drop down list.For every next time I want change the data and pagination links whenever dropdown list is changed without loading the page with jquery,ajax,json.I have successfully changed the data and links.I have created the pagination links as per first time server returns.But this time i can't trigger the ul>li>a element.I don't know why !!!.But the same js2 code works for the pagination which the server returns.

Html:server returns

HTML

<div class="pagination">
    <ul>
       <li class="disabled"><a >1</a></li>
       <li><a href="http://localhost:8070/poralekha/home/universities/5">2</a></li>
    </ul>
 </div>

This works .

JS1:for pagination:

JavaScript

var pagination=" ";
  pagination+="<ul >";

  for(var i=1; i<=data['varsities'].length ;i++)
    {
        pagination+="<li class='disabled'>";
        pagination+="<a href='#' class='page'  >";
        pagination+=i;
        pagination+="</a>";
        pagination+="</li>";

    }
   pagination+="</ul>";

  $('.pagination').html(pagination );

here class='page' has been used for just get the value of i when .page is clicked

Js2:common for both pagination

JavaScript

$(".pagination > ul >li > a").click(function(event){
       event.preventDefault();
       alert("This index is clicked.");
   });

or

JavaScript

$(".page").on('click', function(event){
          event.preventDefault();
          alert(" clicked.");
      });

In short i want trigger when .page is clicked. I am just about to be mad with this.How can i solve this plz? Thanks.

modified 26-Jun-13 16:12pm.