VORREI RACCHIUDERE VARIE FUNZIONI IN UN UNICA FUNZIONE CHE FUNZIONA A SECONDA DELLA SELECT CLICCATA
FORM
<form id="trova-smartphone" name="trovasmart" method="post" action="">
<table class="trovasmart">
<tr><td id="aziendaProduttrice-label"><label for="aziendaProduttrice" class="optional">Marca</label></td>
<td class="element">
<select name="aziendaProduttrice" id="aziendaProduttrice">
<option value="Acer" label="Acer">Acer</option>
<option value="Apple" label="Apple">Apple</option>
<option value="Asus" label="Asus">Asus</option>
<option value="HTC" label="HTC">HTC</option>
<option value="Huawei" label="Huawei">Huawei</option>
</select></td>
<td class="element">
<select name="gpu" id="gpu">
<option value="" label=""></option>
<option value="Adreno 205" label="Adreno 205">Adreno 205</option>
<option value="Adreno 220" label="Adreno 220">Adreno 220</option>
<option value="Adreno 225 " label="Adreno 225 ">Adreno 225 </option>
<option value="Adreno 320" label="Adreno 320">Adreno 320</option>
<option value="PowerVR SGX 543MP2" label="PowerVR SGX 543MP2">PowerVR SGX 543MP2</option>
<option value="Tegra 2" label="Tegra 2">Tegra 2</option>
<option value="Tegra 3" label="Tegra 3">Tegra 3</option>
</select></td>
<td class="element">
<select name="fotocamera" id="fotocamera">
<option value="3.2" label="3.2">3.2</option>
<option value="5" label="5">5</option>
<option value="8" label="8">8</option>
<option value="13" label="13">13</option>
</select></td>
</tr></table></form>
VARIE FUNZIONI JQUERY
$(document).ready(function(){
$("#gpu").change(function(){
var valore = $("#gpu").val();
$.ajax({
url: "stampagpu.php?gpu="+valore,
type: "POST",
success: function(data) {
$("#result").html(data);
}
});
return false;
});
$("#aziendaProduttrice").change(function(){
var valore = $("#aziendaProduttrice").val();
$.ajax({
url: "stampamarca.php?aziendaProduttrice="+valore,
type: "POST",
success: function(data) {
$("#result").html(data);
}
});
return false;
});
$("#fotocamera").change(function(){
var valore = $("#fotocamera").val();
$.ajax({
url: "stampafoto.php?fotocamera="+valore,
type: "POST",
success: function(data) {
$("#result").html(data);
}
});
return false;
});
});
E ALLA PAGINA PER ESEMPIO stampagpu.php HO
<?php
include("../include/connect.php");
$conn=mysql_connect($HOST, $USER, $PASSWORD);
$db_ok=mysql_select_db($DB, $conn);
$g = $_GET["gpu"];
$i=0;
$ris = mysql_query("SELECT * FROM cellulare WHERE gpu = '$g'", $conn);
echo '<table class="ris"><tr>';
while ($row = mysql_fetch_array($ris)) {
if($i++%4 == 0)
echo "</tr><tr>";
echo "<td class='image'> <img src=immagini/".$row["image"]."><br>";
echo '<a title="Smartphone" href="/smartphone/public/public/cell/idSmart/'.$row['idSmart'].'">';
$row['aziendaProduttrice'];' ';echo $row['nome'].'</td></a>';
}
echo "</tr></table>";
mysql_close($conn);
?>
IN PRATICA VORREI CAPIRE COME FARE UNA COSA UNICA
FORM
<form id="trova-smartphone" name="trovasmart" method="post" action="">
<table class="trovasmart">
<tr><td id="aziendaProduttrice-label"><label for="aziendaProduttrice" class="optional">Marca</label></td>
<td class="element">
<select name="aziendaProduttrice" id="aziendaProduttrice">
<option value="Acer" label="Acer">Acer</option>
<option value="Apple" label="Apple">Apple</option>
<option value="Asus" label="Asus">Asus</option>
<option value="HTC" label="HTC">HTC</option>
<option value="Huawei" label="Huawei">Huawei</option>
</select></td>
<td class="element">
<select name="gpu" id="gpu">
<option value="" label=""></option>
<option value="Adreno 205" label="Adreno 205">Adreno 205</option>
<option value="Adreno 220" label="Adreno 220">Adreno 220</option>
<option value="Adreno 225 " label="Adreno 225 ">Adreno 225 </option>
<option value="Adreno 320" label="Adreno 320">Adreno 320</option>
<option value="PowerVR SGX 543MP2" label="PowerVR SGX 543MP2">PowerVR SGX 543MP2</option>
<option value="Tegra 2" label="Tegra 2">Tegra 2</option>
<option value="Tegra 3" label="Tegra 3">Tegra 3</option>
</select></td>
<td class="element">
<select name="fotocamera" id="fotocamera">
<option value="3.2" label="3.2">3.2</option>
<option value="5" label="5">5</option>
<option value="8" label="8">8</option>
<option value="13" label="13">13</option>
</select></td>
</tr></table></form>
VARIE FUNZIONI JQUERY
$(document).ready(function(){
$("#gpu").change(function(){
var valore = $("#gpu").val();
$.ajax({
url: "stampagpu.php?gpu="+valore,
type: "POST",
success: function(data) {
$("#result").html(data);
}
});
return false;
});
$("#aziendaProduttrice").change(function(){
var valore = $("#aziendaProduttrice").val();
$.ajax({
url: "stampamarca.php?aziendaProduttrice="+valore,
type: "POST",
success: function(data) {
$("#result").html(data);
}
});
return false;
});
$("#fotocamera").change(function(){
var valore = $("#fotocamera").val();
$.ajax({
url: "stampafoto.php?fotocamera="+valore,
type: "POST",
success: function(data) {
$("#result").html(data);
}
});
return false;
});
});
E ALLA PAGINA PER ESEMPIO stampagpu.php HO
<?php
include("../include/connect.php");
$conn=mysql_connect($HOST, $USER, $PASSWORD);
$db_ok=mysql_select_db($DB, $conn);
$g = $_GET["gpu"];
$i=0;
$ris = mysql_query("SELECT * FROM cellulare WHERE gpu = '$g'", $conn);
echo '<table class="ris"><tr>';
while ($row = mysql_fetch_array($ris)) {
if($i++%4 == 0)
echo "</tr><tr>";
echo "<td class='image'> <img src=immagini/".$row["image"]."><br>";
echo '<a title="Smartphone" href="/smartphone/public/public/cell/idSmart/'.$row['idSmart'].'">';
$row['aziendaProduttrice'];' ';echo $row['nome'].'</td></a>';
}
echo "</tr></table>";
mysql_close($conn);
?>
IN PRATICA VORREI CAPIRE COME FARE UNA COSA UNICA