JavaScript Discussion Boards

Dennis E White26-Jun-13 15:14

26-Jun-13 15:14

I created the following from what you have written:

jsFiddle[^]

I don't see the problem that you are having?? Are you saying that you are getting a click event called for the static list and not the dynamic one that you are building??

Hopefully that jsFiddle will help some. You can edit and save your changes and then post back the new link if you want.

you want something inspirational??

Using a switch statement to count variables in an array

tristarterror24-Jun-13 11:09

tristarterror

24-Jun-13 11:09

Another homework assignment so please just let me know what direction I should go in.

Assignment details:
Function: counter
Parameter: An array of numbers
Returns: The numbers of negative elements, zeros, and values greater than zero in the given array.
Note: You must use a switch statement in the function.

My JS file:

// Array of Numbers

var nums = new Array(-13,2,67,3,0,56,12,-41);
var len = nums.length;

for (i=0; i<len; i++) {
    var count = nums[i];
}

var count = nums[i];

//Create counter function
function counter() {

    switch (count) {
    case "negatives":
        if (count < 0) {
            document.write(count.length);
        }
        break;

    case "zeros":
        if (count == 0) {
            document.write(count.length);
        }
        break;

    case "positives":
        if (count > 0) {
            document.write(count.length);
        }
        break;

    default: {
        document.write("nothing!");
    }

}};

I am not sure where to go with this one. I know it's the switch statement that throwing me off and I am not sure if my statement for counting each variable is necessarily correct either but I feel like I'm somewhere in the correct thinking here.

Re: Using a switch statement to count variables in an array

fixthebugg24-Jun-13 11:35

fixthebugg

24-Jun-13 11:35

loop through the array and use switch on each element to increment the number of negative, zero and positive values..hope this helps..

Re: Using a switch statement to count variables in an array

lmf232s24-Jun-13 12:07

lmf232s

24-Jun-13 12:07

You have all the parts but need to rework them a bit. I can't see how your calling the function but how about you pass the calculate function the array and then do your foreach with in the loop.

In the end you'll want to keep track of each element individually so you can properlly account for them. Currenlty your just doing a document.write but that could also be for debugging purposes.

Good Luck!

Re: Using a switch statement to count variables in an array

Manfred Rudolf Bihy24-Jun-13 20:06

Manfred Rudolf Bihy

24-Jun-13 20:06

Use the sign function the values of which you can use in your switch statement:

// Array of Numbers

var nums = new Array(-13,2,67,3,0,56,12,-41);
var len = nums.length;

var positives = 0;
var negatives = 0;
var zeroes    = 0;

