events and image

[amit]

Hi group,

Long story short, I'm new to JavaScript and have started it less than 3
weeks. My question is

1) how can I create a situation that when user clicks on gif or ...
image file an event get triggered?

what I have done is:

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

the problem is that when I click on this image it goes thru the
function but then the page changes to the path:
http://www.mywebsite.com/akohan and shows a list or directory of the
files I have there!
2) Is it possible to create new events in Javascript? lf so, how can I
monitor an event when user does a right-click on a link or image?

Your help will be appreicated.

amit.

[Tony]

amit wrote:

Hi group,

Long story short, I'm new to JavaScript and have started it less than 3
weeks. My question is

1) how can I create a situation that when user clicks on gif or ...
image file an event get triggered?

what I have done is:

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

the problem is that when I click on this image it goes thru the
function but then the page changes to the path:
http://www.mywebsite.com/akohan and shows a list or directory of the
files I have there!

The reason for that is: href="". If you want to STOP the click from
going through, you need to add return false to your onclick:
onclick = "doSomething(); return false"

BTW, 'javascript:' is not needed for onclick

--
"The most convoluted explanation that fits all of the made-up facts is
the most likely to be believed by conspiracy theorists. Fitting the
actual facts is optional."

[Randy Webb]

amit said the following on 6/29/2006 4:36 PM:

Hi group,

Long story short, I'm new to JavaScript and have started it less than 3
weeks. My question is

1) how can I create a situation that when user clicks on gif or ...
image file an event get triggered?
<img onclick="my_trker('')".....>
what I have done is:

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

the problem is that when I click on this image it goes thru the
function but then the page changes to the path:
http://www.mywebsite.com/akohan and shows a list or directory of the
files I have there!
Because you navigated there with the link.
2) Is it possible to create new events in Javascript? lf so, how can I
monitor an event when user does a right-click on a link or image?

onmousedown, onmouseup, and onclick

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Thanks Tony,

I appreciate your help. can you tell me what is the format for a image
tag which is clickable?

The following tag is clickable but it doesn't pass the name and path of
the file!

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

I need to pass some information i.e path, filename to a function.
Any clue?

Thanks,
amit


Tony wrote:

amit wrote:

Hi group,

Long story short, I'm new to JavaScript and have started it less than 3
weeks. My question is

1) how can I create a situation that when user clicks on gif or ...
image file an event get triggered?

what I have done is:

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

the problem is that when I click on this image it goes thru the
function but then the page changes to the path:
http://www.mywebsite.com/akohan and shows a list or directory of the
files I have there!

The reason for that is: href="". If you want to STOP the click from
going through, you need to add return false to your onclick:
onclick = "doSomething(); return false"

BTW, 'javascript:' is not needed for onclick

--
"The most convoluted explanation that fits all of the made-up facts is
the most likely to be believed by conspiracy theorists. Fitting the
actual facts is optional."

[Randy Webb]

amit said the following on 6/29/2006 5:49 PM:

Thanks Tony,

I appreciate your help. can you tell me what is the format for a image
tag which is clickable?

The following tag is clickable but it doesn't pass the name and path of
the file!

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

I need to pass some information i.e path, filename to a function.
Any clue?

<img onclick="someFunction(this)" src="..">

function someFunction(imgObject){
alert(imgObject.src)
}

You pass it by reference.

Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Randy Webb wrote:

amit said the following on 6/29/2006 5:49 PM:

Thanks Tony,

I appreciate your help. can you tell me what is the format for a image
tag which is clickable?

The following tag is clickable but it doesn't pass the name and path of
the file!

Testing image:
<a href="" name="linkImg1"
onclick="javascript:my_trker('http://www.mywebsite.com/akohan');" >
<img name=img1 src="flower.gif" border=0 >
</a>

I need to pass some information i.e path, filename to a function.
Any clue?

<img onclick="someFunction(this)" src="..">

function someFunction(imgObject){
alert(imgObject.src)
}

You pass it by reference.

Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Hello Randy,

Thanks a lot! it was a big help but it like anyother answer takes me to
new things which I need to learn. First, I hope I'm putting this text
in a proper sequence if not let me know then.

What I asked and you mentioned works for single click but a proper of
doing this is to capture mousedown and mouseup events. To make sure
user has clicked (both down and up ) on a link or a image or etc.

