PeTkO |
06. 01. 2012. 01:49 |
Prosledjivanje podataka za javascript
Pozdrav
Potrebna mi je pomoc. Kako da podatke iz jednog text fielda prosledim podatke javascript funkciji nakon klika na dugme (ali ne na submit dugme)? Evo deo koda skripte pa cete sami videti u cemu je problem:
PHP kôd:
$start = $row["start"];
$tarifaDB = $row[$tarifa];
echo '<input type="text" name="km" />';
echo '<input type="button" value="Izracunaj" onClick="cena2('.$start.','.$tarifaDB.','.$podaciIzTextField.')" />
Znaci, funckija cena2 ima tri parametra: start, tarifaDB, i treci parametar je onaj koji korisnik ukuca u text field. Klikom na dugme u formi, poziva se JS funkcija "cena2" i njoj se prosledjuju navedeni podaci i ona izvrsava njene zadatke (to nije sada bitno)...Kako da joj prosledim podatke iz text fielda?
|
sinisake |
06. 01. 2012. 02:05 |
PHP kôd:
echo '<input type="text" name="km" id="km" />';
echo '<input type="button" value="Izracunaj" onClick="cena2('.$start.','.$tarifaDB.','."document.getElementById('km').value".')" />'
|
PeTkO |
06. 01. 2012. 02:35 |
Hvala puno. Isprobacu sutra da li radi
|
Br@nkoR |
06. 01. 2012. 08:40 |
Promenljive $start i $tarifaDB su koji tip?
Ukioliko su string, potrebno je da ih staviš unutar navodnika, npr:
PHP kôd:
echo '<form>
<input type="text" name="km" />
<input type="button" value="Izracunaj" onClick="cena2(\'' . $start . '\', \'' . $tarifaDB . '\', this.form.km.value)" />
</form>' ;
|
PeTkO |
06. 01. 2012. 16:09 |
Ajd' da ne otvaram novu temu...Eksperimentisem sa Ajaxom malo, jos uvek ga ucim, i pokusavam da napravim skriptu koja ce nakon selekcije u dropdown listi, da otvori php fajl u koji ispisuje sta si selektovao u listi. Ja sam napisao skriptu, ali nece da radi, pa mi je potrebna vasa pomoc. Evo koda:
HTML (ime fajla index.html):
PHP kôd:
<form> <select name="grad" onchange="grad(this.value)"> <option value="">Izaberi grad</option> <option value="Beograd">Beograd</option> <option value="Novi Sad">Novi Sad</option> <option value="Nis">Nis</option> </select> </form> <div id="grad2"></div>
PHP (ime fajla grad2.php):
PHP kôd:
$grad=$_GET["grad"]; echo "Selektovao si ".$grad;
JS:
PHP kôd:
function grad(grad) { if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */ { xmlhttp=new XMLHttpRequest(); } else {/* code for IE6, IE5 */ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */ { document.getElementById("grad").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","grad.php?grad="+grad,true); xmlhttp.send(); }
U cemu je problem? Gde gresim?
|
sinisake |
06. 01. 2012. 16:34 |
Osim sto si pobrkao imena fajlova - grad2.php u ajax request, i grad2 div, ako hoces da vidis rezultate, problem je i ime same funkcije (ne znam zasto, neko uceniji ce bolje da objasni, ali javlja mi se da je problem bio u tome sto i funkcija i ime jednog elementa forme imaju isti naziv?). :D
No, ovo sad radi.
Kôd:
function izaberi(grad)
{
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */
{
xmlhttp=new XMLHttpRequest();
}
else
{/* code for IE6, IE5 */
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */
{
document.getElementById("grad2").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","grad2.php?grad="+grad,true);
xmlhttp.send();
}
HTML:
<select name="grad" onchange="izaberi(this.value)">
|
Br@nkoR |
06. 01. 2012. 16:49 |
Problem je u vidljivošću (scope).
Možeš da probaš i onchange="window.grad(this.value)" naravno uz imene koje je @sinisake naveo (ime php fajla i id div elementa)
|
PeTkO |
06. 01. 2012. 17:51 |
Prethodni problem sam resio, ali javio se novi. Kako da pozovem odredjenu JS funkciju i da joj prosledim dva parametra preko radio dugmica? Evo dela koda:
PHP kôd:
<input type="radio" name="tarifa" value="tar2_cena" id="tar2_cena" onClick="getKm('.$taxi.', this.value)" />Tarifa 2 '.$row["tar2_opis"].'<br \> <input type="radio" name="tarifa" value="tar3_cena" id="tar3_cena" onclick="getKm('.$taxi.', this.value)" />Tarifa 3 '.$row["tar3_opis"].'<br \>
JS:
PHP kôd:
function getKm(taxi, tarifa) {
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */ { xmlhttp=new XMLHttpRequest(); } else {/* code for IE6, IE5 */ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */ { document.getElementById("km").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/km.php?taxi="+taxi+"&tarifa="+tarifa,true); xmlhttp.send(); }
Znaci korisnik moze da selektuje samo jedan radio button, svaki radio button nosi drugacije podatke(sluzi mi kasnije za izvlacenje odredjenih podataka iz baze), i kada se selektuje poziva JS koji prosledjuje podatke php fajlu (u ovom slucaju km.php) i on dalje radi ono sto mu je napisano (nije bitno to sada). Probaosam sa onClick, onSelect, onChange i nista mi ne daje rezultat.
|
Br@nkoR |
06. 01. 2012. 18:04 |
Prijavljuje li browser neki grešku, pogledaj u konzoli. Postavi generisani html kod (koju vrednost ima php promenljiva $taxi)
|
PeTkO |
06. 01. 2012. 18:24 |
Konzola prijavljuje gresku "Uncaught SyntaxError: Unexpected identifier" i to kada kliknem na radio button. A promenljiva $taxi se izvlaci iz baze podataka (proverio sam, ispisuje podatak iz baze) i u pitanju je tekst (ime taxi sluzbe)
|
Br@nkoR |
06. 01. 2012. 18:33 |
Pokušaj ono što sam napisao u prvoj poruci ove teme, takođe promenljivu $taxi propusti kroz php funkciju htmlspecialchars()
Ili postavi html kod koji je generisao php, u browser-u desni klik pa View (page) source.
|
PeTkO |
06. 01. 2012. 19:04 |
Posto je u pitanju joomla postavicu samo bitne delove koda:
Generisani HTML
PHP kôd:
<script type="text/javascript"> //<![CDATA[ function getTaxi(grad)
{
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */
{
xmlhttp=new XMLHttpRequest();
}
else
{/* code for IE6, IE5 */
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */
{
document.getElementById("taxi").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/taxi.php?grad="+grad,true);
xmlhttp.send();
}
function getTarifa(taxi)
{
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */
{
xmlhttp=new XMLHttpRequest();
}
else
{/* code for IE6, IE5 */
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */
{
document.getElementById("tarifa").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/tarifa.php?taxi="+taxi,true);
xmlhttp.send();
}
function getKm(taxi, tarifa)
{
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */
{
xmlhttp=new XMLHttpRequest();
}
else
{/* code for IE6, IE5 */
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */
{
document.getElementById("km").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/km.php?taxi="+taxi+"&tarifa="+tarifa,true);
xmlhttp.send();
} //]]> </script>
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="/templates/taksimetar/css/template.css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="/templates/taksimetar/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/templates/taksimetar/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>
<script type="text/javascript" src="/templates/taksimetar/jquery.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="/templates/taksimetar/script.js"></script>
<script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>
</head>
<body class="taxi-j16"> <div class="taxi-nostyle">
<form action="http://www.taksimetar.com/sr/?chronoform=Test&event=submit" name="Test" id="chronoform_Test" method="get" class="Chronoform"><div class="ccms_form_element cfdiv_custom" id="kalkulator_container_div"><label>Kalkulator</label><select name="grad" onchange="getTaxi(this.value)">
<option value="">Izaberi grad</option>
<option value="1">Beograd</option>
<option value="2">Novi Sad</option>
<option value="3">Nis</option>
</select>
<br />
<div id="taxi"></div>
<div id="tarifa"></div>
<div id="km"></div>
<div id="cena"></div>
<div class="clear"></div><div id="error-message-"></div></div><input type="hidden" name="72ceb93b74a936daab407adf4840f581" value="1" /></form><!-- don't remove the following 3 lines if you didn't buy a subscription -->
<div class="chronoform">
<a href="http://www.chronoengine.com">Powered By ChronoForms - ChronoEngine.com</a>
</div> .....
JS:
PHP kôd:
function getTaxi(grad) {
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */ { xmlhttp=new XMLHttpRequest(); } else {/* code for IE6, IE5 */ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */ { document.getElementById("taxi").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/taxi.php?grad="+grad,true); xmlhttp.send(); }
function getTarifa(taxi) {
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */ { xmlhttp=new XMLHttpRequest(); } else {/* code for IE6, IE5 */ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */ { document.getElementById("tarifa").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/tarifa.php?taxi="+taxi,true); xmlhttp.send(); }
function getKm(taxi, tarifa) {
if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */ { xmlhttp=new XMLHttpRequest(); } else {/* code for IE6, IE5 */ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */ { document.getElementById("km").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/km.php?taxi="+taxi+"&tarifa="+tarifa,true); xmlhttp.send(); }
taxi.php:
PHP kôd:
$grad=$_GET["grad"];
if ($grad=="1") { echo '<select name="taxi" onchange="getTarifa(this.value)"> <option>Izaberi taxi</option> <option value="TaxiBG1">TaxiBG1</option> <option value="TaxiBG2">TaxiBG2</option> <option value="TaxiBG3">TaxiBG3</option> <option value="TaxiBG4">TaxiBG4</option> <option value="TaxiBG5">TaxiBG5</option> </select><br />'; } if ($grad=="2") { echo '<select name="taxi" onchange="getTarifa(this.value)"> <option>Izaberi taxi</option> <option value="TaxiNS1">TaxiNS1</option> <option value="TaxiNS2">TaxiNS2</option> <option value="TaxiNS3">TaxiNS3</option> <option value="TaxiNS4">TaxiNS4</option> <option value="TaxiNS5">TaxiNS5</option> </select><br />'; } if ($grad=="3") { echo '<select name="taxi" onchange="getTarifa(this.value)"> <option>Izaberi taxi</option> <option value="Bros Taxi">Bros Taxi</option> <option value="Delta Taxi">Delta Taxi</option> <option value="TaxiNI3">TaxiNI3</option> <option value="TaxiNI4">TaxiNI4</option> <option value="TaxiNI5">TaxiNI5</option> </select><br />'; } else { echo "Greska u taxi.php"; }
tarifa.php:
PHP kôd:
<?php $taxi = htmlspecialchars($_GET["taxi"]); mysql_connect("localhost", "******", "******") or die("Could not connect: " . mysql_error()); mysql_select_db("******");
$result = mysql_query("SELECT * FROM jos_kalkulator WHERE ime='$taxi'"); $row = mysql_fetch_array($result, MYSQL_ASSOC); echo $taxi; echo ' <input type="radio" name="tarifa" value="tar1_cena" onchange="window.getKm('.$taxi.', this.value)" />Tarifa 1 '.$row["tar1_opis"].'<br \> <input type="radio" name="tarifa" value="tar2_cena" onchange="window.getKm('.$taxi.', this.value)" />Tarifa 2 '.$row["tar2_opis"].'<br \> <input type="radio" name="tarifa" value="tar3_cena" onhange="window.getKm('.$taxi.', this.value)" />Tarifa 3 '.$row["tar3_opis"].'<br \>
';
?>
km.php
PHP kôd:
<?php $taxi = $_GET["taxi"]; $tarifa = $_GET["tarifa"]; mysql_connect("localhost", "taksimet_v0idmp3", "petkovic1993") or die("Could not connect: " . mysql_error()); mysql_select_db("taksimet_taksi"); $result = mysql_query("SELECT * FROM jos_kalkulator WHERE ime='$taxi'"); $row = mysql_fetch_array($result, MYSQL_ASSOC); echo "Text iz km.php"; $start = $row["start"]; $tarifaDB = $row[$tarifa]; echo '<input type="text" name="km" />'; echo "<input type='button' value='Izracunaj' onClick='getCena(".$start.",".$tarifaDB.", document.getElementById('km').value)";
?>
Poslednju JS skriptu nisam jos uvek uradio. To cu zavrsiti kad resim ovaj problem. Znaci, korisnik prvo bira grad iz dropdown liste. Kada izabere grad, poziva se fajl taxi.php koji na osnovu izabranog grada postavlja listu dostupnih taxi sluzbi u tom gradu. Kada korisnik izabere taxi sluzbu, poziva se fajl tarifa.php koji daje mogucnost biranja jedne od tri moguce tarife (prva, druga i treca). Svaka tarifa ima drugaciju cenu i opis (tarifa 1 ima cenu od 45 dinara, a opis je "od 06 do 22h"). Korisnik treba da izabere jednu od tri tarifa (tu nastaje problem) i da JS pozove fajl km.php i da mu prosledi dva parametra: taksi sluzbu ($taxi) i tarifu. I sad tu imam problem. Sve lepo funkcionise do momenta kada korisnik treba da izabere tarifu i da mu se otvori mogucnost da unese kilometrazu. Kako sve radi mozete da vidite na www.taksimetar.com.
P.S. U pitanju je skripta za izracunavanje priblizne cene voznje taksijem na osnovu tarife, cene starta i predjene kilometraze
|
Br@nkoR |
06. 01. 2012. 19:16 |
Pokušaj da umesto:
PHP kôd:
echo '
<input type="radio" name="tarifa" value="tar1_cena" onchange="window.getKm('.$taxi.', this.value)" />Tarifa 1 '.$row["tar1_opis"].'<br \>
<input type="radio" name="tarifa" value="tar2_cena" onchange="window.getKm('.$taxi.', this.value)" />Tarifa 2 '.$row["tar2_opis"].'<br \>
<input type="radio" name="tarifa" value="tar3_cena" onhange="window.getKm('.$taxi.', this.value)" />Tarifa 3 '.$row["tar3_opis"].'<br \>
';
staviš:
PHP kôd:
echo '
<input type="radio" name="tarifa" value="tar1_cena" onchange="window.getKm(\''.$taxi.'\', this.value)" />Tarifa 1 '.$row["tar1_opis"].'<br \>
<input type="radio" name="tarifa" value="tar2_cena" onchange="window.getKm(\''.$taxi.'\', this.value)" />Tarifa 2 '.$row["tar2_opis"].'<br \>
<input type="radio" name="tarifa" value="tar3_cena" onhange="window.getKm(\''.$taxi.'\', this.value)" />Tarifa 3 '.$row["tar3_opis"].'<br \>
';
|
PeTkO |
06. 01. 2012. 21:27 |
Ostao je jos jedan mali problem...Sve lepo radi osim prvobitne stvari. Podatke iz text field-a mi vraca kao "undifined". Evo coda:
PHP kôd:
echo '<input type="text" id="km" name="km" /> <br \>'; echo '<input type="button" value="Izracunaj" onClick="getCena('.$start.','.$tarifaDB.','."document.getElementById('km').value".')" />' ;
|
Br@nkoR |
06. 01. 2012. 22:30 |
Proveri kod u fajlu km.php proveri da li je upit dobar, šta vraćaju promenljive $start i $tarifaDB jer kada se pozove npr.
http://www.taksimetar.com/km.php?tar...a&taxi=TaxiNS1
dobija se:
Kôd:
Text iz km.phptar2_cena<input type="text" id="km" name="km" /> <br \><input type="button" value="Izracunaj" onClick="getCena(,,document.getElementById('km').value)" />
označio sam crvenom bojom
Obrati pažnju gore si u istom fajlu ostavio username i password, moža nisu ispravni ali za svaki slučaj da napomenem.
|
PeTkO |
06. 01. 2012. 22:38 |
promenljive $start i $tarifaDB vracaju ispravne rezultate(iz baze podataka), provereno. Mozes i sam da proveris tako sto ces da pokrenes celu skriptu na sajtu www.taksimetar.com. Kada trazim echo promenljive $km vraca mi "undefined". Ja sam nesto trazio na googlu i nasao sam neki clanak da mora da se upotrebi funkcija json_encode ali ne znam gde i kako
|
sinisake |
06. 01. 2012. 22:46 |
Ma ne treba... pogledaj sta je Branko napisao... imas gresku sa zarezom... kad to ispravis, trebalo bi da radi...
|
Br@nkoR |
06. 01. 2012. 22:50 |
Provero sam u prethodnoj poruci. Pogledaj link u prethodnoj poruci, kada se pogleda kod koji vrati server vidi se da su te dve promenljive prazne:
HTML kôd:
onClick="getCena(,,document.getElementById('km').value)"
|
PeTkO |
06. 01. 2012. 23:01 |
Hm...sada i ja vidim...problem je samo sto ne znam odakle taj jedan zarez...
Evo koda iz PHP-a koji vraca rezultat:
PHP kôd:
echo '<input type="text" id="km" /> <br \>'; echo '<input type="button" value="Izracunaj" onClick="window.getCena('.$start.','.$tarifaDB.','."document.getElementById('km').value".')" />' ;
Promenljive $start i $tarifaDB su obicni dvocifreni brojevi...
|
PeTkO |
06. 01. 2012. 23:05 |
Ok resio sam ovaj problem sa zarezima...
Evo koda resenja
PHP kôd:
echo '<input type="text" id="km" /> <br \>'; echo '<input type="button" value="Izracunaj" onClick="window.getCena(\''.$start.'\',\''.$tarifaDB.'\','."document.getElementById('km').value".')" />' ;
Ali opet vraca text polje kad undefined
|
Br@nkoR |
06. 01. 2012. 23:10 |
Imaš i div elemenat koji ima takođe id km, id u okviru dokumenta mora biti jednistven.
|
PeTkO |
06. 01. 2012. 23:13 |
To je bio problem...Covek hvala ti puno, imas pivo od mene.
Jos uvek ucim Ajax i ovo mi je prva skripta koju sam radio uz pomoc ajax-a tako da moram da prelezim "decije" bolesti. Jos jednom hvala svima
|
Vreme je GMT +2. Trenutno vreme je 13:17. |
|
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.