for (i=0; i<len; i++) {
    counter(num[i];
}

// Here you need to output the values positives, zeroes and negatives to show which one occurred how many times


//Create counter function
function counter(number) {

    var sign = (number > 0) ? 1 : (number < 0) ? -1 : 0;
    switch (sign) {
    case 1: 
        positives++
        break;

    case 0:
        zeroes++;
        break;

    case -1:
        negatives++;
        break;
};

Regards,

— Manfred

"I had the right to remain silent, but I didn't have the ability!"

Ron White, Comedian

Variables not showing correctly in HTML

tristarterror24-Jun-13 9:17

tristarterror

24-Jun-13 9:17

I am currently a college student so please be kind to me being a novice! I am working on an assignment and I just can't figure out where I am going wrong.

Assignment Details:
Function: tst_name
Parameter: A string.
Returns: true if the given string has the form
String1, String2 letter
where both strings must be all lowercase letter except for the first letter and letter must be uppercase; false otherwise

My JavaScript file:

function tst_name(name) {
    // simple pattenr to check the format of the name
    var ok = name.search(/^[A-Z][a-z]+, [A-Z][a-z]+, [A-Z]\.?$/);

    if (ok == 0) {
        return true;
    } else {
        return false;
    }
} // end of function tst_name

// Test function with two sets of data
var tst = tst_name(Woods, Trista, M);
if (tst) {
    document.write("Program error <br />");
} else {
    document.write("Valid name. <br />");
}

var tst = tst_name(woods, trista, m);
if (tst) {
    document.write("Invalid name <br />");
} else {
    document.write("Program error <br />")
}

My HTML file:

XML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>Woods | Test Name | Exercise 4.12</title>
    <script type="text/javascript" src="exercise4-12.js">
    </script>
</head>
<body>
  <script>
    document.write("Woods, Trista, M: " + tst + "<br />");
    document.write("woods, trista, m: " + tst + "<br />");
  </script>
</body>
</html>

When I view this in a browser it just shows:
Woods, Trista, M: undefined
woods, trista, m: undefined

So I'm just confused. I followed an example in our book and I just don't know what I need to do in order to get the variables to write the correct statements in my HTML document.

Re: Variables not showing correctly in HTML

dusty_dex24-Jun-13 9:45

dusty_dex

24-Jun-13 9:45

Your test script is attempting to pass three variables (which don't exist) named Woods, Trista and M. Ditto for the lower case as well.

surround them with quotes. "Woods, Trista M"

Re: Variables not showing correctly in HTML

tristarterror24-Jun-13 10:16

tristarterror

24-Jun-13 10:16

Oh geez! It's always the simple things that screw me up. I also noticed I was missing a semicolon after one of my statements too.

Thanks for helping a beginner out!

Re: Variables not showing correctly in HTML

dusty_dex24-Jun-13 10:55

dusty_dex

24-Jun-13 10:55

tristarterror wrote:
Thanks for helping a beginner out!

No problem.

Semicolons in javascript are a bit of a nuisance because there are some nasty surprises with return statements in particular.

Two books you definitely ought to have handy. Javascript the Definitive Guide 5th edition (O'Reilly), and Douglas Crockford's Javascript The Good Parts (O'Reilly).

The language is a b*stard of a mess. Even the original 'official' language specification is crap. Mad | :mad:

how make a skype call by getting a phone number from textbox

Pasqualissimo23-Jun-13 12:20

Pasqualissimo

23-Jun-13 12:20

hi experts, i need help about skype in my webpage.

i have a textbox client-side, in the webpage

JavaScript

<input type="text" id="phoneSkype_ws" />
<input type="button" onclick="return call();" value="Call!" />

when i click on call button, i need to call by skype, the same number in the textbox, but i don't know how!!!

with the following code, i'm not able to do this

JavaScript

<div id="skypeButton">
           <script type="text/javascript">
               var num = $("#telefono").val();
               Skype.ui({
                   "name": "call",
                   "element": "skypeButton",
                   "participants": ????,
                   "imageSize": 32
               });
           </script>
       </div>

hope someone can help me!!

MSN style links

Bart23-Jun-13 10:20

Bart

23-Jun-13 10:20

the new windows 8 msn site (t.msn[^] has links that depress on mouse-down. Does anyone know how I can get source javascript that achieves the same effect?

TIA

bart

Re: MSN style links

thanh_bkhn23-Jun-13 16:09

thanh_bkhn

23-Jun-13 16:09

I think you could have the same effect by applying the CSS pseudo-class for the anchor.
Below is the example from W3Schools

CSS

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

active defines the effect on mouse down event.

Re: MSN style links

Bart25-Jun-13 10:22

Bart

25-Jun-13 10:22

Oh, thanks. Its actually the way the link is depressed that I was interested in..

bart

How to show info marker google maps when clicked in outside map?

Akbarblack22-Jun-13 4:12

Akbarblack

22-Jun-13 4:12

i have problem to display info of google maps, when click in outside of map. but if inside of map when i click a marker, info of google maps can display.

JavaScript

function onload() {
       var st=getURLParameters("man");
       var kd_link=getURLParameters("kd");

   if (window.XMLHttpRequest)
     {
     xmlhttp=new XMLHttpRequest();
     }
   else
     {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
     var dt="";


   xmlhttp.open("GET","hasil.xml",false);
   xmlhttp.send();
   xmlDoc=xmlhttp.responseXML;


     var tbl=xmlDoc.documentElement.getElementsByTagName('page');

   var map = new google.maps.Map(document.getElementById('map'), {
     zoom: 15,
     center: new google.maps.LatLng(-7.8711188835883945, 112.52471923828125),
     mapTypeId: google.maps.MapTypeId.ROADMAP //ROADMAP //HYBRID

   });

   var infowindow = new google.maps.InfoWindow();
   var gmarkers=[];
   var marker, i;

     function Linkclicked(i) {
       GEvent.trigger(gmarkers[i], "click");
     }

   var kde;var nm;var l1;var l2;var bk;
   for (i = 0; i < tbl.length; i++) {

   kde=xmlDoc.getElementsByTagName("kode")[i].childNodes[0].nodeValue;
   nm=xmlDoc.getElementsByTagName("nama")[i].childNodes[0].nodeValue;
   l1=xmlDoc.getElementsByTagName("lat")[i].childNodes[0].nodeValue;
   l2=xmlDoc.getElementsByTagName("long")[i].childNodes[0].nodeValue;
   bk=xmlDoc.getElementsByTagName("bk")[i].childNodes[0].nodeValue;

      marker = new google.maps.Marker({
   position: new google.maps.LatLng(l1, l2),animation:an, icon:bk,map: map
     });

      google.maps.event.addListener(marker, 'click',(function(marker, i) {
       return function() {
         infowindow.setContent(xmlDoc.getElementsByTagName("nama")[i].childNodes[0].nodeValue);

         infowindow.open(map, marker);
                          }
     })(marker, i));

       gmarkers[i]=marker;

   }
   }

that's my code, when i try to call one of the google maps info marker .

HTML

<a href="javascript:Linkclicked('0')">try</a>

it couldn't be displayed... please give me solution??

Re: How to show info marker google maps when clicked in outside map?

Dan Randolph23-Jun-13 8:55

Dan Randolph

23-Jun-13 8:55

Your Linkclicked function is nested in your onload function so it can't be called globally.
Your html element requires a global function to work. Consider creating a reference with global scope to the
Linkclicked function. You should not have everything inside your onload event handler. Onload is only for initializing elements and code at startup.

Re: How to show info marker google maps when clicked in outside map?

Akbarblack10-Dec-13 20:32

Akbarblack

10-Dec-13 20:32

thanks i had solution about this. i used trigger at google maps. Big Grin | :-D

Shopping Cart Qty Button - I need to make it faster

jkirkerx21-Jun-13 11:16

jkirkerx

21-Jun-13 11:16

I wrote this script some time ago, it works fine on PC's, but on mobile devices, I need to optimize it and get it to run faster in speed.

So like on a iPhone 4, it takes about 3 seconds to run.on a PC it takes 1 second, which is slow.

Just looking for ideas or tips, or another set of eyes to check it out.

1. Confirms a value in the textbox, if not, textbox turns pink, and the error arrow shows
2. checks if it's a number
3. increments value.

function jquery_Add2Cart_Numeric_Up() {

    var vFlag = true;
    var txtFocus = $('[id*="_txt_Focus_Field"]').val();
    var txtError = $('[id*="_txt_Error_Field"]').val();
    
    var qty_value = $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val();
    if (qty_value.length < 1) {
        $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtError);
        vFlag = false;
    }
    else if (qty_value.length > 0) {
        $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtFocus);

        var re_Qty = new RegExp("^([1-9]|[1-9][0-9]|[1-9][0-9][0-9])$")
        var txt_Qty = $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val();
        var match_Qty = re_Qty.exec(txt_Qty);

        if (match_Qty == null) {
            $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtError);
            $('[id*="_lbl_Modal_Add2Cart_Center_Container_QtyMessage"]').text("Invalid Quantity!");
            $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val("1");
            vFlag = false;
        }
        else if (match_Qty !== null) {

            $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtFocus).show();
            $('[id*="_lbl_Modal_Add2Cart_Center_Container_QtyMessage"]').text("Select your quantity:");

            var qty = parseInt($('[id*="_txt_Modal_Add2Cart_SelectQty"]').val());
            if (qty < 1000) {
                qty ++
                $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val(qty);
            }
        }
    }
    
    return false;
}

Re: Shopping Cart Qty Button - I need to make it faster

enhzflep24-Jun-13 11:19

enhzflep

24-Jun-13 11:19

Jeepers, in 6-7 secs on a 650Mhz android phone, I can generate an image thats 256x256, with 2 calls to _each_ of square root, sin and cos - perPixel.

Something I notice is that you've got many instances of $('[id*="_txt_Modal_Add2Cart_SelectQty"]') in your code. I'd try just evaluating that statement once, before then using it later - much like you did for the css rules.

I dont jQuery, I apologise if the syntax is incorrect.

In any case,the point is - evaluate expensive things as few times as possible.
In my code, this could be done by pre-computing sin cos and sqrt tables. In yours I'd assume you could evaluate the statement I've mentioned. I expect it takes jQuery some time to parse the statement before finding the element that you wish to target.

I.e

JavaScript

var txtModalSelectQtyEl = $('[id*="_txt_Modal_Add2Cart_SelectQty"]');
...
...
var qty_value = txtModalSelectQtyEl.val();
...
...
txtModalSelectQtyEl.css('background-color', txtFocus);
..
..

Make it work. Then do it better - Andrei Straut

Re: Shopping Cart Qty Button - I need to make it faster

jkirkerx24-Jun-13 11:38

jkirkerx

24-Jun-13 11:38

I didn't notice the numerous calls to the qty textbox.

What I did think of, is that perhaps I should just assume that the value is correct or an integer, and if not, then run the rest of the script. It's really fast now, and does not hesitate anymore.

On the iPhone, it was a matter of making the increment buttons bigger for a more positive contact with the finger or thumb.

Did I mention that it's just a webpage running on a phone?

Love the feedback though, this function has been giving me trouble for quite a while now, if you think my new idea is bad, just let me know.

[Edit]

Hey Eric, just saw your name on the post. Let me know what you think of the new design below, if it sucks, please let me know so I can work on it again. Thanks Jim

function jquery_Add2Cart_Numeric_Up() {

    try {
        var qty = parseInt($('[id*="_txt_Modal_Add2Cart_SelectQty"]').val());
        if (qty < 1000) {
            qty++;
            $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val(qty);
        }
    }
    catch (err) {

        var vFlag = true;
        var txtFocus = $('[id*="_txt_Focus_Field"]').val();
        var txtError = $('[id*="_txt_Error_Field"]').val();

        var qty_value = $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val();
        if (qty_value.length < 1) {
            $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtError);
            vFlag = false;
        }
        else if (qty_value.length > 0) {
            $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtFocus);

            var re_Qty = new RegExp("^([1-9]|[1-9][0-9]|[1-9][0-9][0-9])$")
            var txt_Qty = $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val();
            var match_Qty = re_Qty.exec(txt_Qty);
            if (match_Qty == null) {
                $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtError);
                $('[id*="_lbl_Modal_Add2Cart_Center_Container_QtyMessage"]').text("Invalid Quantity!");
                $('[id*="_txt_Modal_Add2Cart_SelectQty"]').val("1");
                vFlag = false;
            }
            else if (match_Qty !== null) {
                $('[id*="_txt_Modal_Add2Cart_SelectQty"]').css('background-color', txtFocus).show();
                $('[id*="_lbl_Modal_Add2Cart_Center_Container_QtyMessage"]').text("Select your quantity:");
            }
        }
    }
    return false;
}

