problema con script di lista suggerimenti

calcas2

Nuovo Utente
27 Ago 2009
20
0
0
Salve a tutti, spero possiate aiutarmi!
dovrei creare un text form in cui al primo carattere inserito (qualunque esso sia), si apre una lista di suggerimenti statica e predefinita con una serie di voci. ciascuna voce contiene un link ad un'atra pagina per cui, cliccando con il mouse su ciascuna voce si viene indirizzati al link indicato.
Ora, Io sono riuscito in parte a realizzarlo riadattando uno script a disposizione nella rete.
Ovverosia sono riuscito nell'intento che volevo (visualizzare, al momento in cui si digita qualcosa, una lista predeterminata di parole a prescindere dalle singole lettere digitate ), cosi strutturando:
nella pagina index ho inserito il codice di seguito:

HTML:
    <html>
    <head>
    <script src="total.js"></script>
    <script src="http://www.google.com/jsapi"></script>
    <script>
    google.load("prototype", "1.6");
    google.load("scriptaculous", "1.8.1");
    </script>
    <title>prova</title>
    <style type="text/css">
        input{
            font-family:Verdana;
            font-size:10px;
            width:200px;
        }
        div.campo{
            font-family:Verdana;
            font-size:10px;
        }
        div.boxsuggerimenti {
          font-family:Verdana;
          font-size:10px;
          position:absolute;
          background-color:white;
          border:1px solid #888;
          margin:0px;
          padding:0px;
        }
        div.boxsuggerimenti ul {
          list-style-type:none;
          margin:0px;
          padding:0px;
        }
        div.boxsuggerimenti ul li.selected { background-color: #C2EBEF;}
        div.boxsuggerimenti ul li {
          list-style-type:none;
          display:block;
          margin:0;
          padding:1px;
          cursor:pointer;
          border-bottom:1px solid #888;
        }
    </style>
    </head>
    <body>
    <div class="campo">prova</div>
    <input type="text" id="squadra" name="squadra"/>
    <div id="suggerimenti_squadra" class="boxsuggerimenti"></div>
    <script type="text/javascript">new Ajax.Autocompleter("squadra", "suggerimenti_squadra", "cerca.php", {minChars: 1});</script>
     
     </body>
     </html>

Nella pagina cerca.php ho inserito la lista statica...ad es:

HTML:
    <ul>
            <li>fiorentina<</li>
            <li>milan</li>
    </ul>


Ora il mio problema è che vorrei che cliccando sulle singole voci (ad es. "fiorentina" o "milan") si venisse indirizzati in altri siti di modo che ogni singola voce della lista suggerimenti avesse un link..ho provato semplicemente inserendo <a href="www.sitointernet.it">milan</a> nelle singole voci del file php ma non funziona...mi sapreste aiutare e dirmi come mai i link non funzionano?
Grazie mille per la vostra attenzione e disponibilità
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ciao
questo link è sbagliato
HTML:
<a href="www.sitointernet.it">milan</a>

ci vuole l'http

HTML:
<a href="http://www.sitointernet.it">milan</a>
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
24
Roma
alessandro1997.netsons.org
Per formattare il codice usa gli appositi tag BBCode (seconda barra, ultimi tre bottoni). La prossima volta cancello il messaggio.

Passando al tuo problema: stai usando un sistema inadatto per quello che vuoi ottenere, perché non c'è bisogno di AJAX visto che non effettui alcuna richiesta ad una fonte dati. Basta fare così:
HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>Lista pagine</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    </head>

    <body>
        <input type="text" id="inputbox" />
        <div id="suggerimenti" style="display: none">
            <ul>
                <li><a href="http://www.example.com">Suggerimento 1</a></li>
                <li><a href="http://www.example.com">Suggerimento 2</a></li>
                <li><a href="http://www.example.com">Suggerimento 3</a></li>
            </ul>
        </div>

        <script type="text/javascript">
            document.getElementById("inputbox").onkeyup = function() {
                suggerimenti = document.getElementById("suggerimenti");

                if (suggerimenti.style.display == "none") {
                    suggerimenti.style.display = "block";
                }
            };
        </script>
    </body>
</html>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Nella pagina cerca.php potresti mettere qualcosa del genere:

PHP:
<?php
$array = array(
    "Milan" => "http://www.milan.it",
    "Inter" => "http://www.inter.it",
    "Juventus" => "http://www.juve.it"
);

echo "<ul>";
$controllo = 0;
foreach ($array as $key => $value) {
    if (strpos(strtolower($key), strtolower($_POST['squadra'])) !== false) {
        $controllo++;
        echo "<li><a href='$value'>$key</a></li>";
    }
}
if ($controllo == 0) {
    echo "<li>Nessun suggerimento</li>";
}
echo "</ul>";
?>

Cosi l'utilizzo di ajax ha più senso
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Problema con script php-javascript PHP 2
P immagine responsive problema con script jquery jQuery 0
A Problema con Script js Javascript 1
S Problema con 2 script nella stessa pagina Javascript 1
S problema con ajax semplice login script Javascript 8
E Problema con uno script php PHP 1
P Problema con uno script Javascript 0
L problema invio newsletter con script proprio in php PHP 10
A fancyBox script - problema con pulsanti jQuery 2
G Problema con questo script jQuery 1
P Problema con script facebox Javascript 0
A Problema con uno script js Javascript 0
T Problema con script di registrazione utenti su IE PHP 4
neo996sps Problema con query e script PHP PHP 4
O problema con script tell a friend Javascript 3
L problema con script php PHP 9
F problema con script book galleri Flash 0
E Problema con script ajax+php Ajax 2
B Problema invio mail con script php verso i dominii libero PHP 9
T Problema con script search.asp Lukeonweb Classic ASP 9
M Problema con script rotazione testo Javascript 3
muvadi problema con script di una gallery PHP 1
P [PHP] problema script con checkbox! PHP 0
M Problema con script PHP 6
K Per EWIND, piccolo problema con lo script Flash 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0

Discussioni simili