Skocz do zawartości

Zdjęcie
* * * * * 1 głosy

Banner - slider prezentujący ogłoszenia


3 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
fifty

    Nowy użytkownik

  • 3 postów
    • :
-1
Neutralna

Napisano 20 lutego 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

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 20 lutego 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 postów
    • :
-1
Neutralna

Napisano 21 lutego 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

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 21 lutego 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





Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych