This doesnt work on Chrome

[Shadowing]

Hey guys im having issues getting this to work in chrome. It works in opera,IE8 and firefox Im not sure if its the onfocus thats not working or the preventdefaultnot sure how to problem solve it to figure out which to help narrow it down whats happening is when the link is clicked it refreshes the page

<a id='210235' href='' onfocus='planet_details(210235)'>test</a>

function planet_details(address){  $("a#"+address).click(function(event) {    event.preventDefault();$.ajax({		     url: "/ajax/map.php?functions=popup",		     type: 'POST',		     dataType: 'json',		     data: {  	address: address   },		  	success: function(response) {				 $('.planet_info').html(response.details);		  	}});});}

Edited May 22, 2012 by Shadowing

[Shadowing]

I added the alert function instead and the alert works on FF,IE and opera but not chrome. so onfocus isnt working hmm.

<a id='210235' href='' onfocus='alert("onfocus is working")'>test</a>

[Ingolme]

Maybe Chrome changes the page before the event gets to fire. Prevent the page from changing by returning false to an onclick event handler.

[Shadowing]

thanks for the reply Ingolme you mean like this

$("#"+address).click(function() {  //event.preventDefault();return false;}); 

shouldnt this still work though? just onfocus with alert

<a id='210235' onfocus='alert("onfocus is working")' href='' >test</a>

Edited May 22, 2012 by Shadowing

[Shadowing]

oh do i need to some how add in the statement you said like inline after onfocus? hmm never wrote javascript in a line like that before not sure how to do it

[Shadowing]

Yah you are right thats whats going on. I changed it to onclick instead and using image tag only and it works. anychance you can show me how you would write the false statement on the line

[dsonesuk]

wouldn't it be better to give all the specific anchor links a class name, check if clicked, prevent page reload, retrieve id ref, call function with id ref

$(".whatever").click(function(event) {event.preventDefault();planet_details($(this).attr("id"));});  function planet_details(address){  $.ajax({                     url: "/ajax/map.php?functions=popup",                     type: 'POST',                     dataType: 'json',                 data: {          address: address   },                     success: function(response) {                            $('.planet_info').html(response.details);                          }});}

<a class="whatever" id='210235' href=''>test</a>

[Shadowing]

yah someone mention this to me before but I didnt know how to turn the id into a variable like you just did above oh so i give all links the same class name? then if any of the links with that class name is click it grags the id from that link? I'll try this out, cause yah this would be way better specially for future projects that will be much more advance maps.

[Shadowing]

Alright I attempted this route. I dont understand this line of code below.

planet_details($(this).attr("id"));

im grabing the number I assigned to the id right? so I need it to be a variable so i can pass it through the planet_details function anyways i couldnt get this to pop the alert up wierdive used click a ton of times with no issues

<img id='$address' class='whatever' onmouseover='popup(\"$picture\")' src='images/star.jpg'> $(function(){$(".whatever").click(function(event) {  event.preventDefault();  alert("working"); });});

Edited May 22, 2012 by Shadowing

[Shadowing]

when i put the html directly on the page it works so the problem is caused from ajax placing the html on the page and for some reason jquery cant read it. the jquery code is directly on the page and placed after the function that places the images on the page

[Shadowing]

On the bright side. the code works other then that lol Oh i just realized something lol I see what this line is doing now

planet_details($(this).attr("id"));

I didnt notice the 2nd set of () lolso you are calling the function there and passing the variable at once my bad lol Alright so now i just have to figure out why i cant read html being placed on the page with an ajax script

Edited May 22, 2012 by Shadowing

[dsonesuk]

The click function is applied to all element with specific ref on load of the page, so any element with the same reference added AFTERWARDS does not have this function assigned to them, Luckily Jquery came up with live()

$(".whatever").live('click' ,function(event) {event.preventDefault();planet_details($(this).attr("id"));}); 

[Shadowing]

geez no idea why i cant read the html that is being inserting with ajax onto my page.I problem solved it down to a dead end road lol. This sucks to cause this new method is so much better. i have java script function "arrows" on the page excuting the function from a external java script page that is linked in the header of the page.

<script type="text/javascript" src="<?php echo LPATH; ?>jquery/map.js"></script> // this contains arrows function arrows(); // activating the arrows function

arrows does a ajax call and inserts link/image onto the page

$map_array .= "<a class='whatever' href='project.php'><img src='images/star.jpg' ></a>";

inserts it into the div with the class name "map"

$('div.map').html(response.display_stars);

and this below thinks that the image/link with the class name "whatever" doesnt exist

$(".whatever").click(function(event) {  event.preventDefault();  planet_details($(this).attr("id"));  });    function planet_details(address){$.ajax({		     url: "/ajax/map.php?functions=popup",		     type: 'POST',		     dataType: 'json',		     data: {  	address: address   },		  	success: function(response) {				 $('.planet_info').html(response.details);		  	}});}

any ideas on what i can do to help problem solve this? Firebug shows it existingthis is driving me insane. real important i figure this one out. This will change how i do things in the future EDIT: posted this before reading your reply

Edited May 22, 2012 by Shadowing

[dsonesuk]

POST #12

$(".whatever").live('click' ,function(event) {event.preventDefault();planet_details($(this).attr("id"));});  });

should fix the problem.

[Shadowing]

OMG!!! it works now. that makes sense onclick only assigns its self to stuff on page load. Geez thank you so much, this is much better way of doing things. going to try to see if i can make it work with the onmouseover function im using instead of using onmouseover need to find out jqueries subsitute for using onmouseover