Re: Shopping Cart Qty Button - I need to make it faster

enhzflep24-Jun-13 12:15

enhzflep

24-Jun-13 12:15

Ah, that looks a little less processor intensive. I continually forget about try-catch blocks myself.
Thanks for the reminder Jim. Smile | :)

Though I do notice, if the user passes a non-integer, the code will still try to parse it as an int again. It will also make the repeated calls to jQuery to evaluate the statement I mentioned earlier. But as always, less optimization is often better than more - since readability is often the casualty. Optimization is good - where necessary. That's why we only write asm when we have to etc.

I probably shouldn't... but here goes:

At a job I worked at once, I'd often have a cigarette with one of the guys from the English Learning Center. Somehow, he'd remembered my name as David. I considered a couple of times correcting him, but in the end, figured - we've no reason to communicate in an official capacity at work, nor did we have any reason to discuss one-another during the course of normal duties. I couldn't see it as really mattering.

So, this went on for about 2 1/2 years or so. In my last week there, one of the girls let the cat out of the bag and called me Simon. Somewhat shocked and incredulous, he asked why I'd never corrected him. I simply told him that he'd been consistent - he'd called me David for as long as I could remember. Clearly I was identified as being me - did it really matter what he called me? We had a good laugh and decided that it really didn't matter.

