JavaScript

Help for below java script

24-May-13 16:54

can I recommend that you use.

http://jsfiddle.net/[^]

and then discuss the problem that you are having and need help with. Big Grin | :-D

as if the facebook, twitter and message boards weren't enough - blogged

abmanish7123-May-13 17:22

abmanish71

23-May-13 17:22

I want to add GO button. After press the go button then stage3 will open in New tab.
Please help me and add the Line in below Script and

reply on my email :abmanish71@gmail.com

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Combo Boxes</title>
</head>
<body>
<form name="isc">

<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>Select your department</option>
<option>ACCT</option>
<option>BACC</option>
<option>BMGT</option>

</select>

<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------</option>
<option value=" " selected>---Select2--------------</option>
</select>

<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
<option value=" " selected>---Select3----------------</option>
</select>

<input type="button" name="next" value="Next" onclick="window.location=stage3.options[stage3.options.selectedIndex].value;" style="font-family:Arial;Z-INDEX: 105; POSITION: absolute; TOP: 20px" enable>

<script>

</script>

</form>

</body>
</html>

____________________
Thanks & Regards

Manish Kumar
E - mail : abmanish71@gmail.com

modified 24-May-13 23:23pm.

Re: Help for below java script

ZurdoDev24-May-13 4:27

ZurdoDev

24-May-13 4:27

What do you mean by "stage3 will open in New tab?" Isn't stage3 a dropdown list?

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

Javascript/jquery problem

#realJSOP22-May-13 9:46

22-May-13 9:46

I'm trying to load an image and retrieve its width/height. The image appears to be okay, but width/height are zero. The image isn't part of the page (yet), I'm simply creating it for later. Anyone got any help for me?

var id = this.FileName.replace(".png", "").replace(".jpg", "") + "_" + index;
var src = this.Path + this.Filename + "?" + new Date().getTime();
// create an image element, and set it up for use later on
this.ItemImage    = new Image();
$(this.ItemImage).attr(
{
    'src': src
    ,'id' : id
});
this.Width = $(this.ItemImage).width();
this.Height = $(this.ItemImage).height();

".45 ACP - because shooting twice is just silly" - JSOP, 2010
-----
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-----
"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass." - Dale Earnhardt, 1997

Dennis E White22-May-13 10:31

22-May-13 10:31

John Simmons / outlaw programmer wrote:
The image isn't part of the page (yet), I'm simply creating it for later.

That is the answer to your problem.

since the image isn't loaded yet the browser won't set the width and height properties. will the image ever be loaded by the browser??

maybe try something like...

JavaScript

$('<img />').attr('src', 'http://urdomain.com/name.jpg').load(function(){
    if(true === this.complete) {
        var width = this.width;
        var height = this.height;
    } else {
        // unable to load image into memory
    }
});

as if the facebook, twitter and message boards weren't enough - blogged

#realJSOP23-May-13 0:54

23-May-13 0:54

Your suggestion didn't work. I'm going to try adding a hidden div to the document, and then add images to that div. Maybe that will do what I need...

Dennis E White23-May-13 4:09

23-May-13 4:09

John Simmons / outlaw programmer wrote:
Your suggestion didn't work

what part didn't work? did you get the callback from the load event?

as if the facebook, twitter and message boards weren't enough - blogged

#realJSOP24-May-13 2:54

24-May-13 2:54

I was trying to do this:

JavaScript

function MyClass
{
    this.property1 = 'somevalue1';
    this.property2 = 'somevalue2';

    this.Height = 0;
    this.Width = 0;

    $('<img />').attr({'id': id, 'src' : src}).load(function()
    {
        if (true === this.complete)
        {
            Width = this.width;
            Height = this.height;
        }
    });
}

That didn't work (this.width and this.height were the expected values, but trying to assign the vars did not work. So I changed it to this:

JavaScript

function MyClass
{
    this.property1 = 'somevalue1';
    this.property2 = 'somevalue2';

    var Height = 0; // <----------
    var Width = 0;  // <----------

    $('<img />').attr({'id': id, 'src' : src}).load(function()
    {
        if (true === this.complete)
        {
            Width = this.width;
            Height = this.height;
        }
    });

    // and added these functions

    this.width = function()
    {
        return Width;
    }

    this.height = function()
    {
        return Height;    
    }
}

I have no idea why I can't assign vars the way I originally tried it. IMHO, Javascript is nothing more than a hack whose main intent is to drive real programmers insane.

Dennis E White24-May-13 6:08

24-May-13 6:08

John Simmons / outlaw programmer wrote:
$('<img />').attr({'id': id, 'src' : src}).load(function()
{
if (true === this.complete)
{
Width = this.width;
Height = this.height;
}
});

did you account for the fact that the .load(...) is an asynchronous function?? the other thing of course is putting a break point in the response for the load function.

maybe you are getting a bad response from the load response because it's pathed out wrong??

as if the facebook, twitter and message boards weren't enough - blogged

#realJSOP25-May-13 11:18

25-May-13 11:18

My level of frustration with javascript is pretty freakin' high right now, and my opinion of the architecture is about as low as it can possibly get.

I can't seem to get a grasp of how things are scoped.

I'd really like to cuss like a sailor and kick the dog right about now.

the only thing that IS right is the path to the file.

Dennis E White25-May-13 11:27

25-May-13 11:27

have you tried debugging with Chrome??

John Simmons / outlaw programmer wrote:

I can't seem to get a grasp of how things are scoped.

hahaha... it's the whole this concept mixed with callback functions isn't it? I liken the whole thing to pointers way back in the day of C/C++ eventually the light bulb turns on and it all makes perfect sense. Big Grin | :-D

