Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

rzv · Data înscrierii: 29/Apr/2006 Mesaje: 65

Cod:
<form method="get" action="greeting.php" id="greetingform" onsubmit=greet()>
<div>
<label for="greetingname">Enter your name:</label>
<input id="greetingname" type="text" />
<input id="greetingsubmit" type="submit" value="Greet me!" />
</div>
<div id="greeting"></div>
</form>

<html

functia greet:
Cod:
function greet(){
var url = 'greeting.php';
var pars = 'greetingname='+greetingform.greetingname.value;
var target = 'greeting';
var myAjax = new Ajax.Updater(target, url, {method: 'get',parameters: pars});
;}

ceea ce vreau sa faca codul de mai sus este sa preia valoarea lui greetingname, si greeting.php sa faca un echo, sub formularul din html (in div id="greeting";)

ceea ce rezulta insa in urma rularii este pagina :..../test/greeting.php? < nu preia valoarea lui greetingname
(test este directorul curent)

codul de mai sus este tutorialul modificat dupa: http://24ways.org/advent/easy-ajax-with-prototype

va rog dati-mi o lamurire in caz ca puteti[/code]

cdanea · Trimis: Lun Mai 08, 2006 5:05 pm Titlul subiectului:

daca asta este singurul cod JS care vrei sa il folosesti, si nu definesti nicaieri cine e greetingform ala, nu ma mir ca nu merge nimic!

cdanea · Trimis: Lun Mai 08, 2006 5:12 pm Titlul subiectului:

ca sa nu zica lumea ca sunt mucalit:
Cod:
<script ...>
function greet(){
var url = 'greeting.php';
var f = document.getElementById('greetingform');
car gn = f.elements['greetingname'];
var pars = 'greetingname=' + gn.value;
var target = 'greeting';
var myAjax = new Ajax.Updater(target, url, {method: 'get',parameters: pars});
}
</script>

<form method="get" action="greeting.php" id="greetingform">
<div>
<label for="greetingname">Enter your name:</label>
<input id="greetingname" type="text" />
<input id="greetingsubmit" type="button" value="Greet me!" onclick="javascript:greet()" />
DACA ii dai submit, nu mai are sens AJAX dom'le, ca se face refresh la pagina, si se pierde socketul !!!
</div>
<div id="greeting"></div>
</form>

Banuiesc ca Updater e facut de altcineva, si stie sa faca getElementById pe "target"...

rzv · Data înscrierii: 29/Apr/2006 Mesaje: 65

nu se face submit in cazul in care functia contine: event.returnValue=false;
(in ajax.js :
function greet(){
event.returnValue=false;
var url = 'greeting.php';
var pars = 'greeting-name='+escape($F('greeting-name'));
var target = 'greeting';
var myAjax = new Ajax.Updater(target, url, {method: 'get',parameters: pars});
}

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Easy Ajax</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form method="get" action="greeting.php" id="greeting-form" onSubmit="greet();">
<div>
<label for="greeting-name">Enter your name:</label>
<input id="greeting-name" name="greeting-name" type="text" />
<input id="greeting-submit" name="greeting-submit" type="submit" value="Greet me!" />
</div>
<div id="greeting"></div>
</form>
</body>
</html>

var $F = Form.Element.getValue;

consider ca e un material foarte bun pt incepatori ca sa nu mai fie nevoie sa-si bata si ei capul

:wink: :D 8)

PHPRomania Bot · Mie Dec 26, 2007 7:01 pm