Solució exercici6-ajax - Historial de revisió

Mfernandez a 14:41, 9 abr 2024

2024-04-09T14:41:55Z

Mfernandez a 14:40, 9 abr 2024

2024-04-09T14:40:56Z

Jnoguera a 13:23, 19 març 2015

2015-03-19T13:23:48Z

Jnoguera a 14:35, 17 març 2015

2015-03-17T14:35:21Z

Jnoguera: Es crea la pàgina amb «

@@ Línia 70: / Línia 70: @@
 </source>
 <source lang="java">
@@ Línia 192: / Línia 193: @@
 ?>
 </source>

← Versió més antiga		Revisió del 14:40, 9 abr 2024
Línia 1:		Línia 1:
		+	//fitxer html
		+
		+	<source lang="java">
		+	<!DOCTYPE html>
		+	<html lang="ca">
		+
		+	<head>
		+	<meta charset="UTF-8">
		+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		+	<title>Exercici 6 AJAX</title>
		+	</head>
		+
		+	<body>
		+	<h1>Exercici 6 AJAX</h1>
		+	<input type="text" id="input"></input>
		+	<br>Suggeriments:
		+	<div id="contingut"></div>
		+
		+	<script lang="javascript">
		+	var xhr = new XMLHttpRequest();
		+
		+	var contingut = document.getElementById("contingut");
		+	var input = document.getElementById("input");
		+
		+	input.oninput = function () {
		+	xhr.open("GET", "ex6.php?q=" + input.value);
		+	xhr.send(null);
		+	};
		+
		+	xhr.onreadystatechange = function () {
		+	if (xhr.readyState == 4 && xhr.status == 200) {
		+	contingut.innerHTML = xhr.responseText;
		+	}
		+	};
		+	</script>
		+	</body>
		+
		+	</html>
		+	</source>
		+
		+	//fitxer php
		+	<source lang="java">
		+	<?php
		+	// Array with names
		+	$a = array("Anna", "Brittany", "Cinderella", "Diana", "Eva", "Fiona", "Gunda", "Hege", "Inga", "Johanna", "Kitty", "Linda", "Nina", "Ophelia", "Petunia", "Amanda", "Raquel", "Cindy", "Doris", "Eve", "Evita", "Sunniva", "Tove", "Unni", "Violet", "Liza", "Elizabeth", "Ellen", "Wenche", "Vicky");
		+
		+	// get the q parameter from URL
		+	$q = $_REQUEST["q"];
		+
		+	$hint = "";
		+
		+	// lookup all hints from array if $q is different from ""
		+	if ($q !== "") {
		+	$q = strtolower($q);
		+	$len = strlen($q);
		+	foreach ($a as $name) {
		+	if (stristr($q, substr($name, 0, $len))) {
		+	if ($hint === "") {
		+	$hint = $name;
		+	} else {
		+	$hint .= "<br>$name";
		+	}
		+	}
		+	}
		+	}
		+
		+	// Output "no suggestion" if no hint was found or output correct values
		+	echo $hint === "" ? "no suggestion" : $hint;
		+
		+	</source>
		+
	<source lang="java">		<source lang="java">

@@ Línia 1: / Línia 1: @@
 <source lang="java">
@@ Línia 100: / Línia 99: @@
 // get the q parameter from URL
-$q=$_REQUEST["q"]; $hint="";
+$q=$_REQUEST["q"];
 // lookup all hints from array if $q is different from ""
 if ($q !== "")
-   { $q=strtolower($q); $len=strlen($q);
+   { $q=strtolower($q);
      foreach($a as $name)
      { if (stristr($q, substr($name,0,$len)))

@@ Línia 1: / Línia 1: @@
 <source lang="java">
@@ Línia 56: / Línia 57: @@
 </source>
 <source lang="java">
 <?php