JavaScript

How to develop Smart TV Apps?

19-Jul-12 8:36

You must of fired a postback to the same page, and the page scroll position reset back to the top.

Hyperlinks are designed to navigate to a new page, unless your using the hyperlink to scroll the page to a designated position.

prithveesh.goel17-Jul-12 0:22

prithveesh.goel

17-Jul-12 0:22

Got this link about the Samsung smart app challenge. http://samsung.com/in/smartappchallenge.
Can someone please guide me how to start about Smart tv apps? what kind of apps can be made on tv?

markovl17-Jul-12 0:36

markovl

17-Jul-12 0:36

Isn't that the challenge?

prithveesh.goel17-Jul-12 20:56

prithveesh.goel

17-Jul-12 20:56

I guess its a contest, till 30aug.

Richard MacCutchan17-Jul-12 2:50

Richard MacCutchan

17-Jul-12 2:50

Have you looked at the resources section, it even includes some tutorials?

One of these days I'm going to think of a really clever signature.

prithveesh.goel17-Jul-12 20:57

prithveesh.goel

17-Jul-12 20:57

ok.. will surely have a look that. thanks Richard.
Any idea on what kind of apps can be made for TV.

JavaScript Validation - DropDownLists

Richard MacCutchan17-Jul-12 21:32

Richard MacCutchan

17-Jul-12 21:32

prithveesh.goel wrote:
Any idea on what kind of apps can be made for TV.

No, as I said earlier, go and look at the documentation and the tutorials.

One of these days I'm going to think of a really clever signature.

EuphorialXTC15-Jul-12 23:04

EuphorialXTC

15-Jul-12 23:04

Hey guys.

I'm looking to do some Javascript validation for drop down lists. I have the idea, I think, I just can't get it to work.

Heres the javascript

JavaScript

function Test() {

            var ddlDevice = document.getElementById("<%=ddlDeviceType.ClientID%>");
            if (ddlDevice.value == "---Please Select---") {
                window.alert("Test");
                ddlDevice.focus();
                return false;
            }

Heres the code behind

ddlDeviceType.Attributes.Add("onblur", "Test()");

I need it to be client side, and this kid of style, if that makes sense?

Thanks Guys

Re: JavaScript Validation - DropDownLists

Sibasisjena16-Jul-12 0:08

Sibasisjena

16-Jul-12 0:08

Add this to your dropdown control in aspx page .
onChange="javascript:ddlClick()"

<asp:DropDownList ID="DropDownList2" runat="server" onChange="javascript:ddlClick()"></asp:DropDownList>

JavaScript

<script type="text/javascript">
function ddlClick()
{
//Write your code here.
}
</script>

Re: JavaScript Validation - DropDownLists

jkirkerx19-Jul-12 8:57

using createElement, not working in IE8 on XP and Server 2003

19-Jul-12 8:57

The <%client.id %> is for when your object is on a webform.
in code behind, you have to use a static id value.

So make sure the object exist first, it not, then it's your id, and javascript could not find it.

function Test() {
 
    var ddlDevice = document.getElementById("_ddlDeviceType");
    alert(ddlDevice); // make sure it says [object]
    if (ddlDevice.value == "---Please Select---") {
        alert("Test");
        ddlDevice.focus();
    }
    return false;
}

ddlDeviceType.Attributes.Add("id", "_ddlDeviceType");
ddlDeviceType.Attributes.Add("onblur", "Test(); return false;");

jkirkerx13-Jul-12 16:42

[solved] Re: using createElement, not working in IE8 on XP and Server 2003

13-Jul-12 16:42

I wrapped up this code, did a final test, and it doesn't work on IE8 in XP and Server 2003. I tested it on firefox, Windows Vista IE, with developer mode for IE7, 8 and 9, works fine.

I can't get it to render in the DOM, and I'm completly baffled by it.

This is the simple part of the code. There's a more complex half not posted, and I really like the way createElement works, like creating html in code behind, it's easy to follow.

I remember reading something about createElement not working very good in IE8, but I can't find the web site again.

I tried document.body.appendChild(table_Progress) just as a test, but it still didn't render.

// Build or Construct a Progress Indicator
        var table_Progress = document.createElement("table");
        table_Progress.id = "_table_Progress";
        table_Progress.setAttribute("cellpadding", "0");
        table_Progress.setAttribute("cellspacing", "0");
        table_Progress.setAttribute("border", "0");
        table_Progress.style.width = "100%";

        // Progress Image
        var tr_Progress_Image = document.createElement("tr");
        table_Progress.appendChild(tr_Progress_Image);

        var td_Progress_Image = document.createElement("td");
        td_Progress_Image.style.width = "100%";
        td_Progress_Image.style.height = "240px";
        td_Progress_Image.style.verticalAlign = "bottom";
        td_Progress_Image.style.textAlign = "center";
        td_Progress_Image.style.margin = "0px auto";
        tr_Progress_Image.appendChild(td_Progress_Image);

        var image_Progress = document.createElement("img");
        var imgProgress = $('[id*="_txt_JQuery_ImageBrowser_LibraryProgress"]').val();
        image_Progress.src = imgProgress;
        td_Progress_Image.appendChild(image_Progress);

        // Progress Message
        var tr_Progress_Message = document.createElement("tr");
        table_Progress.appendChild(tr_Progress_Message);

        var td_Progress_Message = document.createElement("td");
        td_Progress_Message.style.width = "100%";
        td_Progress_Message.style.height = "240px";
        td_Progress_Message.style.verticalAlign = "top";
        td_Progress_Message.style.textAlign = "center";
        td_Progress_Message.style.margin = "0px auto";
        tr_Progress_Message.appendChild(td_Progress_Message);

        var span_Progress_Message = document.createElement("span");
        span_Progress_Message.style.color = "rgb(0,0,0)";
        span_Progress_Message.style.fontSize = "2.0em";
        span_Progress_Message.style.fontWeight = "bold";
        span_Progress_Message.innerHTML = "Generating Product Library Browser";
        td_Progress_Message.appendChild(span_Progress_Message);

        // Append the Progress Indicator to the Panel
        $('[id*="_panel_Preview_Object"]').empty();
        $('[id*="_panel_Preview_Object"]').append(table_Progress);

jkirkerx15-Jul-12 16:46

c# Webbrowser javascript submit then blank page

15-Jul-12 16:46

ie8 is really strict, so it was a matter of dotting the i's and crossing the t's.

If you make a small mistake, there is no warning, so like on the span tag, it's innerText and not innerHtml.

On tableRow's, it's insertRow(-1),

and on tablecell's it's insertCell(-1)

[EDIT]

Well after hours of reading last night, I found out that I'm running IE7, even though it's IE8 on XP and Server 2003. I also learned that IE7 and IE8 have there own version of creating html markup using createElement and appendChild.

So it's a matter of learning which properties work in both Gecko based browsers and IE, and which don't. It's sort of like VHS and Beta, they look the same, but are different.

I tried testing for createElement, to see if the DOM created it, by adding an ID to the element, and going back and checking the value, to maintain 1 version, but the element was created and an ID was assigned anyway on both.

So for now, I just did a browser check, and switch between the 2 versions.

I thought I was doing pretty good with Javascript and Jquery, but I have much more to learn about it, or I'm just using both more now and taking it to much higher levels now.

modified 16-Jul-12 12:44pm.

koncuk12-Jul-12 3:36

koncuk

12-Jul-12 3:36

Hi,
i click button a web page in webbrowser on c# form application. there is a button named "ileri" and i click this button , javascript run, then page refresh and submit. Then a blank page, why blank page?

XML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-9" http-equiv=Content-Type></HEAD>
<BODY></BODY></HTML>

what is problem?

Re: c# Webbrowser javascript submit then blank page

Sibasisjena12-Jul-12 4:30

Sibasisjena

12-Jul-12 4:30

The page may be redirect to a blank page

How to get the objects of the selected ITem

Vimalsoft(Pty) Ltd11-Jul-12 23:27

Vimalsoft(Pty) Ltd

11-Jul-12 23:27

Good day

i am new to knockout ,

I am bringing back the data from a control and i am doing the autocomplete and i show the results in a listbox as depicted below

JavaScript

$(function () {
    $("#txtSearchString").keyup(function () {
        $("#lstSearchOptions").hide('fast');

 
        if ($("#txtSearchString").val().length >= 3)
        {
            var data = {}
            data.searchString = $("#txtSearchString").val();
            $.getJSON("/SearchCars/SearchCars", data, function (result) {
                //Autocomplete binding
                var viewModel =
                 {

                     SearchOptions: ko.observableArray(result), // These are the initial options 
              
                } 
                //item.Model + ' ' + item.Type + ' ' + item.Year
                ko.applyBindings(viewModel,document.getElementById("stSearchOptions"));
                ko.applyBindings(viewModel, document.getElementById("selectedcarid"));
                if (result != null)
                {
                    $("#lstSearchOptions").show('fast');
                }
            });
        }
    });
});

now when the user select something i need to get the selected ID and i also want the Year and this is my HTML

HTML

<select id="lstSearchOptions" data-bind="options: SearchOptions, optionsText: function(item) {
                    return item.Model + ' ' + item.Type + ' ' + item.Year}, optionsValue: 'CarId'"
                 multiple="multiple" size="-1" class="searchOptions">
             </select>

