Response title
This is preview!
- Screen name: neil6502
- About Me: I am a internet developer, web designer, love jquerying.... I almost spend 10 hrs a day on internet....
- Email ID: instatutorial@gmail.com
neil6502's Profile
5 Posts
9 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
here is a link on which you can find how to create keyboard navigation...
Click here to visit keyboard enabled web page tutorial...
"All intelligent thoughts have already been thought; what is necessary is only to try to think them again." -- Albert einstein
http://www.instatutorial.com/- 17-Aug-2011 08:04 AM
- Forum: Getting Started
here is a link on which you can find how to use ajax api of jquery....
Click here to know how to use ajax functions....
All intelligent thoughts have already been thought; what is necessary is only to try to think them again.
http://www.instatutorial.com/- hello fellas i have found a good way to use google maps with jquery to find out the distances between two places and then how we can use that distance in jquery to use it on server side for some real world web applications like (Salesman problems, Transport, Post offices problems etc).
You can check tutorial here...
javascript code<script src="http://maps.google.com/maps?file=api&v=2&key=your_api_key" type="text/javascript"> </script>
<script type="text/javascript"> $('#searchcity').live('click',function(){ //You need to change these two variables as per your element id. //I hav used city1 and city2 as id in html code. var city1=$('#city1').val(); var city2=$('#city2').val(); if(city1=='City From...'){city1='';} if(city2=='City From...'){city2='';} var geocoder, location1, location2, miledistance, kmdistance; geocoder = new GClientGeocoder(); geocoder.getLocations(city1, function (response) { if (!response || response.Status.code != 200) { alert("Sorry, we were unable to geocode the first address"); } else { location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address }; geocoder.getLocations(city2, function (response) { if (!response || response.Status.code != 200) { alert("Sorry, we were unable to geocode the second address"); } else { location2 = {lat: response.Placemark[0].Point.coordinates[1], lon:response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address}; try { var glatlng1 = new GLatLng(location1.lat, location1.lon); var glatlng2 = new GLatLng(location2.lat, location2.lon); miledistance= glatlng1.distanceFrom(glatlng2, 3959).toFixed(1); kmdistance=(miledistance * 1.609344).toFixed(1); kmdistance=(kmdistance*1).toFixed(-1); //upper kmdistance is exact distance between two places. //no need to change upper code. //Now you just pass this kmdistance to server using post request. $.post('scripts/search_stamps_by_city.jsp', {distance:kmdistance},function(data){ $('.each_stamp').hover( function(){ $(this).css({'background-color' : ' #b4aeae '});}, function(){ $(this).css({'background-color' : '#ddd7d7', 'font-weight':'normal'});} );}); } catch (error){alert(error);}}});} }); }); </script>
<div id="citysearch_box"> <input id="city1" name="city1" value="City From..." type="text"> <input id="city2" name="city2" value="City To..." type="text"> <input id="searchcity" value="Search" type="submit"> </div>
- i am trying to create a method in which if i press a arrow key (up) then my any link (lets say it home link) from my main navigation is automatically clicked! and i m redirected to home page..... please help guys......
- i am trying to develop a jquery based keyboard navigation for my new project.....
my code:
<script type="text/javascript">
$(document).ready(function()
{
$(window).keyup(function(event){
//console.log(event.keyCode);
if(event.keyCode == 37){
// console.log($('#test a.active'));
console.log($('.post-nav fix span.previous').find('a'));
$('.post-nav fix .previous').find('a').click();
}
else if(event.keyCode == 39){
console.log($('#test a.active'));
$('#test a.active').parent().next().find('a').click();
}
});
});
</script>
<div id="test">
<ul>
<li><a href="#">Home</a></li>
<li><a class="active" href="#">My work</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
but the problem i face is that when my active link goes to first element of unordered list and then i press up arrow key, then i lose track of my active link... help me guys.... m bit in a hurry...- «Prev
- Next »
Moderate user : neil6502
© 2013 jQuery Foundation
Sponsored by and others.
