variabili php e javascript
Ciao a tutti.
Ho il seguente problema: mel mio sito ho inserito una piccola sala giochi. Nella pagina principale c'è una tabella che elenca i giochi disponibili con un'immagine in una colonna e una breve descrizione nell'altra. Poiché l'utiilzzo dei giochi è riservato agli utenti registrati, l'immagine del gioco è racchiusa in un tag href creato con php nel seguente modo
Codice:
<td>
<?
if (isset($_SESSION['id'])) {
$link = "<a class='blue' href='javascript:Popup(\"paginagiocoswf\");'>";
} else {
$link = "<a href='javascript:alert(\"$msg\");'>";
}
echo $link; ?><img src="immaginegioco.jpg" width="60" height="54" alt="immaginegioco" </a>
</td>
Ora, vorrei inserire il codice per far sì che al passaggio del mouse sull'immagine si aprisse un'anteprima del gioco. Questo si può ottenere in questo modo: innanzitutto si creano un paio di div con display:none:
Codice:
<div id="banner" style="display:none;">
<img src="immaginegioco.gif" border="0" alt="Anteprima" />
</div>
<div id="chiudi" align="right" style="display:none;">
<a href="#" onclick="javascript:chiudi('banner');chiudi('chiudi')"><strong>X</strong></a>
</div>
L'aspetto dei div è regolato da un css esterno che non starò qui a proporre in quanto ininfluente.
Il primo spezzone di codice va modificato così
Codice:
echo $link; ?><img src="immaginegioco.jpg" width="60" height="54" alt="immaginegioco" onmouseover="javascript:apri('banner');apri('chiudi')" /></a>
Gli script apri e chiudi sono i seguenti:
Codice:
<script type="text/javascript">
function apri( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "block";
}
}
}
function chiudi( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "block"){
target.style.display = "none";
}
}
}
</script>
Da notare che l'immagine così caricata non è la stessa contenuta nella tabella, ma una seconda catturata dalla schermata del gioco.
L'intoppo sta nel fatto che nel div banner l'immagine da visualizzare andrebbe definita dinamicamente, cioè a seconda del'icona del gioco su cui si trova il mouse, dovrebbe cioè essere passata come variabile all'interno dell'evento onmouseover, mentre nel div 'banner' il tag img dovrebbe essere <img src="">. Ho fatto vari tentativi, ma sono falliti.
Qualcunoi sa come si può fare?
Grazie mille in anticipo per ogni idea o suggerimento. Ciao
