Valaki írna egy ilyen kódot?
Figyelt kérdés
Szeretnék egy gombot, ami kettő képből áll, mindkettő kép 300x300px lenne. Az első kép az akkor látszódjon, amikor az egér nincs a gombon, a másik kép, akkor amikor az egér a gombon van, és ha rákattintunk akkor új ablakban nyisson meg egy url-t.2014. febr. 1. 15:27
1/4 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
Több megoldás is van itt:
2/4 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
A két kép megoldását tudom, az új ablakban megnyitást fejből nem:
<head>
<style>
.btn
{
background: url('első kép neve.formátuma')
width: 300px
height: 300px
}
.btn:hover
{
background: url('második kép neve.formátuma')
width: 300px
height: 300px
}
</style>
</head>
<body>
<input type="button" value="gomb szövege" class="btn">
</body>
3/4 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
egy lehetséges megoldás
<input type="image" src="kep1.png" onclick="window.open(' [link] onmouseover="this.src='kep2.png'" onmouseout="this.src='kep1.png';" />
ezzel most új lapon nyitja meg, nem új ablakba, de ha az onclick eseményt átírod az alábbira, akkor új ablakba fogja megnyitni, ami 250px széles és 350px magas lesz
onclick="window.open(' [link] '', 'width=250, height=350', ''); return false;"
4/4 A kérdező kommentje:
köszönöm a válaszokat
2014. febr. 2. 19:55
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!