[PHP] Evidenziare le parole cercate nei risultati di una ricerca

  • Creatore Discussione Creatore Discussione Max61
  • Data di inizio Data di inizio

Max61

Utente Attivo
2 Mar 2014
760
4
18
Salve, sono di nuovo a chiedere lumi a chi ne sa più di me, ho trovato sul forum mrwebmaster un esempio su come evidenziare il testo cercato, vi chiedo se è possibile applicarlo alla mia form di ricerca che allego
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="it-it" lang="it-it" xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf8_decode($row['varietà' A' E'])" />

<head>
	<title>Ricerche sui faldoni</title>

<span class="itembold" style="color:red; position:absolute; left:50%; margin:10px 0 0 -200px; font-family:arial; font-size: 14pt">
<span class="itembold" style="color:blue; position:absolute; left:20%; margin:10px 0 0 -200px; font-family:arial; font-size: 14pt"><i> Ricerca Faldoni archiviati&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
	<span class="container">	
  	<span class="contentMain">
<br>	
<!--<span style="color:black; left:100%; margin:10px 0 0 499px; font-family:arial; font-size: 12pt"><tt>&nbsp;&nbsp;&nbsp;&nbsp;</tt><a href="MenuPrincipale.php?" target="right" style="text-decoration:none">Menu principale</a></span>-->

<a href="../views/MenuPrincipale.php" class="red" onClick="avanti(document.getElementById('SCELTARILM').value,'M','Home');"><img src="../images/Home.gif" title="Home"></a>

	<span class="h2"><i>Ricerca per...</span>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<link href="../template/comune.css" rel="stylesheet" media="screen"/>
	<script type="text/javascript" src="../js/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="../js/jquery.validate.js"></script>
	<script type="text/javascript" src="../js/validator_dirstudio.js"></script>
	<script type="text/javascript" src="../js/jquery.form.js"></script>
	<script type="text/javascript" src="../js/jquery.blockUI.js"></script>
	<script type="text/javascript">
	
			
	$(document).ready(function (){
				
		$("#btnCerca").click(function() {
			$("#divMsg").html('&nbsp;');
			$("#divEsito").html("Ricerca in corso, attendere...");
			opts = {
						url: 'TrovatiLibri.php',
						dataType: 'text',
						success: esitoCerca,
						error: 
							function() { 
								alert('Errore nella ricerca...Riprova');																			
							},
						
			};
		});

		$("#btnCancel").click(function() {
			$("#divEsito").text("");
			$("#armadio").val("");
			$("#piano").val("");
			$("#faldone").val("");
			$("#____________dettagliolibro____________").val("");
			$("#divMsg").html('&nbsp;');
			opts = {url: '#'};
			
		});		
		
		$("#frmRicerca").validate({
			submitHandler: function (form) {
				$(form).ajaxSubmit(opts);
				return false;                                                           
			}	
		});			
	});		
	
	function esitoSalva(data){
		$("#divEsito").html(data);
	}
			
	function esitoCerca(data){
		$("#divEsito").html(data);
	}	
	</script>
<body>
			
			<!-- RICERCA -->
			<form id="frmRicerca" name="formRicerca" method="post" action="">
				<table>
<tbody>

<tr><td><label for="faldone" class="item_etic"><i>Faldone</label></td><td><input id="faldone" name="faldone" style="color:blue; font-family:arial; font-size: 12pt" placeholder= "Ricerca per numero faldone" type="text" value="" size="38"/>
<td><label for="piano" class="item_etic"><i>Piano</label></td><td><input id="piano" name="piano" style="color:blue; font-family:arial; font-size: 12pt" placeholder="Ricerca nel campo 'piano' (lettera)" type="text" value="" size="38"/></td></tr>
<tr><td><label for="armadio" class="item_etic"><i>Armadio</label></td><td><input id="armadio" name="armadio" style="color:blue; font-family:arial; font-size: 12pt" placeholder= "Ricerca per armadio (numero)" type="text" value="" size="38"/>
<td><label for="____________dettagliolibro____________" class="item_etic"><i>Dettaglio</label></td><td><input id="____________dettagliolibro____________" name="____________dettagliolibro____________" style="color:blue; font-family:arial; font-size: 12pt" placeholder= "Ricerca nel campo 'dettaglio'" type="text" value="" size="38"/></td></tr>

	</tbody>
</table>		
<span class="h2"></span>		
				</table>
				<input id="btnCerca" name="btnCerca" type="submit" value=" Ricerca " />
				<input id="btnCancel" name="btnCancel" type="submit" value=" Pulisci " />

Grazie
Max61
 

Discussioni simili