for things like this I use http://jsfiddle.net/[^] to play around an experiment. I prototyped the plugin that I wrote for http://dooscrib.com/[^] using jsfiddle.

hope it helps and if needed let me know.

as if the facebook, twitter and message boards weren't enough - blogged

#realJSOP26-May-13 2:49

26-May-13 2:49

Dennis E White wrote:
have you tried debugging with Chrome??

Yes. That's what I'm using now.

Dennis E White wrote:
hahaha... it's the whole this concept mixed with callback functions isn't it?

Well, sort of. I have something like the following:

JavaScript

var TOH = function(in_path, in_parentDiv, in_mouseOver)
{
    var _array   = new Array(),
        _xmlFile = "",
        _data1   = "",

        init = function(path, parentDiv, mouseOver)
        {
            // this variable assigment seems to "stick" as expected
            _xmlFile = path + "datafile.xml";

            loadData();
        },

        loadData = function()
        {
            // sometimes the file gets loaded, sometimes it errors out. 
            // I'm having a real problem determining why.
            $.ajax
            ({
                 type: "GET"
                 ,url: _xmlFile
                 ,dataType: "xml"
                 ,success: function(xml)
                 {
                     parseConfig      ($(xml).find('Config'));
                     parseImages      ($(xml).find('Images'));
                 }
                 ,error: function(jqXHR, status, error) 
                 {
                     alert(error);
                 }
             });
       },

       parseConfig = function(nodelist)
       {
           // when this line executes, _data1 contains the expected string
           _data1 = $(nodelist).find("Item1").text();
           // when this function exits, _data1 is empty again
       },

       parseImages = function(nodeList)
       {
          if (nodeList != null)
          {
              $(nodeList).find('Image').each(function()
              {
                  var count = _array.length;
                  // TreeImage is an object defined elsewhere in the code
                  _array[count] = new TreeImage(this, count, _data1, 0);
              });
           }
           // when the code gets here, the _array has the expected number of 
           // elements, bit when the function returns, the _array is empty.
       };

    init(in_path, in_parentDiv, in_mouseOver);
};

In any case, I THOUGHT that the vars defined in TOH were going to be set by the functions that are also in TOH. That doesn't appear to be the case at all, and instead, the variables appear to be defined within the confines of each function, and once the function exits, the variables in TOH are unchanged from their original values. What's really puzzling is that when I call init, it properly sets the vars defined in TOH, so I'm sitting here pissed off because I don't understand why.

Another mystery is that despite having well over a dozen vars defined in TOH, only a few show up in the associated "Closures" panel in the debugger. Each var is initialized to a value when it's declared, so I don't understand why they don't show up.

modified 26-May-13 9:27am.

User 171649225-May-13 11:37

User 1716492

25-May-13 11:37

John, these may help ...

http://msdn.microsoft.com/en-us/library/ms533563%28VS.85%29.aspx[^] and http://msdn.microsoft.com/en-us/library/ms533566%28VS.85%29.aspx[^]

modified 1-Aug-19 21:02pm.

#realJSOP26-May-13 3:01

26-May-13 3:01

I want the actual dimensions of the image, not of it's rendered size.

How to Add Days in Javascript Date Object

User 171649226-May-13 4:47

User 1716492

26-May-13 4:47

Then, have a look at the img.naturalwidth and img.naturalheight of this https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement[^]. Note the comment that "if it is available; otherwise, 0"

modified 1-Aug-19 21:02pm.

Robymon22-May-13 2:26

Robymon

22-May-13 2:26

I want to Add Number of Days with the Date object and get the New Date. i used this method to add Days

FromDate.setDate(FromDate.getDate() +12)

But this method is not working, if the month is February

EG: if the From Date is 20-02-2013, if i add 12 Days with this date, will get result as 01-03-2013.

Is there any other method to add days and check its leap year or not

Re: How to Add Days in Javascript Date Object

Richard Deeming22-May-13 3:23

Richard Deeming

22-May-13 3:23

Are you sure you're looking at the correct month? In JavaScript, the Date object uses a zero-based month, so if getMonth returns 2, the date is in March.

JavaScript

var date = new Date(2012, 01, 20);
date.setDate(date.getDate() + 12);
alert(date); // Displays: "Sat Mar 03 2012 00:00:00 GMT+0000 (GMT Daylight Time)"

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: How to Add Days in Javascript Date Object

Dennis E White22-May-13 4:39

Re: How to Add Days in Javascript Date Object

22-May-13 4:39

Can you give an example of your code that isn't working?? I tried the following and it all appears to be working just fine.

http://jsfiddle.net/SrVvn/[^]

as if the facebook, twitter and message boards weren't enough - blogged

Niral Soni23-May-13 1:23

Niral Soni

23-May-13 1:23

Hi Robymon,

The example you have given is incorrect.

Adding 12 days to 20-02-2013 will not give result as 01-03-2013, but will give 04-03-2013

The solutions given by "Richard Deeming" and "Dennis E White" are correct.

Thanks & Regards,
Niral Soni

function for split a complex string

mhd.sbt21-May-13 7:06

mhd.sbt

21-May-13 7:06

hi to all
i have a string with this format
x=numbery=datez=number...
for example of this string can be :
x=123y=2013/02/01z=12345p=111
i want a function that get me this
x=123
y=2013/02/01
z=12345
p=111

how can i do this?
note to this point that my string can not be change and add extra character to this string
thanks in advance

Re: function for split a complex string

ZurdoDev21-May-13 10:30

ZurdoDev

21-May-13 10:30

There is usually many ways to do string manipulation but one way would be to split on the = and then you'll have the rightmost character to be the starting of your next string. You'll have to put in a case for the first one.

Or, just loop through each character and process.

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

Re: function for split a complex string

Dennis E White22-May-13 4:53