Ciao a tutti spero che sia la sezione più appropriata. sono nuovo di php - mysql ma voglio imparare, devo realizzare un sito vetrina. Arriviamo al punto, nella pagina prodotti ho diverse foto estratte da un db mysql ora vorrei che alla passaggio del mouse su ogni foto apparisse il prorpio tooltip con la descrizione relativa all immagine del prodotto sotto il mouse. Ho provato vari tooltip ma non risco a passare i valori da dove prendere la descrizione, mi consigliate qualcosa?
Usa l'evento onmouseover in javascript e gestisci dei div che gia contengono la descrizione ma non sono visibili, che ci vuole?
scusa ma non ci riesco io ho il seguente codice
mi puoi aiutare sto uscendo pazzo?Codice PHP:$query=mysql_query("SELECT * FROM mix");
$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=\"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'];
$prezzo=$riga['prezzo'];
//creo le celle aggiungendo <td>....</td> (ho tolto il
)
echo "<td>$nome_prodotto<img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"300\" height=\"300\" border=\"0\" ></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></br>"; //chiudo la tabella
scusa ma se recuperi già la descrizioneOriginariamente inviato da alessiof86
scusa ma non ci riesco io ho il seguente codice
mi puoi aiutare sto uscendo pazzo?Codice PHP:$query=mysql_query("SELECT * FROM mix");
$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=\"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'];
$prezzo=$riga['prezzo'];
//creo le celle aggiungendo <td>....</td> (ho tolto il
)
echo "<td>$nome_prodotto<img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"300\" height=\"300\" border=\"0\" ></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></br>"; //chiudo la tabella
basta aggiungere il "title" alla img:
echo "<td>$nome_prodotto<img src=\"$nome_immagine\" title=\"$descr_prodotto\" alt=\"$nome_prodotto\" width=\"300\" height=\"300\" border=\"0\" ></td>";
NB:
non ti conviene usare apici singoli dentro i doppi tipo:
echo "<td>$nome_prodotto[img]$nome_immagine[/img]</td>";
un po più leggibile no?
ciao
ciao ho provato ma con testi abbastanza lunghi questo metodo non funziona cosa mi puoi suggerire?
Originariamente inviato da alessiof86
ciao ho provato ma con testi abbastanza lunghi questo metodo non funziona cosa mi puoi suggerire?
...certo il tag "title" penso abbia un massimo di caratteri, ti conviene utilizzare
jquery:
usa questo:
http://code.drewwilson.com/entry/tiptip-jquery-plugin
fai il download, troverai 3 file, includili nella tua pagina e non ti resta che aggiungere alla img la classe:
cosi:
echo "<td>$nome_prodotto<img src=\"$nome_immagine\" class=\"someClass\" title=\"$descr_prodotto\" alt=\"$nome_prodotto\" width=\"300\" height=\"300\" border=\"0\" ></td>";
la classe "someClass" gestirà l'apertura di un elegante bubble nero semistrasparente (che puoi modificare volendo) con tutto il testo contenuto su "title"
fammi sapere se hai problemi
ciao
grandissimo grazie mille, ora solo un paio di aiutini con il tootip da teconsigliato mi metto sull immagine e appare il tooltip però se mi sposto sempre nella stessa immagine il tooltipe scombare come posso eliminare questo, io vorrei che sparisse solo quando si esce dall immagine? grazie mille
sai che lo trovo strano non dovrebbe fare cosi, però prova a spostarlo nel TD cosi:Originariamente inviato da alessiof86
grandissimo grazie mille, ora solo un paio di aiutini con il tootip da teconsigliato mi metto sull immagine e appare il tooltip però se mi sposto sempre nella stessa immagine il tooltipe scombare come posso eliminare questo, io vorrei che sparisse solo quando si esce dall immagine? grazie mille
echo "<td class=\"someClass\" title=\"$descr_prodotto\">$nome_prodotto<img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"300\" height=\"300\" border=\"0\" ></td>";
adesso do un occhiata al jquery forme mi dimentico qualcosa intanto prova cosi come ti ho detto!
Originariamente inviato da LuigiMem
sai che lo trovo strano non dovrebbe fare cosi, però prova a spostarlo nel TD cosi:
echo "<td class=\"someClass\" title=\"$descr_prodotto\">$nome_prodotto<img src=\"$nome_immagine\" alt=\"$nome_prodotto\" width=\"300\" height=\"300\" border=\"0\" ></td>";
adesso do un occhiata al jquery forme mi dimentico qualcosa intanto prova cosi come ti ho detto!
a scusami mi son dimenticato aggiungi dentro il tag "header"
questo:
<script type="text/javascript">
$(function(){
$(".someClass").tipTip();
});
</script>
credo basti!
ciao
scompare sempre aggiungendo anche la parte di codice nella'Header.... qualche soluzione?
Permessi di invio
Rispondi quotando