and i have this to assign the value

JavaScript

$(function () {
    $("#lstSearchOptions").change(function () { 
        $("#selectedcarid").val($("#lstSearchOptions option:selected").val());

    });

    $("#lstSearchOptions").blur(function () { 
        $("#lstSearchOptions").hide("fast");
     
 
    });
});

so i can get the ID from here

JavaScript

$("#selectedcarid").val($("#lstSearchOptions option:selected").val());

but have a Problem to getting the year

Thanks

Vuyiswa Maseko,

Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.

C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com

Adding a link to a table built in Javascript

offroaderdan7-Jul-12 1:04

offroaderdan

7-Jul-12 1:04

Hi all,

This is hopefully a very simple question however I do not know the answer to it.
I am trying to link a cell from a table created in Javascript to another function.

JavaScript

var cell_1 = document.createElement("td");
cell_1.style.textAlign = "center";
cell_1.appendChild(document.createTextNode("Hi"));
onclick = myFunction();

This code ALL works apart from the onclick function, all I wanted to do is when the cell is clicked for example an alert message pops up.
Hopefully that makes sense and if anybody can help that would be helpful Smile | :)

enhzflep8-Jul-12 22:17

enhzflep

8-Jul-12 22:17

Hi, you're basically there. Just 2 points:

the onclick function belongs to cell_1
You want to set the address of the function, not the result

JavaScript

cell_1.onclick = myFunction;

BobJanova9-Jul-12 1:52

BobJanova

9-Jul-12 1:52

It might be better to create an a tag with a javascript: url:

var cell_1 = document.createElement("td");
cell_1.style.textAlign = "center";
var link = document.createElement("a");
link.appendChild(document.createTextNode("Hi"));
link.href = 'javascript:myFunction()';

That way, you get the usual link semantics (underlining, colour cues, cursor, tab order entry).

Sanjay K. Gupta9-Jul-12 3:44

Sanjay K. Gupta

9-Jul-12 3:44

alternet way
cell_1.onclick = new Function ('myFunction()');