How can I simulate that? is it to code like:

<img onmousedown="someFunction(this)" onmouseup="someFunction(this)"
src="..">
Please let me know this as well.

Also, what Javascript book do you suggest?

Thank again
Amit

[Randy Webb]

amit said the following on 6/30/2006 7:13 PM:

<snip>

Hello Randy,

Thanks a lot! it was a big help but it like anyother answer takes me to
new things which I need to learn. First, I hope I'm putting this text
in a proper sequence if not let me know then.
It is fine.
What I asked and you mentioned works for single click but a proper of
doing this is to capture mousedown and mouseup events.
Why?
To make sure user has clicked (both down and up ) on a link or a image or etc.

How can they click up without first clicking down?
How can I simulate that? is it to code like:

<img onmousedown="someFunction(this)" onmouseup="someFunction(this)"
src="..">

Precisely.
Please let me know this as well.

Also, what Javascript book do you suggest?

None. They all suck that I have seen to date. Most are outdated and over
priced. For learning, use the archives of this group and you won't ever
go wrong.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Hi Randy,

Thanks for your true response. I have looked at most of them and they
are kinda same thing! except some brief topics.

Ok, I want to ask you anothe question! as you have seen I have been
doing capturing information about a user in terms of what he/she has
been doing like right click or simple click on different components on
a page such as links, image and .... then need to send it to a web
serivec or application (server side) to store all user's activity into
a database.

Currently what I'm doing is storing some information i.e. protocol,
hostname, referrer and also the path of the current page and what
element is clicked/right clicked on into an object such as image!!!!
I'm having a feeling that this is odd and there must be a better way to
store it and send it to the server instead of using image object.

My code is like:

var myvar = new Image(1,1);

/*
capture some info
*/
myimg.src = base "?protocol=" + items.get("protocol") +
"&host=" +
items.get("host") +
"&path=" +
items.get("pagepath") +

after assignment then I have :

myimg.onload = function()
{
return;
}
of course, it is working since the web service captuers it but I need
to know if there is a better way to send these information to the
sever.

Thank again Randy and I wish you wonderful 4th of July.

Randy Webb wrote:

amit said the following on 6/30/2006 7:13 PM:

<snip>

Hello Randy,

Thanks a lot! it was a big help but it like anyother answer takes me to
new things which I need to learn. First, I hope I'm putting this text
in a proper sequence if not let me know then.

It is fine.

What I asked and you mentioned works for single click but a proper of
doing this is to capture mousedown and mouseup events.

Why?

To make sure user has clicked (both down and up ) on a link or a image or etc.

How can they click up without first clicking down?

How can I simulate that? is it to code like:

<img onmousedown="someFunction(this)" onmouseup="someFunction(this)"
src="..">

Precisely.

Please let me know this as well.

Also, what Javascript book do you suggest?

None. They all suck that I have seen to date. Most are outdated and over
priced. For learning, use the archives of this group and you won't ever
go wrong.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Randy Webb]

amit said the following on 7/3/2006 2:01 PM:

Hi Randy,

Thanks for your true response. I have looked at most of them and they
are kinda same thing! except some brief topics.

Even the ones about not top-posting? <g>

Ok, I want to ask you anothe question! as you have seen I have been
doing capturing information about a user in terms of what he/she has
been doing like right click or simple click on different components on
a page such as links, image and .... then need to send it to a web
serivec or application (server side) to store all user's activity into
a database.

That sounds suspiciously like snooping but ok.

Currently what I'm doing is storing some information i.e. protocol,
hostname, referrer and also the path of the current page and what
element is clicked/right clicked on into an object such as image!!!!

Ummm, ok, if you say so. hostname isn't that critical unless you have a
server that will server up the same document from different domains.

I'm having a feeling that this is odd and there must be a better way to
store it and send it to the server instead of using image object.

It is very odd indeed.

My code is like:

var myvar = new Image(1,1);
/*
capture some info
*/
myimg.src = base "?protocol=" + items.get("protocol") +

You are missing a + between base and "?

"&host=" +
items.get("host") +
"&path=" +
items.get("pagepath") +

after assignment then I have :

So far so good.

