fumetto php

**giuseppe500** · 25-08-2009, 12:08

Ciao.
Vorrei che quando vado col mouse sopra ad un area di un link/<a href="ballon?id=1" mi compaia un fumetto che mostri un area 400x300 customizzabile in php, ad es con due immagini relative alla variabile del link e un po di testo.
La variabile del link è un id relativo ad un oggetto sul db che ha i due percorsi delle immagini e il testo in un altro campo.
E' possibile?
Come posso fare?
Grazie.

**Mercuzio** · 25-08-2009, 12:34

hey ciao,
stavo aspettando che qualcuno rispondesse al mio post e ho visto il tuo, ho provato a fare qualcosa che magari ti puo' essere di spunto per fare quello che ti serve:

codice:

<?php
echo "<div id=\"image\"><img src=\"images/baloon.gif\"></img></div>";
echo "<a href=\"#.php\" onmouseover=\"document.getElementById('image').style.display='';\">appari</a>";
echo "<a href=\"#.php\" onmouseover=\"document.getElementById('image').style.display='none';\">scompari</a>";


?>

questa cosa fa apparire baloon.gif quando passi con il mouse su appari e lo fa scomparire quando vai su scompari.

è abbastanza spartana la cosa, ma magari con un css e un po' di finezze riesci a fare quello che ti serve...

**simotenax** · 25-08-2009, 12:55

Originariamente inviato da giuseppe500
Ciao.
Vorrei che quando vado col mouse sopra ad un area di un link/<a href="ballon?id=1" mi compaia un fumetto che mostri un area 400x300 customizzabile in php, ad es con due immagini relative alla variabile del link e un po di testo.
La variabile del link è un id relativo ad un oggetto sul db che ha i due percorsi delle immagini e il testo in un altro campo.
E' possibile?
Come posso fare?
Grazie.

devi usare una chiamata ajax

**giuseppe500** · 25-08-2009, 13:12

grazie.
Solo che conosco ajax solo per grandi linee e mi chiedevo se si potesse partire da un esempio del tipo che ti ho riportato.ne conosci?
Ciao.

**Mercuzio** · 25-08-2009, 16:47

ok, così quando passi con il mouse sulla scritta appare il fumetto e quando sposti il cursore scompare tutto... mi seccava lasciare le cose a metà :P

codice:

echo "


<div id=\"image\"><img src=\"images/baloon.gif\" onmouseover=\"document.getElementById('image').style.display='';\" onmouseout=\"document.getElementById('image').style.display='none';\">
</img>
</div>";

echo "
<a href=\"#.php\" 
onmouseover=\"document.getElementById('image').style.display='';\" onmouseout=\"document.getElementById('image').style.display='none';\">
LINK
</a>";

**giuseppe500** · 26-08-2009, 10:23

grazie , proprio quello che cercavo.
Ma è possibile utilizzare php all interno del fumetto per rendere "dinamico" il fumetto?O ci sono degli inconvenienti?
Grazie

**Mercuzio** · 26-08-2009, 14:55

ciao, scusa ma oggi sono impegnato con la tesi, comunque non ci sono problemi per fare quello che dici, basta che cambi l'immagine con un'area di testo...sempre che io abbia capito bene il significato di "dinamico".
comunque piu' o meno per le 17 dovrei finire, allora editero' questo mio post con il codice a cui sostituiro' l'immagine con un'area di testo.

ciao ciao ^^

**Mercuzio** · 27-08-2009, 10:37

ok, scusa il ritardo ma ieri proprio non sono riuscito ad avere un momento.
Lho modificato in modo che i due div rimanessero fermi ( e non come prima che uno scompariva e lasciava il posto a quell'altro)

codice:

<html>
<head></head>
<body>
<?php
echo "

<div id=\"image\" width=\"150\" height=\"50\" 
onmouseover=\"document.getElementById('image').style.visibility='visible';\" 
onmouseout=\"document.getElementById('image').style.visibility='hidden';\"><h1>ciao come stai?</h1>
</div>";
echo "<div id=\"secondo\" width=\"50\" height=\"50\"><a href=\"#.php\" 
onmouseover=\"document.getElementById('image').style.visibility='visible';\" 
onmouseout=\"document.getElementById('image').style.visibility='hidden';\">ciao2</a>";


?>
</body>
</html>

ora dovrebbe essere proprio quello che fa per te

PS le echo e i tag di inizio e fine php li puoi anche togliere :P tanto è tutto html e javascript

**giuseppe500** · 14-09-2009, 08:20

grazie.
Adesso il problema è che ho varie aree in cui fare comparire il fumetto , basta che uso la tua tecnica ripetuta per tutte le aree , ma come posizionare i fumetti all'inizio chiusi nella pagina?
col posizionamento assoluto puo' andare?
come funziona precisamente?

position:absolute
top:xxx
left:xxxx
width:xxx
height:xxx

nello stile del div all'inizio nascosto, pronto perr essere visuaolizzato al passaggio del mose sull'area sensibile.

grazie.

Discussione: fumetto php

Strumenti discussione

Ricerca discussione

Visualizza

fumetto php

Re: fumetto php

Permessi di invio