Consiglio su pagina sito web vetrina

[alessiof86]

Buonasera a tutti, spero che mi possiate aiutare. Ho intenzione di creare un sito che mostra i prodotti di un amico che ha un azienda. Ho pensato ad una pagina con le foto dei prodotti che al passaggio del mouse sull immagine mostra la descrizione del prodotto. Ora vi chiedo se è possibile usare un tooltip che estrae le descrizioni testuali da un db? spero di essere stato chiaro, scusate ma sono un novello di siti web. Aspetto vostri consigli?

[alessiof86]

Qualcuno che mi può aiutare per favore :-)

[borgo italia]

ciao
ecco un'idea, ti allego lo zip del js se non risci a troralo in rete

<script  type="text/javascript" language="javascript" src="_fileJS/tooltip-R02.js"></script>
<?php
//....connessione al db....
//.............
$query=mysql_query("SELECT * FROM prodotti");
while( $riga=mysql_fetch_array($query)){
    //leggi i valori dal db
    $nome_immagine=$riga['immagine'];//verificare se ti serva anche la path. es immagini/imm_1.jpg
    $nome_prodotto=$riga['immagine'];
    $descr_prodotto=$riga['descrizione'];
    echo "<img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"180\" height=\"112\" border=\"0\" onMouseOut=\"toolTip('',0)\" onMouseOver=\" toolTip('$descr_prodotto',200)\"/><br>";
}

[alessiof86]

allora perfetto il tooltip è proprio quello che cercavo, però non ho capito una cosa, Io vorrei realizzare una griglia di prodotti (per esempio 3 per ogni riga) , allora ho pensato di creare una tabella (formata da 3 colonne) nella prima riga ci sono i nomi dei prodotti corrispndenti alle immagini che inserisco nella seconda riga. Le immagini le vorrei inserire tramite html mentre nome prodotto e la descrizione che apparira nel tooltip verranno atrapolati dal db. Ho pensato di modificare il codice da te postato così

$query=mysql_query("SELECT * FROM prodotti"); 
while( $riga=mysql_fetch_array($query)){ 
    //leggi i valori dal db 
     $nome_prodotto=$riga['prodotto']; 
    $descr_prodotto=$riga['descrizione']; 
    echo "<table><tr>";
    echo "<td>" . $riga['prodotto'] . "onMouseOut=\"toolTip('',0)\" onMouseOver=\" toolTip('$descr_prodotto',200)\" </td>";
    echo "</tr></table>";
 }

ma non funziona!!!
Mi aiutate a modificare il codice magari spiegandomi per arrivare a quello che voglio ottenere

[borgo italia]

ciao
devi crearti una tabella (indipendentemente da come carichi le immagini) fatta circa

id int (9) autoincrement prymarykey //indispensabile per poi gestire
nome varchar(259) //qui il nome del prodotto
descrizione mediumtext //qui la descrizione
immagine varchar (250) //qui il nome del file es. foto_1.jpg o foto_2.png o.....

altrimenti come fai a legare il record all'immagine che hai?
ti ho messo i campi essenziali, se te ne servono poi puoi aggiurgerne altri. es prezzo, data_inserimento......

p.s.
ti ricordo: "un problema => un post" questo perche altri utenti potrebbero avere i tuoi stessi problemi e, continuendo il pots, che è partito col tooltip, è difficile trovarlo l'eventuale soluzione

[alessiof86]

ok scusa per aver postato più di un problema senza aprire una nuova discussione, da ora per altri post mi comporterò come da te suggerito. Ok ho creato il database pero ora vorrei che ogni record ossia nome del prodotto e l immagine venga inserita in una cella della tabella (per esempio la prima) il prossimo record nome e immagine venga inserita nella seconda cella e con il codice che ho postato prima non ottengo niente, come posso risolvere?

[borgo italia]

ciao
prova in questo modo, non l'ho testato ma "dovrebbe" funziare
leggi i commenti

