Campo ricerca in pagina
Auteur : Camarda S.
Visité 815,
Followers 1,
Partagé 0
come posso usare il campo di ricerca solo nella pagina visualizzata
Posté le
come posso usare il campo di ricerca solo nella pagina visualizzata
... intendi che vuoi trovare termini sono nella stessa pagina ?
personalmente non ne sento la necessità essendoci le funzionalità del browser...
specifica meglio ...
Auteur
Si esatto non tutti gli utenti sono pratici di pc o browser
Vorrei fargli usare la Funzione di ricerca diretta come quella disponibile negli strumenti website5 ma che che cerchi solo nella stessa pagina Grazie
Buongiorno!
Grazie per il suo contatto.
Il campo ricerca si applica a tutti contenuti del sito e non è purtroppo possibile limitare la ricerca a una pagina in particolare, mi dispiace! Puoi eventualmente realizzare quando desiderato con del codice esterno: ti consiglio in questo caso di mantenere il post come pubblico, così da ricevere suggerimenti in questo senso.
Grazie! Buona giornata.
... trovi un mio semplicissimo suggerimento, solo due copia/incolla (no! la libreria jQ), qui: https://helpcenter.websitex5.com/fr/post/212956
.
Auteur
Grazie lo provato sembra funzionare ma al momento ogni ricerca dice non trovato mi pare di aver usato
la pagina giusta nelle impostazioni verifico meglio ma grazie ancora
...se non riesci posta il link della pagina online dove stai provando...
... purtroppo io non ho il programma, ... ma basta che nel codice SCRIPT sostituisci lo ID #content nei due riferimenti dello stesso codice, con lo ID del selettore che vuoi integrare nella ricerca, a tuo piacimento...
... per esempio, vedendo uno dei siti del Marketpalce, un selettore per il corpo della pagina è per esempio #imContent ...e quindi prova subito con queste due sostituzioni...
... non dimenticarti di incollare nella sezione Esperto | Codice Personalizzato | 3^opzione: Prima della chiusura del tag /HEAD ....anche questo codice:
<style> .highlight {background: yellow; font-weight: bold;} </style>
... questa ultima stringa di codice serve per evidenziare in grassetto e con sfondo GIALLO le parole rilevate...
... non dovrebbero essercene, ma in caso di ulteriori difficoltà, come anticipato da Claudio, posta il LINK del tuo esempio on modo da poter verificare...
...
ciao
Auteur
Grazie
Questa e' la pagina dove provo https://www.bredan.it/l-azienda-chi-siamo-.html
ID del selettore sarebbe in questo codice d="search" ?
<form action="#" method="get" id="search">
<div>
<input type="text" name="q" id="q" />
<input type="submit" name="highlight" id="highlight" value="cerca parola" />
<a href="cerca2.html">resetta</a></div>
</form>
************* devo metttere #search al posto #content no son sono sicuro Grazie
<script type="text/javascript">
function highlight () {
$('#search').submit(function(event) {
var $query = $('#search #q').val();
var re = new RegExp($query, 'gi');
var targetHtml = $('#content').html();
if(re.test(targetHtml)) {
var matches = targetHtml.match(re);
var no = (matches.length == 1) ? 'corrispondenza' : 'corrispondenze';
var finds = (matches.length == 1) ? 'trovata' : 'trovate';
$('#content').html(targetHtml.replace(re, '<span class="highlight">'+matches[0]+'</span>'));
} else {
$('<p/>').text('Termine non trovato.').appendTo($(this));
}
event.preventDefault();
});
}
$('#search').bind('reset', function() {
$('p', '#search').remove();
$('span.highlight', '#content').each(function() {
$(this).removeClass('highlight');
});
});
$(document).ready(function() {
highlight();
});
</script>
Grazie
... devi sostituire i TRE riferimenti #content ... che hai nello script con #imContent ...
... nel tag<A> al posto di cerca2.html metti il nome della stessa pagina...
.