Jump to content

Photo
* * * * * 1 votes

Banner - slider prezentujący ogłoszenia


3 replies to this topic
  • Please log in to reply
fifty

    Nowy użytkownik

  • 3 posts
    • :
-1
Neutralna

Posted 20 February 2014 - 15:37

#1

Witam

Stworzyłem taki portal - http://citask.pl

 

i chcę dodać, aby na wysokości mapy wyskakiwał jakiś ruchomy slider i przesuwał się, prezentując konkretne ogłoszenia na podstawie geolokalizacji użytkownika.

Czy wie ktoś, jak coś takiego stworzyć? Albo dysponuje ktoś gotowym kodem?


  • 0

unbreak

    WT Elite

  • 1937 posts
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Posted 20 February 2014 - 16:03

#2

To raczej html + css + js ;]

 

Jak dokładnie to ma działać bo bardzo ogólnie zostało to opisane, czego konkretnie potrzebujesz?

Robisz niepotrzebnie przeładowanie strony tylko po to żeby zaktualizować markery na mapie, możesz to swobodnie zrobić za pomoca jquery (ajax).

 

Widzę to tak:

1. Tworzysz dynamicznie jakiegoś jsona z ofertami na podstawie posta z lokalizacją (myślę że nie sprawi Ci to trudności skoro stworzyłeś już taki portal)

2. Za pomocą jquery odbierasz tego jsona i generujesz html slidera.


  • 0

webDeveloper


fifty

    Nowy użytkownik

  • 3 posts
    • :
-1
Neutralna

Posted 21 February 2014 - 13:59

#3

Myślę, że jakoś to uda się zrobić :) Chciałbym po prostu albo zamiast tego slidera zrobić po prostu tak, że jeśli geolokalizacja wykryje że ktoś jest z Poznania, to ta mapa na głównej stronie wyśrodkowuje się na Poznaniu albo okolicach. To chyba byłoby prostsze?


  • 0

unbreak

    WT Elite

  • 1937 posts
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Posted 21 February 2014 - 14:24

#4

Coś takiego: 

if (navigator.geolocation){
	navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
	destination.innerHTML="Geolocation is not supported by this browser.";
}

function showPosition(position){
 var lat = position.coords.latitude;
 var lng = position.coords.longitude;

 //tutaj centrujesz mape etc.
}
function showError (error){
	switch(error.code){
		case error.PERMISSION_DENIED:
			alert("User denied the request for Geolocation.");
			break;
		case error.POSITION_UNAVAILABLE:
			alert("Location information is unavailable.");
			break;
		case error.TIMEOUT:
			alert("The request to get user location timed out.");
			break;
		case error.UNKNOWN_ERROR:
			alert("An unknown error occurred.");
			break;
	}
}


  • 1

webDeveloper





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users