myimg.onload = function()
{
return;
}

That code is un-needed as it doesn't do anything.

of course, it is working since the web service captuers it but I need
to know if there is a better way to send these information to the
sever.

Don't fix what isn't broken. And you have about the most reliable way to
do what you are doing.

Thank again Randy and I wish you wonderful 4th of July.

Good thing I am American.... Don't tell Jews to have a Merry Christmas :)
--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Hi Randy,

I appreciate your patience and reading all my statements one by one and
answering them!

1) As you saw, I was using an image object to send those tokens or
information! Is there any better way (something that makes sense) ?
2) I'm coming from C/C++ programming background and I think there
should be ways to do javascript programming base on OO techniques.
Right?
if so, do you know any link?
3) I'm sure you have heard of AJAX. Do you recommend it to learn?
Thanks again,
Amit

:)



Randy Webb wrote:

amit said the following on 7/3/2006 2:01 PM:

Hi Randy,

Thanks for your true response. I have looked at most of them and they
are kinda same thing! except some brief topics.

Even the ones about not top-posting? <g>

Ok, I want to ask you anothe question! as you have seen I have been
doing capturing information about a user in terms of what he/she has
been doing like right click or simple click on different components on
a page such as links, image and .... then need to send it to a web
serivec or application (server side) to store all user's activity into
a database.

That sounds suspiciously like snooping but ok.

Currently what I'm doing is storing some information i.e. protocol,
hostname, referrer and also the path of the current page and what
element is clicked/right clicked on into an object such as image!!!!

Ummm, ok, if you say so. hostname isn't that critical unless you have a
server that will server up the same document from different domains.

I'm having a feeling that this is odd and there must be a better way to
store it and send it to the server instead of using image object.

It is very odd indeed.

My code is like:

var myvar = new Image(1,1);
/*
capture some info
*/
myimg.src = base "?protocol=" + items.get("protocol") +

You are missing a + between base and "?

"&host=" +
items.get("host") +
"&path=" +
items.get("pagepath") +

after assignment then I have :

So far so good.

myimg.onload = function()
{
return;
}

That code is un-needed as it doesn't do anything.

of course, it is working since the web service captuers it but I need
to know if there is a better way to send these information to the
sever.

Don't fix what isn't broken. And you have about the most reliable way to
do what you are doing.

Thank again Randy and I wish you wonderful 4th of July.

Good thing I am American.... Don't tell Jews to have a Merry Christmas :)
--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Randy Webb]

amit said the following on 7/5/2006 12:53 PM:

Hi Randy,

I appreciate your patience and reading all my statements one by one and
answering them!

Then I would appreciate you reading mine :)

Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?

1) As you saw, I was using an image object to send those tokens or
information! Is there any better way (something that makes sense) ?

Makes sense, and no, there is not a "better" way as the way you are
using is the most widely supported way to do it.

2) I'm coming from C/C++ programming background and I think there
should be ways to do javascript programming base on OO techniques.
Right?

If you are doing OO programming, then yes.

if so, do you know any link?
3) I'm sure you have heard of AJAX. Do you recommend it to learn?

For the future, yes. It is the basis for what is being called "Web 2.0"

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Randy Webb wrote:

amit said the following on 7/5/2006 12:53 PM:

Hi Randy,

I appreciate your patience and reading all my statements one by one and
answering them!

Then I would appreciate you reading mine :)

Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?

1) As you saw, I was using an image object to send those tokens or
information! Is there any better way (something that makes sense) ?

Makes sense, and no, there is not a "better" way as the way you are
using is the most widely supported way to do it.

2) I'm coming from C/C++ programming background and I think there
should be ways to do javascript programming base on OO techniques.
Right?

If you are doing OO programming, then yes.

if so, do you know any link?
3) I'm sure you have heard of AJAX. Do you recommend it to learn?

For the future, yes. It is the basis for what is being called "Web 2.0"

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Hello Randy,

Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.

My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?

Your help is appreciated.

Thanks,
Amit

[Randy Webb]

amit said the following on 7/6/2006 12:48 PM:

Hello Randy,

Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.

My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?

What do you mean by "track information on FLASH elements"?

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Randy Webb wrote:

amit said the following on 7/6/2006 12:48 PM:

Hello Randy,

Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.

