Aiuto vorrei inserire piu' elementi javascript sulla stessa pagina

shirani

Aiuto vorrei inserire piu' elementi javascript sulla stessa pagina

Ciao a tutti sono nuovo mi chiamo andre'

come da titolo vorrei inserire piu elementi javascript all'interno della stessa pagina senza che pero' interferiscano tra di loro... come per esempio vorrei inserire dei bottoni rollover o mouseover solo che se ne inserisco piu di uno il primo poi non funziona piu....

eccovi il codice javascript

 <body>

<html>
<head>

<script language="javascript">
<!-- 

imm1 = "images/targatop1.gif";
imm2 = "images/targatop2.gif";


function over()

{

document.bottone.src = imm2;
}


function out()

{

document.bottone.src = imm1;
}


// -->
</script>


</head>


<body>


<a href="_link del sito_" onMouseOver="over()" onMouseOut="out()"><img border="0" src="images/targatop1.gif" name="bottone"></a>



</body>
</html>

</body>

ma prima di inserire questo javascript inserisco PRIMA

<body>
<div class="targatop"> IL JAVASCRIPT RIPORTATO SOPRA</div></body>

e se volete anche il pezzo di css che ho richiamato e' questo:

div.targatop {
  position: relative;
  top: -30px;
  left: -600px;
  margin-left:195px;
  margin-top:-75px;
  border:1px solid red;
} 

 div.targatop img {
 position:absolute;
 left:50%;
 top:50%;
 }

Questo in tutto sarebbe un bottone mouse over... e fin qua' tutto okey

Sinceramente non so' bene che ho fatto io sono andato per esclusione provando e riprovando sono il classico principiante...

ora se voglio inserire un altro bottone come questo come faccio ?
ho gia provato a copia incolla il css e il javascript e rifare lo stesso procedimento del primo, ma cosi' facendo quando passavo sopra col mause non succedeva niente !! sto impazzendo e' 3 giorni che cerco di risolvere il problema da me xxxxx:x

ho notato che questo e' un forum attivo e pieno di esperti, spero riusciate ad aiutarmi con questa cosa complicatissima

grazie mille in anticipo aspetto risposta

marcocarrieri

Quindi il risultato finale sarebbe avere più pulsanti e ognuno di questo con un rollever di immagini diverse vero?

Immagine iniziale per ognuno di essi anche? E una con mouse sopra?

shirani

si se copio il css e il javascript piu volte l'immagine iniziale praticamente non cambia piu non funzionano come dovrebbe. =(

marcocarrieri

Una cosa del genere può andare?

[PHP]
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function cambiaImmagine(elemento,pathImmagine)
{
elemento.src=pathImmagine;
}
</script>
<style type="text/css">
html,body
{
background:#cccccc;
}
a div
{
background:#7FAAFF;
width:200px;
float:left;
margin:20px;
padding:50px 0px;
text-align:center;
}
</style>
</head>
<body>
<a href="http://www.google.it"><div>Google<img onmouseover="cambiaImmagine(this,'http://t3.gstatic.com/images?q=tbn:ANd9GcTdfPg1VLCylYIkoIuQFDaPzugiPSpvmRQ_AO4vSt1ftLCTXB0k')" onmouseout="cambiaImmagine(this,'http://t0.gstatic.com/images?q=tbn:ANd9GcTKHoi2dmun4eayVSM9wag-sLWDH4g-ca9RU4TO4pl1RpdN6nm8rg')" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTKHoi2dmun4eayVSM9wag-sLWDH4g-ca9RU4TO4pl1RpdN6nm8rg" /></div></a>
<a href="http://giorgiotave.it"><div>GiorgioTave<img onmouseover="cambiaImmagine(this,'http://t2.gstatic.com/images?q=tbn:ANd9GcRJZGOJEYF1dIUMI2d5O5dDH83tO8JXkV-0QcFAlUdZhFVUsDjH')" onmouseout="cambiaImmagine(this,'http://www.alverde.net/forum/avatars/giorgiotave.gif?dateline=1245765291')" src="http://www.alverde.net/forum/avatars/giorgiotave.gif?dateline=1245765291" /></div></a>
</body>
</html>
[/PHP]

shirani

sisi grazie aspetta come levo lo sfondo e il resto vorrei solo due immagini senza sfondo ne niente grazieee

scusa il disturbo ma io faccio sempre casini siccome non sono molto bravo in ste cose grazie cmq e' quello che cercavo !!!

marcocarrieri

Per levare lo sfondo e i colori basta agire dove c'è il blocco style.

shirani

Grazie mille per l'aiuto !!! sei un genio grazie mille non pensavo di poterci riuscire grazie ancora sei il migliore !

marcocarrieri

Li avevo messi solo perchè non mi piaceva il bianco ah ah, e per far vedere chiaramente dove erano i link.
Bene allora alla prossima.