Diskuze: Jquery problém

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Pavel Soukup

Člen

Pavel Soukup:4.12.2017 21:27

Ahoj 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</option>'.
'<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).ready(function () {

$("form#nearestForm").on("submit", function() {
$("#popup").fadeIn();

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(data) {
console.log("data byla poslána" + data);
});
return false;
})

$("span").click(function () {
$("#popup").fadeOut();
})

$(".pozadiZaBoxem").click(function () {
$("#popup").fadeOut();
})
});

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

Jan Štrobl

Člen

Jan Štrobl:5.12.2017 9:00

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

code

prosím a screen výstupu.

Nahoru Odpovědět

5.12.2017 9:00

Člen

: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

Věnceslav Kabanos

Člen

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č

Nahoru Odpovědět

5.12.2017 10:56

Pavel Soukup

Člen

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.

Nejčastěji vyhledáváné

Diskuze: Jquery problém