Home News Guide Hardware Download Forum Glossario

Condividi:        

on rollover

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Anthony47, Triumph Of Steel, archimede

Regole del forum
Rispondi al post

on rollover

Postdi nicholas » 26/04/10 01:15

ciao ragazzi,
ho inserito dei punti attivi su un'immagine con dreamweaver. cosicchè quando ci si clicca su si apre un'altra pagina. e fin qui tutto ok.
il problema è che oltre al release mi servirebbe inserire anche un on rollover che mi fa aprire un'immagine affiancata. quel che non riesco a fare è creare sto on rollover sul punti attivo. come faccio?
grazie mille
tutto è scritto, nulla è casuale. ma sarà la vita ad insegnarci a leggere!
nicholas
nicholas
Utente Senior
 
Post: 102
Iscritto il: 18/05/09 13:33
Top
Sponsor
 

Postdi archimede » 26/04/10 08:18

Temo di non aver capito... Hai usato gli eventi onMouseOver e onMouseOut? Puoi postare il codice di una pagina di esempio e spiegare meglio cosa vorresti ottenere?

Alessandro
archimede
Moderatore
 
Post: 2851
Iscritto il: 07/11/02 12:41
Località: Genova
Top

Postdi nicholas » 26/04/10 12:51

allora il codice lo posto stasera. ma ti rispiego la situazione.
ho una pagina fatta in dreamweaver con al cetro una foto di rollover. in pratica due foto simili che s'intercambiano al passaggio del mouse. e questo funziona.
sui quattro angoli della foto di rollover ho inserito 4 punti attivi. cliccando su ciascuno di essi arrivo in 4 pagine diverse. e anche questo funziona perfettamente.
su questi 4 punti ivi però dovrei aggiungere un'altra azione. quando si clicca si va nella pagina stabilita (e questo funziona), ma vorrei aggiungere che quando ci si passa su col mouse si deve aprire una specie di fumetto con delle indicazioni. e qui mi blocco perchè non so come inserire questa azione sui punti attivi.
se non è chiaro posto il codice.
ciao e grazie
tutto è scritto, nulla è casuale. ma sarà la vita ad insegnarci a leggere!
nicholas
nicholas
Utente Senior
 
Post: 102
Iscritto il: 18/05/09 13:33
Top

Postdi archimede » 26/04/10 14:00

nicholas ha scritto:vorrei aggiungere che quando ci si passa su col mouse si deve aprire una specie di fumetto
Dove si deve aprire? E hai provato gli eventi che suggerivo sopra? O forse anche semplicemente con title="indicazioni che vorresti nel fumetto"...
nicholas ha scritto:se non è chiaro posto il codice.
Meglio, male non può fare.

Alessandro
archimede
Moderatore
 
Post: 2851
Iscritto il: 07/11/02 12:41
Località: Genova
Top

Postdi nicholas » 27/04/10 12:57

si deve aprire una nuova immagine quando si passa su ciascuna delle scritte. una quando si passa sulla prima scritta, un'alktra sulla secconda e via di seguito.
si devono aprire in self perchè sarà la stessa immagine di partenza cxon un fumetto laterale
ecco il codice completo
grazie
Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//-->
</script>
<meta name="description" content="AZIENDA DI PROMOZIONE TURISTICA PINZOLO MAONNA DI CAMPIGLIO:
info su:
- alberghi e appartamenti
- piste e passeggiate
- manifestazioni e iniziative">
</head>

<body bgcolor="#0066FF" text="#FFFFFF" link="#FFFF00" onLoad="MM_preloadImages('imma/centro2.png')">
<div align="center">
  <p>
    <label></label>
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinzolo1','','imma/centro2.png',1);MM_callJS('on rollover')"><img src="imma/centro1.png" name="pinzolo1" width="800" height="800" border="0" usemap="#pinzolo1a"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinzolo1','','imma/centro2.png',1);MM_callJS('on rollover')">
    <map name="pinzolo1a" id="pinzolo1a">
      <area shape="rect" coords="1,0,206,210" href="home.htm" target="_self">
      <area shape="rect" coords="588,-6,797,201" href="http://www.comune.pinzolo.tn.it/homepage" target="_blank">
      <area shape="rect" coords="-1,585,213,799" href="http://www.pinzolo.it/" target="_blank">
      <area shape="rect" coords="592,585,800,798" href="http://www.campanedipinzolo.it/" target="_blank">
    </map>
    </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinzolo1','','imma/centro2.png',1);MM_callJS('on rollover')">
    </a></p>
  </div>
