Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:
Avatar
Pavel Soukup
Člen
Avatar
Pavel Soukup:4.12.2017 21:27

Ahoj :D potřeboval bych se zeptat zkušených IT programátorů kteří by mi mohli pomoci s mým problémem ohledně Jquery. Moje práce se týká najetí nejbližších rybníků v mém okolí, což už mám, ale hraju si s popup oknama a zde jsem narazil.

Pokusím se vysvětlit co mám a co je můj problém.

Mám vytvořenou funkci, která obsahuje form s inputama jako mou polohou, vzdáleností od které se mají zobrazit rybníky od uživatele a počet rybníků, které chce zobrazit.

function userNearest() {
global $db;

echo '<h2>Rybářské revíry v mém okolí:</h2>'.

'<form method="POST" id="nearestForm">'.
'<input type="hidden" name="lat" id="lat">'.
'<input type="hidden" name="lng" id="lng">'.

'<select id="distance" name="distance">'.
'<option value="1000000">­neomezená vzdálenost</op­tion>'.
'<option value="5">5 km</option>'.
'<option value="10">10 km</option>'.
'<option value="15">15 km</option>'.
'<option value="20">20 km</option>'.
'<option value="25">25 km</option>'.
'<option value="30">30 km</option>'.
'</select>'.
'počet rybníků:'.
'<select id="count" name="count">'.
'<option value="1000000">­zobrazit všechny rybníky</option>'.
'<option value="5">5 rybníků</option>'.
'<option value="10">10 rybníků</option>'.
'</select>'.
'<input type="submit" name="odeslat" value="hledat">'.
'</form>';

}

hodnoty se uloží do proměnných v jquery a tam se snažím o zobrazení popup okna a poslání do něho, ale vždy po kliknutí na submit se mi zobrazí popup okno, ale prázdný a hodnoty mám v consoli, což je logické.

$(document).re­ady(function () {

$("form#neares­tForm").on("sub­mit", function() {
$("#popup").fa­deIn();

var lat = $("#lat").val();
var lng = $("#lng").val();
var distance = $("#distance")­.val();
var count = $("#count").val();

$.post("index.php", {lat: lat, lng: lng, distance: distance, count: count})
.done(function(da­ta) {
console.log("data byla poslána" + data);
});
return false;
})

$("span").clic­k(function () {
$("#popup").fa­deOut();
})

$(".pozadiZaBo­xem").click(fun­ction () {
$("#popup").fa­deOut();
})
});

a moje otázka tedy zní, proč se mi nejbližší rybníky nevypíšou v tom divu.

Pokud by ste něco nepochopili nebo potřebovali něco dovysvětlit, ozvěte se:).

Děkuji moc za pomoc

 
Odpovědět
4.12.2017 21:27
Avatar
Jan Štrobl
Člen
Avatar
Jan Štrobl:5.12.2017 9:00

Mám trochu obavu že budu potřebovat obrázkovou nápovědu :D Nebo kdybys použil code. Vepiš sem celý kód přes

code

prosím :D a screen výstupu.

 
Nahoru Odpovědět
5.12.2017 9:00
Avatar

Člen
Avatar
Odpovídá na Pavel Soukup
:5.12.2017 10:45

V #popup okne sa nič nezobrazí, lebo do #popup nič nevpisuješ. Len ho dáš zobraziť, vykonáš $.post a už len čakáš na klik aby si ten prázdny #popup zavrel.

 
Nahoru Odpovědět
5.12.2017 10:45
Avatar
Věnceslav Kabanos
Člen
Avatar
Věnceslav Kabanos:5.12.2017 10:56

Máš štěstí, že jdu zrovna kolem...

Výsledek nevidíš, protože do popup okna nikde nic nezapisuješ. Místo do konzole, si vypiš výsledek do toho okna.

Pokud není něco jasný, nebo máš nějaký dotazy nebo tak nějak, neváhej a piš. Říkaj, že jsem odborník.

V. Kabanos

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
5.12.2017 10:56
Avatar
Pavel Soukup
Člen
Avatar
Pavel Soukup:6.12.2017 12:32

Děkuju moc, už jsem to vyřešil :) stačilo pouze po odeslání informaci pomocí POST poslat na samostatnou stránku, kde se vyřešili patřičné výkony a potom stačilo poslat tyto informace zpátky do jQuery do .done function() a tam jsem to přeposlal do popup okna :)

Špatně jsem pochopil tuto strukturu přeposílání dat, ale už jsem se v tom našel :)

Ještě jednou moc děkuji.

 
Nahoru Odpovědět
6.12.2017 12:32
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.