My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?

What do you mean by "track information on FLASH elements"?

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Hi again,

What I meant is tracking anytype of events on assets related to Flash.
I think if you look at
http://www.google.com/support/analyt...243&topic=7292
will give a better view.

Thanks in advance.
Amit

[Randy Webb]

amit said the following on 7/10/2006 12:44 PM:

Randy Webb wrote:

>amit said the following on 7/6/2006 12:48 PM:

>>Hello Randy,

Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.

My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?

What do you mean by "track information on FLASH elements"?

Please don't quote signatures.

Hi again,

What I meant is tracking anytype of events on assets related to Flash.

Flash has to do that.

I think if you look at
http://www.google.com/support/analyt...243&topic=7292
will give a better view.

The Flash app has to make the call to the JS script that will then
"track" the Flash app. Trying to do it in JS alone won't work.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Randy Webb wrote:

amit said the following on 7/10/2006 12:44 PM:

Randy Webb wrote:

amit said the following on 7/6/2006 12:48 PM:

Hello Randy,

Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.

My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?
What do you mean by "track information on FLASH elements"?

Please don't quote signatures.

Hi again,

What I meant is tracking anytype of events on assets related to Flash.

Flash has to do that.

I think if you look at
http://www.google.com/support/analyt...243&topic=7292
will give a better view.

The Flash app has to make the call to the JS script that will then
"track" the Flash app. Trying to do it in JS alone won't work.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Do you mean this is possible only if a Flash designer call my function
in his Flash code when he creates them?

[Randy Webb]

amit said the following on 7/10/2006 2:09 PM:

Randy Webb wrote:

>amit said the following on 7/10/2006 12:44 PM:

>>Randy Webb wrote:
amit said the following on 7/6/2006 12:48 PM:

Hello Randy,
>
Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.
>
My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?
What do you mean by "track information on FLASH elements"?

Please don't quote signatures.

>>Hi again,

What I meant is tracking anytype of events on assets related to Flash.

Flash has to do that.

>>I think if you look at
http://www.google.com/support/analyt...243&topic=7292
will give a better view.

The Flash app has to make the call to the JS script that will then
"track" the Flash app. Trying to do it in JS alone won't work.

Do you mean this is possible only if a Flash designer call my function
in his Flash code when he creates them?

That is precisely what I mean.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Yes, that I can do. I can ask the designer to embed my function calls
in his flash script. Other than that do you have any advice?

Once again thanks.
Amit
Randy Webb wrote:

amit said the following on 7/10/2006 2:09 PM:

Randy Webb wrote:

amit said the following on 7/10/2006 12:44 PM:
Randy Webb wrote:
amit said the following on 7/6/2006 12:48 PM:

Hello Randy,

Thank you now I feel better about the image object! I believe I've
been so lucky to have ask for your advice here.

My next step is to track information on FLASH elements on a page. Do
you have any experience on this as well?
What do you mean by "track information on FLASH elements"?

Please don't quote signatures.

Hi again,

What I meant is tracking anytype of events on assets related to Flash.
Flash has to do that.

I think if you look at
http://www.google.com/support/analyt...243&topic=7292
will give a better view.
The Flash app has to make the call to the JS script that will then
"track" the Flash app. Trying to do it in JS alone won't work.

Do you mean this is possible only if a Flash designer call my function
in his Flash code when he creates them?

That is precisely what I mean.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Randy Webb]

amit said the following on 7/11/2006 1:37 PM:

Yes, that I can do. I can ask the designer to embed my function calls
in his flash script. Other than that do you have any advice?

Yes, read the group FAQ, all of it.

<URL: http://jibbering.com/faq/#FAQ2_3>

Specifically, paragraph 6.
--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[amit]

Randy Webb wrote:

amit said the following on 7/11/2006 1:37 PM:

Yes, that I can do. I can ask the designer to embed my function calls
in his flash script. Other than that do you have any advice?

Yes, read the group FAQ, all of it.

<URL: http://jibbering.com/faq/#FAQ2_3>

Specifically, paragraph 6.
--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Temporarily at: http://members.aol.com/_ht_a/hikksnotathome/cljfaq/
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Wonderful! looks good. I'm going to read it. Thanks for being such
helpful.

All the best,
Amit