Boy did we have a good laugh over that one.

Make it work. Then do it better - Andrei Straut

Re: Shopping Cart Qty Button - I need to make it faster

jkirkerx24-Jun-13 12:33

jkirkerx

24-Jun-13 12:33

ha ha ha

I forgot it was Simon;

I don't know what made me think of Eric.

I think I know, it's the enh in your handle, Eric just popped up in my head for some reason.

Thanks for pointing out that extra parseInt, I'll take care of it right now.

That should do the trick for now. Thanks for the eyes on the script!

Jim

Re: Shopping Cart Qty Button - I need to make it faster

enhzflep24-Jun-13 12:53

enhzflep

24-Jun-13 12:53

It's a pleasure as always, Jim. Smile | :)

Make it work. Then do it better - Andrei Straut

Javascript, KnockoutJS (and possibly TypeScript)

_Maxxx_19-Jun-13 18:32

_Maxxx_

19-Jun-13 18:32

I thought I would get back to playing with KnockoutJs in a simple HTML and JS environment using JQuery to access JSON data from Web Services.

My question is, how do/would you set up the various JS files and folders in your web application?

I mean, physically, do you create a single JS file per ViewModel and a single HTML file for the view ? Do you put them in the same folder, or have everything at the root?

I'm not a web developer, so be gentle - use shot words Smile | :)