<script  type="text/javascript" language="javascript" src="_fileJS/tooltip-R02.js"></script> 
<?php 
//....connessione al db.... 
//............. 
$query=mysql_query("SELECT * FROM prodotti");
$num_rec=mysql_num_rows($query);//calcolo quanti record ci sono
$num_col=3; //definisco di quante colonne deve essere fatta la tabella
$conta=0;//azzero un contatore
$apro_riga="<tr>";//due variabili per <tr>....</tr>
$chiudo_riga="</tr>";
//apro la tabella
echo "<table class=\"pinco_pallo\">";
while( $riga=mysql_fetch_array($query)){ 
    if($conta==0){echo $apro_riga;}//apro la riga se conta è zero
    //leggi i valori dal db 
    $nome_immagine=$riga['immagine'];//verificare se ti serva anche la path. es immagini/imm_1.jpg 
    $nome_prodotto=$riga['immagine']; 
    $descr_prodotto=$riga['descrizione']; 
    //creo le celle aggiungendo <td>....</td> (ho tolto il <br>)
    echo "<td><img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"180\" height=\"112\" border=\"0\" onMouseOut=\"toolTip('',0)\" onMouseOver=\" toolTip('$descr_prodotto',200)\"/></td>"; 
    $conta++;//incremento il contatatore di 1
    if($conta >($num_col-1)){//il contatore ha segnato 0, 1 , 2
        $conta=0;//riporto il contatore a zero
        echo $chiudo_riga;//chiudo la riga
    }
} 
echo "</table>"; //chiudo la tabella
//.....
?>

se non funzia posta gli errori

p.s.
usa il tag PHP non CODE quando c'è del php, si evidenziano meglio le righe (ed ev. errori)

[alessiof86]

Perfetto funziona il tutto e ho aggiunto nuovi parametri quelli che non riesco a modificare è che così con le istruzioni date da te vengono estratti i dati dal db e costruita una tabella dove c'è foto e tooltip con descrizione, ma non riesco a far apparire il nome nella cella dove viene caricata l'immagine come posso fare?

[borgo italia]

ciao

$nome_immagine=$riga['immagine'];//verificare se ti serva anche la path. es immagini/imm_1.jpg
$nome_prodotto=$riga['immagine']; ??????????
$descr_prodotto=$riga['descrizione'];
............

il prodotto si chiama come l'immagine (es. salami.jpg o l'immsgin si chiama salami.jpg e il prodotto salami)?

poi puoi metterelo nella stassa cella

<?php
//........
 echo "<td><img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"180\" height=\"112\" border=\"0\" onMouseOut=\"toolTip('',0)\" onMouseOver=\" toolTip('$descr_prodotto',200)\"/>$nome_prodotto</td>"; 
//.....
?>

oppure in una cella l'immagine e nall'adiacente il nome

<?php
//........
 echo "<td><img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"180\" height=\"112\" border=\"0\" onMouseOut=\"toolTip('',0)\" onMouseOver=\" toolTip('$descr_prodotto',200)\"/></td>"; 
 echo "<td>$nome_prodotto</td>"
//.....
?>

[alessiof86]

Ho optatp per la rpima opzioni e ho scielto questo codice

echo "<table class=\"prodotti_table\" align=\"center\">"; 
while( $riga=mysql_fetch_array($query)){  
    if($conta==0){echo $apro_riga;}//apro la riga se conta è zero 
    //leggi i valori dal db  
    $nome_immagine=$riga['immagine'];//verificare se ti serva anche la path. es immagini/imm_1.jpg 
     $nome_prodotto=$riga['prodotto'];  
    $descr_prodotto=$riga['descrizione'];  
    //creo le celle aggiungendo <td>....</td> (ho tolto il <br>)
     
     echo "<td>$nome_prodotto<img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"180\" height=\"112\" border=\"0\" onMouseOut=\"toolTip('',0)\" onMouseOver=\" toolTip('$descr_prodotto',200)\"/></td>";
     $conta++;//incremento il contatatore di 1 
    if($conta >($num_col-1)){//il contatore ha segnato 0, 1 , 2 
        $conta=0;//riporto il contatore a zero 
        echo $chiudo_riga;//chiudo la riga 
    } 
}  
echo "</table>"; //chiudo la tabella 

il problema è che la descrizone è abbastanza lunga come mi consiglia di impostare il db? TEXT, LONG TEXT, MEDIUM TEXT? Per far sì che stampi anche caratteri accentati che collection devo usare?