Ricerca per posizione ed altro 
Autore: Andrea Z.
Visite 1756,
Followers 3,
Condiviso 0
Buongiorno, vorrei fare un sito dove gli utenti attraverso la selezione della categoria o posizione (provincia o regione) possano trovare ciò che cercano. .
Mi spiego meglio vorrei creare un sito dove inserire le location che ospitano le feste di compleanno e così l'utente finale grazie alla ricerca può vedere nella zona selezionata la location più idonea
Praticamente come questo sito:
spaziofeste.it
Grazie anticipatamente
Postato il
... per rimanere in ambito del programma il tutto si ridurrebbe in una adeguata struttura dei livelli, pagine, e sottolivelli organizzati con la dovuta logica...
... come vedi nel link esterno presente in questo argomento, tale metodo è usato anche in altri siti...
... se invece cerchi qualcosa di diverso dalle opzioni del programma, dovrai rivolgerti su risorse extra da ricercare in rete, oppure se sai programmare, realizzare da te script atti per lo scopo che vuoi ottenere...
.
OT: occhio a navigare sul sito segnalato da Andrea ...
dato che è un ricettacolo di finestre PopUP piene di schifezze !
...ho lasciato il link ma ho tolto il collegamento automatico al sito ...
... urca!
... grazie!+ ... ... e menomale che non c'ero entrato... 
Ciao Andrea, prova a vedere il mio sito https://www.ilmioproduttoredifiducia.it/
credo sia più o meno quello che vuoi tu... se così fosse ti posso spiegare come ho fatto riepilogando il tutto in questo post... fammi sapere !
genialata... sembra fatto con l'oggetto modulo di contatto (modificato) puo' essere ?
per Andrea no Website non ha preinstallato una lista a discesa (ed una cosa che in molti compreso me hanno chiesto ai ragazzi di Incomedia) perchè da una parte l'idea di Roberto ci sta pero' non puo' fare questo: (vedi link https://www.orlee.ch/fast-order.html) nel senso mi spiego non posso impostare dall'A alla Z, o per prezzo o per numeri, nel mio caso ho lasciato cosi perchè non vi era alternativa o meglio l'alternativa ci sarebbe ma bisogna intervenire tramite codice esterno...
Ciao Luigi, il form l'ho costruito inserendo il seguente codice nell'oggetto "Codice HTM"
<style>
/* .Classe */
.DivPrincipale {
display:block;
position:relative;
float:left;
background:#78ABCE;
width:100%;
height:auto;
padding:5px;
box-sizing:border-box;
}
/* .Classe */
.DivEsterno {
display: block;
position: relative;
float: left;
background: #78ABCE;
width: 30%;
height: 40px;
padding: 5px 5px;
box-sizing: border-box;
}
/* .Classe */
.DivInterno {
display: block;
position: relative;
float: left;
background: #E7EFF5;
width: 100%;
height: 29px;
box-sizing: border-box;
}
/* #Id */
#DivEsternoRicerca {
width: 10%;
border-radius: 3px;
}
/* #Id */
#DivInternoRicerca {
border-radius: 3px;
}
/* .Classe */
.OggettoSelect {
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;
}
/* .Classe */
.OggettoInput {
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;
}
/* Larghezza dell’area di visualizzazione compresa tra 100 e 480 pixel */
@media screen and (min-width: 100px) and (max-width: 480px) {
#DivEsternoRegione {
width: 27%;
}
#DivEsternoProvincia {
width: 27%;
}
#DivEsternoProdotto {
width: 26%;
}
#DivEsternoRicerca {
width: 20%;
}
}
/* Larghezza dell’area di visualizzazione compresa tra 481 e 600 pixel */
@media screen and (min-width: 481px) and (max-width: 600px) {
#DivEsternoRegione {
width: 29%;
}
#DivEsternoProvincia {
width: 29%;
}
#DivEsternoProdotto {
width: 29%;
}
#DivEsternoRicerca {
width: 13%;
}
}</style>
<div class="DivPrincipale">
<form id="imObjectForm_3" action="/avvia-ricerca.php" method="post"> <!-- img id="imObjectForm_3_3_tip" class="imObjectForm_3_tip" src="images/Icona-info-18x18.png" title="" width="20" onmouseover="x5engine.imTip.Show(this, { text: 'Seleziona una Regione oppure una Provincia e/o digita un Prodotto da ricercare', position: 'top' })" alt="Tip" / -->
<!-- Regioni -->
<div class="DivEsterno" id="DivEsternoRegione">
<div class="DivInterno">
<select class="" id="imObjectFormRegione" name="regione" onchange="provinciaChange(this);" 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;">
<option value="empty">Regione (Nessuna)</option>
<option value="Abruzzo">Abruzzo</option>
<option value="Basilicata">Basilicata</option>
<option value="Calabria">Calabria</option><option value="Campania">Campania</option>
<option value="Emilia-Romagna">Emilia-Romagna</option>
<option value="Friuli-Venezia Giulia">Friuli-Venezia Giulia</option>
<option value="Lazio">Lazio</option><option value="Liguria">Liguria</option><option value="Lombardia">Lombardia</option>
<option value="Marche">Marche</option><option value="Molise">Molise</option>
<option value="Piemonte">Piemonte</option><option value="Puglia">Puglia</option>
<option value="Sardegna">Sardegna</option><option value="Sicilia">Sicilia</option>
<option value="Toscana">Toscana</option><option value="Trentino-Alto Adige">Trentino-Alto Adige</option>
<option value="Umbria">Umbria</option>
<option value="Valle d'Aosta/Vallée d'Aoste">Valle d'Aosta/Vallée d'Aoste</option><option value="Veneto">Veneto</option>
</select>
</div>
</div>
<!-- Province -->
<div class="DivEsterno" id="DivEsternoProvincia">
<div class="DivInterno">
<select class="" id="imObjectFormProvincia" name="provincia" 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;">
<option value="Provincia (Nessuna)">Provincia (Nessuna)</option>
<option value="Agrigento - AG">Agrigento - AG</option><option value="Alessandria - AL">Alessandria - AL</option><option value="Ancona - AN">Ancona - AN</option><option value="Aosta - AO">Aosta - AO</option><option value="Arezzo - AR">Arezzo - AR</option><option value="Ascoli Piceno - AP">Ascoli Piceno - AP</option><option value="Asti - AT">Asti - AT</option><option value="Avellino - AV">Avellino - AV</option>
<option value="Bari - BA">Bari - BA</option><option value="Barletta-Andria-Trani - BT">Barletta-Andria-Trani - BT</option><option value="Belluno - BL">Belluno - BL</option><option value="Benevento - BN">Benevento - BN</option><option value="Bergamo - BG">Bergamo - BG</option><option value="Biella - BI">Biella - BI</option><option value="Bologna - BO">Bologna - BO</option><option value="Bolzano - BZ">Bolzano - BZ</option><option value="Brescia - BS">Brescia - BS</option><option value="Brindisi - BR">Brindisi - BR</option>
<option value="Cagliari - CA">Cagliari - CA</option><option value="Caltanissetta - CL">Caltanissetta - CL</option><option value="Campobasso - CB">Campobasso - CB</option><option value="Caserta - CE">Caserta - CE</option><option value="Catania - CT">Catania - CT</option><option value="Catanzaro - CZ">Catanzaro - CZ</option><option value="Chieti - CH">Chieti - CH</option><option value="Como - CO">Como - CO</option><option value="Cosenza - CS">Cosenza - CS</option><option value="Cremona - CR">Cremona - CR</option><option value="Crotone - KR">Crotone - KR</option><option value="Cuneo - CN">Cuneo - CN</option>
<option value="Enna - EN">Enna - EN</option>
<option value="Fermo - FM">Fermo - FM</option><option value="Ferrara - FE">Ferrara - FE</option><option value="Firenze - FI">Firenze - FI</option><option value="Foggia - FG">Foggia - FG</option><option value="Forlì-Cesena - FC">Forlì-Cesena - FC</option><option value="Frosinone - FR">Frosinone - FR</option>
<option value="Genova - GE">Genova - GE</option><option value="Gorizia - GO">Gorizia - GO</option><option value="Grosseto - GR">Grosseto - GR</option>
<option value="Imperia - IM">Imperia - IM</option><option value="Isernia - IS">Isernia - IS</option>
<option value="L'Aquila - AQ">L'Aquila - AQ</option><option value="La Spezia - SP">La Spezia - SP</option><option value="Latina - LT">Latina - LT</option><option value="Lecce - LE">Lecce - LE</option><option value="Lecco - LC">Lecco - LC</option><option value="Livorno - LI">Livorno - LI</option><option value="Lodi - LO">Lodi - LO</option><option value="Lucca - LU">Lucca - LU</option>
<option value="Macerata - MC">Macerata - MC</option><option value="Mantova - MN">Mantova - MN</option><option value="Massa-Carrara - MS">Massa-Carrara - MS</option><option value="Matera - MT">Matera - MT</option><option value="Messina - ME">Messina - ME</option><option value="Milano - MI">Milano - MI</option><option value="Modena - MO">Modena - MO</option><option value="Monza e della Brianza - MB">Monza e della Brianza - MB</option>
<option value="Napoli - NA">Napoli - NA</option><option value="Novara - NO">Novara - NO</option><option value="Nuoro - NU">Nuoro - NU</option>
<option value="Oristano - OR">Oristano - OR</option>
<option value="Padova - PD">Padova - PD</option><option value="Palermo - PA">Palermo - PA</option><option value="Parma - PR">Parma - PR</option><option value="Pavia - PV">Pavia - PV</option><option value="Perugia - PG">Perugia - PG</option><option value="Pesaro e Urbino - PU">Pesaro e Urbino - PU</option><option value="Pescara - PE">Pescara - PE</option><option value="Piacenza - PC">Piacenza - PC</option><option value="Pisa - PI">Pisa - PI</option><option value="Pistoia - PT">Pistoia - PT</option><option value="Pordenone - PN">Pordenone - PN</option><option value="Potenza - PZ">Potenza - PZ</option><option value="Prato - PO">Prato - PO</option>
<option value="Ragusa - RG">Ragusa - RG</option><option value="Ravenna - RA">Ravenna - RA</option><option value="Reggio di Calabria - RC">Reggio di Calabria - RC</option><option value="Reggio nell'Emilia - RE">Reggio nell'Emilia - RE</option><option value="Rieti - RI">Rieti - RI</option><option value="Rimini - RN">Rimini - RN</option><option value="Roma - RM">Roma - RM</option><option value="Rovigo - RO">Rovigo - RO</option>
<option value="Salerno - SA">Salerno - SA</option><option value="Sassari - SS">Sassari - SS</option><option value="Savona - SV">Savona - SV</option><option value="Siena - SI">Siena - SI</option><option value="Siracusa - SR">Siracusa - SR</option><option value="Sondrio - SO">Sondrio - SO</option><option value="Sud Sardegna - SU">Sud Sardegna - SU</option>
<option value="Taranto - TA">Taranto - TA</option><option value="Teramo - TE">Teramo - TE</option><option value="Terni - TR">Terni - TR</option><option value="Torino - TO">Torino - TO</option><option value="Trapani - TP">Trapani - TP</option><option value="Trento - TN">Trento - TN</option><option value="Treviso - TV">Treviso - TV</option><option value="Trieste - TS">Trieste - TS</option>
<option value="Udine - UD">Udine - UD</option>
<option value="Varese - VA">Varese - VA</option><option value="Venezia - VE">Venezia - VE</option><option value="Verbano-Cusio-Ossola - VB">Verbano-Cusio-Ossola - VB</option><option value="Vercelli - VC">Vercelli - VC</option><option value="Verona - VR">Verona - VR</option><option value="Vibo Valentia - VV">Vibo Valentia - VV</option><option value="Vicenza - VI">Vicenza - VI</option><option value="Viterbo - VT">Viterbo - VT</option>
</select>
</div>
</div> <!-- Prodotti -->
<div class="DivEsterno" id="DivEsternoProdotto">
<div class="DivInterno"> <input type="text" class="OggettoInput" id="imObjectFormProdotto" list="lista_prodotti" name="prodotto" autocomplete="on" placeholder="(Prodotto o Categoria)" style="background:#E7EFF5;"/>
<!-- Lista Prodotti Parola Chiave-->
<datalist id="lista_prodotti" style="border:none; border-style:none; height:100%;">
<option>Abamele</option><option>Abbigliamento Calzature</option><option>Abbigliamento Ciabatte</option><option>Abbigliamento Sabot</option><option>Agrume</option><option>Allarme</option><option>Allevatore di Asine</option><option>Allevatore di Bovini</option>
<option>Zafferano</option><option>Zucca</option><option>Zucchina</option>
</datalist>
</div>
</div>
<!-- Pulsante Avvia ricerca -->
<div class="DivEsterno" id="DivEsternoRicerca">
<div class="DivInterno" id="DivInternoRicerca">
<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>
</div><!-- Script per visualizzare correttamente nei Browser NON compatibili la Lista Prodotti Parola Chiave-->
<script src="/appsresources/datalist-polyfill.js" async></script><!-- Script function-provincia-change.js per visualizzare correttamente la lista delle province in base alla regione selezionata. Da inserire in 'Statistiche SEO e Codice' sezione 'Codice' 'Prima della chiusura del tag HEAD' -->
<!-- script src="/appsresources/function-provincia-change.js" async></script -->
è molto interessante mi permetto di rubare il codice ;) ma non riesci a creare una lista a discesa tipo mettendo in ordine i prodotti dall'A alla Z o per numberi ecc.??
Ciao Luigi, se entri nel mio sito https://www.ilmioproduttoredifiducia.it i campi di ricerca regione, comune sono liste a discesa ordinate alfabericamente ed il campo prodotto se provi a digitare ti presenta le voci in ordine alfabetico... spiegati meglio cosa intendi ? a quale altre liste ti riferisci ?
cio' che intendo dire è (vedi link) una lista discesa con la possibilità di poter mostrare i prodotti meno cari o secondo determinati paramentri come su ebay https://www.ebay.it/sch/i.html?_from=R40&_trksid=p2380057.m570.l1313.TR2.TRC0.A0.H0.Xwebsite+x5.TRS0&_nkw=website+x5&_sacat=0
Ciao Luigi, Non so se sia possibile fare una cosa del genere con gli oggetti disponibili in Websitex5, ma sicuramente puoi farlo uando del codice PHP extra...