Also, does anyone have experience using Typescript with KnockoutJs. I'm just about to start and would appreciate any help/advice.

MVVM # - I did it My Way
___________________________________________
Man, you're a god. - walterhevedeich 26/05/2011

.\\axxx
(That's an 'M')

Re: Javascript, KnockoutJS (and possibly TypeScript)

AlphaDeltaTheta19-Jun-13 19:00

AlphaDeltaTheta

19-Jun-13 19:00

_Maxxx_ wrote:

My question is, how do/would you set up the various JS files and folders in your web application?

My own JS goes into "scripts" folder. The rest, JQuery, Knockout etc. are fetched from CDNs.

_Maxxx_ wrote:
do you create a single JS file per ViewModel and a single HTML file for the view ?

Nope... but some say to do so.

_Maxxx_ wrote:
using Typescript with KnockoutJs

I'ven't use Knockout yet, Typescript it's good... atleast from the documentation, I'm also starting to use it. It's a compiler that compiles typescript into javascript. Write your code, feed it to the compiler and use the generated JS in your website. Easy Peasy! Laugh | :laugh:

Re: Javascript, KnockoutJS (and possibly TypeScript)

_Maxxx_20-Jun-13 1:29

_Maxxx_

20-Jun-13 1:29

Amitosh Swain wrote:
My own JS goes into "scripts" folder. The rest, JQuery, Knockout etc. are fetched from CDNs.

Yep - I do that - but I wasn't sure about the VMs created for Knockout - whether they go with the scripts, in a subfolder of scripts, or with the html 'views'

The TypeScript idea is great (I actually thought about doing something like it myself but MS must have been tapping my thoughts Smile | :)

)

What I am trying to figure out is exactly how to write a Knockout VM using TypeScript "properly"

MVVM # - I did it My Way
___________________________________________
Man, you're a god. - walterhevedeich 26/05/2011

.\\axxx
(That's an 'M')

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