Ce la possibilità di avere un altro cerca 
Autore: Marco Ricchezza
Visite 1593,
Followers 4,
Condiviso 0
ce la possibilità di avere un cerca che appena scrivo qualcosa va a vedere le parole interne al sito internet come le foto che ho inserito , oppuire come il link https://www.piantedacqua.it/shop/it/
che appena scrivi all'inteno del box ricerca scrivi Attraction , ti fa vedere sotto l'elenco delle attraction.
Sapete come si fa ?
Postato il
Ciao Marco, ma questo ecommerce é stato realizzato con Prestashop e non con Website..
Autore
Si vero ho trovato la possibilità di usare l'oggetto html e detro ci metto i suggerimenti nel // first example - Client Side Suggestions:
ora devo capire come fare quando ci scrivi dentro e lui ti fa vedere tutta la parola quando ci clicci ti deve portare in una pagina mentre se scrivi un altra parola che lui finisce ti deve portare in un altra.
Lo script di seguito ti fa vedere i suggerimenti quando scrivi dentro ma non ti va da nessuna parte perchè non so come si possa mettere il link.
<head>
<title>Form di ricerca con suggerimenti - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="javascript" />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<link rel="stylesheet" type="text/css" href="css/jsuggest.css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jSuggest-1.0-min.js"></script>
<script type="text/javascript" src="js/genres.js"></script>
<script type="text/javascript">
$(function(){
// first example - Client Side Suggestions
$("#input-1").jSuggest({
default_text: 'Animal Search',
terms : ['quail','whale','tiger','yak']
});
// second example - Server Side Suggestions
$("#input-2").jSuggest({
default_text: 'Music Genre Search',
terms_url: 'data.php?input=%input%',
});
// third example - All Options Set
$("#input-3").jSuggest({
default_text: 'Music Genre Search',
terms_url: 'data.php?input=%input%',
terms: genres,
limit: 5,
css_class: 'suggestions-dropdown',
});
});
</script>
</head>
<body>
<h1>Ricerca</h1>
<div id="input1" style="padding: 5px; width: 537px; height: auto; border: 1px solid #777">
<div style="text-align: center">
<input type="text" id="input-1" class="input"/>
<input type="submit" value="Search" class="button"/>
</div>
</div>
<br /><br /><br /><br /><br /><br />
ma hai copiato tutti i codici della pagina, non solo quelli "utili"...
e se per esempio il sito di Html.it rimuove questo js: js/jquery.jSuggest-1.0-min.js
o questo: js/genres.js
non ti funziona più nulla....
Autore
si ma come si fa a poi quando selezioni il valore ad andare su una pagina ?
ciao marco, prova a vedere se questo post può esserti utile... https://helpcenter.websitex5.com/it/post/212771
io nel mio sito https://www.ilmioproduttoredifiducia.it/ nella mia ricerca personalizza intercetto il contenuto dei campi presenti nel form usando il codice php.
Nel tuo caso credo potresti usare un codice simile all'esempio qui sotto esposto per gestire la pagine che desideri chiamare.
<?php
// Recupero i valori inseriti nei campi dell'oggetto modulo delle pagine ilmioproduttoredifiducia.it
//
// trim() toglie alla stringa gli spazi davanti e dietro
//
$regione = trim($_POST['regione']);
$provincia = trim($_POST['provincia']);
$prodotto = trim($_POST['prodotto']);
if ( stristr($prodotto,"Ninfea") ) {
echo '<a href="https://www.ninfea.html/" title="Vai alla pagina Ninfea"/></a>';
}
?>
* Questa istruzione visualizza il link su cui cliccare per richiamare la pagina
echo '<a href="https://www.ninfea.html" title="Vai alla pagina Ninfea"/></a>';
* Se non vuoi visualizzare il lik ma vuoi richiamare la pagina direttamente uso la seguente istruzione
echo '<meta http-equiv="refresh" content="0; url=https://www.ninfea.html">';
Autore
ma siete fantasti , provo e vi faccio sapere
Autore
Ciao Roberto una cortesia ma le istruzioni che mi fai mettere nell'oggetto html :
ciao marco, prova a vedere se questo post può esserti utile... https://helpcenter.websitex5.com/it/post/212771
io nel mio sito https://www.ilmioproduttoredifiducia.it/ nella mia ricerca personalizza intercetto il contenuto dei campi presenti nel form usando il codice php.
Nel tuo caso credo potresti usare un codice simile all'esempio qui sotto esposto per gestire la pagine che desideri chiamare.
<?php
// Recupero i valori inseriti nei campi dell'oggetto modulo delle pagine ilmioproduttoredifiducia.it
//
// trim() toglie alla stringa gli spazi davanti e dietro
//
$regione = trim($_POST['regione']);
$provincia = trim($_POST['provincia']);
$prodotto = trim($_POST['prodotto']);
if ( stristr($prodotto,"Ninfea") ) {
echo '<a href="https://www.ninfea.html/" title="Vai alla pagina Ninfea"/></a>';
}
?>
va dopo l'instruzione :
<form>
<input type="text" class="" id="imObjectFormProdotto" list="lista_prodotti" name="prodotto" autocomplete="on" placeholder="(Prodotto o Categoria)" style="display:block;position:relative;float:left;background:#E7EFF5;width:100%;height:29px; box-sizing:border-box; border-style:none; font-family:Tahoma, sans serif; font-size:11pt; font-weight:normal; font-style:normal;">
<datalist id="lista_prodotti" style="border:none; border-style:none; height:100%;">
<option>Abamele</option><option>Abbigliamento Calzature</option>
</datalist>
</div>
<div style="display:block;position:relative;float:left;background:#78ABCE;width:29%;height:40px;padding:5px 5px;box-sizing:border-box;">
</div>
</div>
<div style="display:block;position:relative;float:left;background:#78ABCE;width:13%;height:40px;padding:5px 5px;box-sizing:border-box;">
<div style="display:block;position:relative;float:left;background:#E7EFF5;border-radius:3px;width:100%;height:29px;box-sizing:border-box;">
<input type="image" src="/images/Icona-Lente.png" name="clicca" alt="Immagine di una icona con disegnato una lente di ingrandimento" style="padding:2px 0px;">
</div>
</div>
</form>
non ho capito come fare ?
devo andare sul mio db my sql e fare qualcosa oppure è tutto tramite oggetto HTML ?
Ciao Marco, Nell'oggetto "Codice HTML" devi inserire il codice (qui sotto pulito per facilitare la spiegazione) per creare il form...
1) nel tag <form> all'attributo action devi indicare il nome del file con estensione PHP (Nome-File.php)
2) nel tag <datalist> devi indicare la lista di parole che desideri appaiono mentre digitano nel campo "prodotto". Le parole devono essere lelencate con il tag <option>
3) poi se lo deideri devi indicare una immagine /images/tua-immagine.png per visualizzare il pulsante da usare per avviare la ricerca
<!-- Codice da insererire nel'oggetto "Codice HTML" -->
<div>
<form id="imObjectForm_3" action="/Nome-File.php" method="post">
<input type="text" class="" id="imObjectFormProdotto" list="lista_prodotti" name="prodotto" autocomplete="on" placeholder="(Prodotto o Categoria)">
<datalist id="lista_prodotti" >
<option>Piante</option>
<option>Fiori</option>
</datalist>
<input type="image" src="/images/tua-immagine.png" name="clicca" alt="Immagine di una icona con disegnato una lente di ingrandimento">
</form>
</div>
Autore
Ma il nome del file che tu metti ad esempio avvioricerca.php deve esistere davvero sul server ?
se si cosa ci deve essere dentro il file
Poi crea una pagina Nome-File avendo l'accortezza di renderla "Nascosta" ed entrando in "proprietà" sezione "Esperto" devi indicare "estensione del file generato" php a questo punto creata la pagine al suo interno crei l'oggetto "Codice HTML" nel quale mettere il seguente codice da modificare in base alle tue necessità
<!-- Codice da insererire nel'oggetto "Codice HTML" -->
<?php
// trim() toglie alla stringa gli spazi davanti e dietro
//
$prodotto = trim($_POST['prodotto']);
// Questa istruzione visualizza un link su cui cliccare per avviare la pagina ninfea.html
if ( stristr($prodotto,"Ninfea") ) {
echo '<a href="https://www.ninfea.html/" title="Vai alla pagina Ninfea"/></a>';
}
// Oppure Questa istruzione avvia direttamente la pagina ninfea.html
if ( stristr($prodotto,"Ninfea") ) {
echo '<meta http-equiv="refresh" content="0; url=https://www.ninfea.html">';
}
?>
Si deve esistere... vedi qui sopra la risposta... nel mio esempio la pagina creata è Nome-File.php ovviamente tu devi cambiare il nome come meglio credi.
Autore
io vorrei se fosse possibile che per ogni valore della lista suggerita possta andare su una pagina diversa , perchè adesso da quello che ho capito se nella lista ce margherita , rosa , petulla etc... sempre nella stessa pagina va perchè la prima action è qualla che comanda del form.
se io invece volessi un unico form con la lista suggerita come è adesso ma se scelgo margherita deve andare sulla pagina della margherita se selgo rosa deve andare sulla pagina della rosa.
attualmente non fa cosi perchè qualsiasi valore della lista scelgo sempre sulla pagina del primo action va !!!!
come posso fare secondo te ?
Autore
SSIISSIISISISISIISISISISIISISIS
GRAZIE INFINITE FUNZIONA , NON AVEVO LETTO BENE MI MANCAVA UN PASSAGGIO .
SEI MITICO NON SO COME RINGRAZIARTI
Questo codice permette di valutare più opzioni...
<?php
// trim() toglie alla stringa gli spazi davanti e dietro
//
$prodotto = trim($_POST['prodotto']);
switch($prodotto){
case "Ninfea":
echo '<meta http-equiv="refresh" content="0; url=https://www.ninfea.html">';
case "Fiori":
echo '<meta http-equiv="refresh" content="0; url=https://www.Fiori.html">';
case "Piante":
echo '<meta http-equiv="refresh" content="0; url=https://www.Piante.html">';
default:
echo("L'Opzione non è tra quelle prese in considerazione !");
}
?>
presta attenzione alle stinghe che confronti in quanto devono concidere perfettamente le lettere maiuscole e minuscole !!! diveramente non troverà nulla !!!