js per toltip

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
ciao
penso che sia la sezione giusta in quanto credo che per quello che voglio fare mi serva un js.
per visualizzare le ultime news inserite estraggo da tabella

PHP:
<!-- ecc.... -->
<?php
//..........
$query_3="SELECT * FROM news_da WHERE nazione='IT' ORDER BY data_ins DESC LIMIT 10";
$result_3=mysql_query($query_3);
while($riga_3=mysql_fetch_array($result_3)){
	$data="<em>".date("d M y H:i",$riga_3['data_ins'])."</em>";
	$sigla_pr=$riga_3['provincia'];
	$comune=$riga_3['comune'];
?>
<td><?php echo $data;?></td>
<td><?php echo $sigla_pr;?></td>
<td><div class="sx"><?php echo $comune;?></div></td>
<?php
}
?>
<!-- ecc.... -->
es. di output:
14 Sep 11 18:12 SO Livigno
14 Sep 11 07:25 SO Livigno
13 Sep 11 17:10 GE Genova
.......
nella tabella news_da ho anche il titolo della news.
ora vorrei che passando col mouse sul comune mi apparisse un toltip col titolo della news.
è possibile, e se si come?
 
Ciao Signor Gattino!!

Potresti fare in modo che il titolo della news sia un link

Guarda un po se ti piace questo:
http://max400scuola.altervista.org/aaa/title.php

ed ecco lo script
PHP:
<?php
$titolo1="Aumento prezzi delle banane +3%";
$titolo2="Aumento prezzi delle scatolette per gatti +6%";
$titolo3="Aumento prezzi delle scatolette per cani +9%";
?>

<a href="#" title="<? echo $titolo1; ?>">14 Sep 11 18:12 SO Livigno</a><br>
<a href="#" title="<? echo $titolo2; ?>">14 Sep 11 19:12 SO Genova</a><br>
<a href="#" title="<? echo $titolo3; ?>">14 Sep 11 20:12 SO Milano</a><br>
<br><br>

oppure se ti piace proprio javascript<br>

<script>
function inviatesto(){
variabile=document.getElementById('testo');
variabile.value="Ciao Sorcetti!!!";
}
function resettesto(){
variabile=document.getElementById('testo');
variabile.value=" ";
}
</script>

<form>
<input type="text" id="testo" size=70><input type="button" onmouseover="inviatesto()" onmouseout="resettesto()" value="clicca">
<input type="reset" value="reset">
</form>

basta mettere il titolo della news in una variabile e poi inserirla con una siringa dentro l'attributo TITLE
oppure guarda quello script che inserisce un testo contenuto in una funzione in una casella di input

Naturamente è tutto da modificare...
lo script l'avevo fatto tempo fa e c'era la funzione onClick che ho modificato in
"onmouseover" e "onmouseout".


Sicuramente saprai modificare il tutto in base alle tue esigenze

Altre info le puoi trovare qui
http://max400.forumfree.it/?t=52846500
lo script originale + la possibilita di modificare il puntatore del mouse

http://max400.forumfree.it/?t=53032112
modificare un testo in una pagina

http://max400.forumfree.it/?f=7299006
indice generale

infine per concludere in bellezza...
guarda se ti piace quest'animazione

http://max400scuola.altervista.org/aaa/gatto-italia.php
c'è un pulsante sulla destra... premendo su di esso
al gatto gli esce la lingua di fuori...in segno di beffa!!
ih ih ih
mutley.gif
 
ciao
intanto grazie, comunque
Potresti fare in modo che il titolo della news sia un link
era quello che volevo evitare di fare, se non trovo qualcosa userò il tuo suggerimento

p.s.
le scatolette in effetti sono aumentate
il gatto furbetto mi piace, peccato immagine un po sgranata (vuoi che ti mandi l'originale?)
 
Si può evitare href...

...il title lo puoi mettere anche sul div

Codice:
<div title="hhh">
ggg<br>
</div>


oppure
Codice:
<p title="kkk">
kkk<br>
</p>

al posto di hhh inserisci la variabile php (sempre con una siringa)
direttamente nel title.

Ho fatto una prova al volo e funnziona!

PS.: per il gatto ovviamente non avevo una foto grande ed ho ingrandito la piccola
se mi mandi la grande anzi è più facile lavorarci e ci vuole un attimo.

Ciao signor gattino.

PS Ci sono innuerevoli soluzioni per il tuo problema...
magari le soluzioni ci stanno sotto il naso e neanche le vediamo

Spero di esserti stato utile...

il gatto dà credenza...quello che fà... pensa!
 
ciao
si funzia, ora devo trovare il metodo per migliorare il tutto.

il gatto ha preso l'aereo per raggiungerti (era occupato al MIT - Micio institute of tecnology)
 

Discussioni simili