Newsgroup: it.comp.lang.javascript
Titolo: fate la carità...

...avrei tanto bisogno di tre pulsantini, che scorrendoci su col mouse
facciano apparire in uno stesso spazio tre immagini diverse...
Ho provato a farne, ma non sono brava, e non mi funzionano.
Se potete, vi ringrazio.
Giulia

Giulia ha scritto:

Chi la dura la vince :)
Ti mando un pezzetone di Marcato Html con istruzioni javascript negli eventi
onMouseOver e onMouseOut
cerca di capirli e poi magari di crearti una funzione javascript che possa
gestire gli  eventi
Aspetta che si carica la pagina prima di poter vedere gli efetti
Ciao L'oriundo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Imagini nei Bottoni</title>
</head>
<body>
<div id="SpazioFisso" style="position: absolute; left: 125">
<img name="Leopardo"
src="
http://gallery.tripod.com/photos/Animals/Mammals/P0320242.JPG
"
width="213" height="320" style="display:none">
<img name="Cocker"
src="
http://gallery.tripod.com/photos/Animals/Pets/P0315079.JPG
" width="213"
height="320" style="display:none">
<img name="Cervo"
src="
http://gallery.tripod.com/photos/Animals/Assorted/P0316359.JPG
"
width="213" height="320" style="display: none">
</div><br>
<table border="1" style="position: absolute; top:350; left: 125"
width="213">
<tr align="center">
<td
onMouseOver="Leopardo.style.display='block';GiuRosso.style.display='none';Su
Rosso.style.display='block'"
onMouseOut="Leopardo.style.display='none';GiuRosso.style.display='block';SuR
osso.style.display='none'">
<img name="GiuRosso"
src="
http://gallery.tripod.com/webelements/arrows/down/00000000.gif
"
width="50" height="50" >
<img name="SuRosso"
src="
http://gallery.tripod.com/webelements/arrows/up/00230000.gif
"
width="50" height="50" style="display:none" >
</td>
<td
onMouseOver="Cocker.style.display='block';GiuBlue.style.display='none';SuBlu
e.style.display='block'"
onMouseOut="Cocker.style.display='none';GiuBlue.style.display='block';SuBlue
.style.display='none'">
<img name="GiuBlue"
src="
http://gallery.tripod.com/webelements/arrows/down/00000004.gif
"
width="50" height="50" >
<img name="SuBlue"
src="
http://gallery.tripod.com/webelements/arrows/up/00230004.gif
"
width="50" height="50" style="display:none">
</td>
<td
onMouseOver="Cervo.style.display='block';GiuVerde.style.display='none';SuVer
de.style.display='block'"
onMouseOut="Cervo.style.display='none';GiuVerde.style.display='block';SuVerd
e.style.display='none'">
<img name="GiuVerde"
src="
http://gallery.tripod.com/webelements/arrows/down/00000001.gif
"
width="50" height="50" >
<img name="SuVerde"
src="
http://gallery.tripod.com/webelements/arrows/up/00230001.gif
"
width="50" height="50" style="display:none" >
</td>
</tr>
</table>
</body>
</html>

 Ciao L'oriundo
Ti ringrazio molto, ho salvato la tua risposta, ora mi cimenterň...
Non č facile, sai, cominciare da soli.
Giulia

 Ciao L'oriundo
Non riesco ad utilizzare quello che mi hai inviato;
io volevo dire una cosa come quella qua sotto, ma con tre bottoni ognuno con
la sua immagine, invece di due: ci ho provato ma niente, mi da sempre
errore.
Sono scoraggiata e non ne posso piů.
Giulia
<HTML>
<HEAD>
<TITLE>DueBottoni</TITLE>
<SCRIPT language=JavaScript>
{
alt0 = new Image();
alt0.src = "images/white.jpg";
alt1 = new Image();
alt1.src = "images/v.jpg";
alt2 = new Image();
alt2.src = "images/elephant.gif";
graphic1= new Image();
graphic1.src = "off.jpg";
graphic1on = new Image();
graphic1on.src = "on.jpg.";
graphic2= new Image();
graphic2.src = "off.jpg";
graphic2on = new Image();
graphic2on.src = "on.jpg";
}
function imageChange(imageID,imageName,imageID2,imageName2)
{
{
document.images[imageID].src = eval(imageName + ".src");
document.images[imageID2].src = eval(imageName2 + ".src");
}
}
</SCRIPT>
<BODY bgColor=white>
<div align="left">
  <table border="0" cellpadding="0" cellspacing="0" width="604" height="1">
    <tr>
    <TD height="82" rowspan="2" width="1">
      <p style="margin-top: -1; margin-bottom: -1">
      <A onmouseover="imageChange('global','alt1','one','graphic1on')"
      onmouseout="imageChange('global','alt0','one','graphic1')"
      href="mylink"><IMG
      src="off.jpg" border=0
      name=one width="34" height="36"></a></p>
      <p style="margin-top: -1; margin-bottom: -1">
      <A onmouseover="imageChange('global','alt1','one','graphic1on')"
      onmouseout="imageChange('global','alt0','one','graphic1')"
      href="mylink"><BR></a><A
      onmouseover="imageChange('global','alt2','two','graphic2on')"
      onmouseout="imageChange('global','alt0','two','graphic2')"
      href="mylink">
      <IMG src="off.jpg." border=0 name=two width="32" height="36">
      </A></p>
    </TD>
    <TD height="82" rowspan="2" width="373" bgcolor="#FFFFFF">
      &nbsp;
    </TD>
          <td width="88" height="88"><IMG height=87 src="images/white.jpg"
      width=95 name=global></td>
    </tr>
  </table>
</div>
</BODY>
</HTML>

 Giulia
Senza funzioni (un po' piů limitata ma semplice da capire)
________________________________
<img name="immaginechecambia" src="vuota.gif">
<img name="pulsante1" src="pulsante1.gif"
OnMouseOver="document.images['immaginechecambia'].src='altraimmagine1.gif'"
OnMouseOut="document.images['immaginechecambia'].src='vuota.gif'">
<img name="pulsante2" src="pulsante2.gif"
OnMouseOver="document.images['immaginechecambia'].src='altraimmagine2.gif'"
OnMouseOut="document.images['immaginechecambia'].src='vuota.gif'">
<img name="pulsante3" src="pulsante3.gif"
OnMouseOver="document.images['immaginechecambia'].src='altraimmagine3.gif'"
OnMouseOut="document.images['immaginechecambia'].src='vuota.gif'">
__________________________________
[non l'ho testata]
LAMASE

 (Oscar Wilde)

 scaricare... :-|



Di aiuto? Č un regalo dal cielo...
Rigrazie millissimo
Giulia