</body>
</html>
tutto è scritto, nulla è casuale. ma sarà la vita ad insegnarci a leggere!
nicholas
nicholas
Utente Senior
 
Post: 102
Iscritto il: 18/05/09 13:33
Top

Postdi archimede » 28/04/10 12:08

quando ci si passa su col mouse si deve aprire una specie di fumetto
si deve aprire una nuova immagine quando si passa su ciascuna delle scritte
Sinceramente non ho ancora capito cosa vuoi fare esattamente.
si devono aprire in self
Questo mi è ancora più oscuro.

In ogni caso, prova questo sperando di essermi almeno avvicinato a quel che vuoi ottenere:
Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }

   function Visualizza(img) {
     if (img == ' ') {
        html = "&nbsp;";
     } else {
        html = "<img alt='Loading...' src='" + img + "' />";
     }
     document.getElementById('divImage').innerHTML = html;
   }
//-->
</script>
<meta name="description" content="AZIENDA DI PROMOZIONE TURISTICA PINZOLO MAONNA DI CAMPIGLIO:
    info su:
    - alberghi e appartamenti
    - piste e passeggiate
    - manifestazioni e iniziative">
</head>
<body bgcolor="#0066FF" text="#FFFFFF" link="#FFFF00" onLoad="MM_preloadImages('imma/centro2.png')">
<div align="center">
  <div id="divImage"></div>
  <p>
    <label></label>
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinzolo1','','http://www.freeimagehosting.net/uploads/0aa1a10178.gif',1);">
      <img src="http://www.pc-facile.com/images/logo.png" name="pinzolo1" width="800" height="800" border="0" usemap="#pinzolo1a" alt="img1"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinzolo1','','imma/centro2.png',1);">
    <map name="pinzolo1a" id="pinzolo1a">
      <area shape="rect" coords="1,0,206,210" href="home.htm" target="_self" onMouseOut="Visualizza(' ');" onMouseOver="Visualizza('http://www.pc-facile.com/images/logo.png');" alt="area1">
      <area shape="rect" coords="588,-6,797,201" href="http://www.comune.pinzolo.tn.it/homepage" target="_blank" onMouseOut="Visualizza(' ');" onMouseOver="Visualizza('http://www.pc-facile.com/images/logo.png');" alt="area2">
      <area shape="rect" coords="-1,585,213,799" href="http://www.pinzolo.it/" target="_blank" onMouseOut="Visualizza(' ');" onMouseOver="Visualizza('http://www.pc-facile.com/images/logo.png');" alt="area3">
      <area shape="rect" coords="592,585,800,798" href="http://www.campanedipinzolo.it/" target="_blank" onMouseOut="Visualizza(' ');" onMouseOver="Visualizza('http://www.pc-facile.com/images/logo.png');" alt="area4">
    </map>
    </a>
  </p>
</div>
</body>
</html>
La funzione MM_callJS non so a cosa serva, ma così come l'hai messa tu dà errore per cui l'ho tolta.

HTH.

Alessandro
archimede
Moderatore
 
Post: 2851
Iscritto il: 07/11/02 12:41
Località: Genova
Top
Rispondi al post

Torna a Programmazione


Topic correlati a "on rollover":

[PHP] Creare un rollover di immagini
Autore: tafano85 		Forum: Programmazione
Risposte: 22
Actionscript e RollOver
Autore: Akhrod 		Forum: Software Windows
Risposte: 1

Chi c’è in linea

Visitano il forum: Nessuno e 5 ospiti