ugrás a tartalomhoz

Hover effekt submit gomra IE-hez

Anonymous · 2006. Szep. 19. (K), 14.09
A címben említett effektet keresek, amely a gomb háttér színét változtatja meg. FF alapból tudja, IE nem.
Ha valaki tud segíteni, akkor megköszönom.
‹ Milyen WYSIWYG szerkesztőt ajánlotok webfelületre? Input field letrehozasa link kattintasra ›
 ■
1

CSS

Anonymous · 2006. Szep. 19. (K), 16.30
Ugyan az a módszer, mint linkeknél: (ie7-el néztem)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<title> Hover proba </title>
<style type="text/css">
input:hover {
background-color: red;
}
</style>
</head>

<body>

<form>
<input type="submit" name="submit" value="submit" />
</form>

</body>
</html>
2

ie6-al ez nem kompatibilis

Ajnasz · 2006. Szep. 19. (K), 16.39
Ahogyan mindenki tudja, ie6 csak linkre értelmezi a hovert..


css-be:
  1. input:hover, input.hover {  
  2.   background-color: red;  
  3. }  
js:
  1. function addHoverToInput() {  
  2.   var inputs = document.getElementsByTagName('input');  
  3.   for(var i=0; i<inputs.length; i++) {  
  4.     if(inputs[i].type == 'submit') {  
  5.       inputs[i].onmouseover = function() {  
  6.         this.className = hover  
  7.       }  
  8.       inputs[i].onmouseout = function() {  
  9.         this.className = '';  
  10.       }  
  11.     }  
  12.   }  
  13. }  
  14. window.onload=addHoverToInput;  
replacszel szebb a dolog =)
3

Köszönöm

Anonymous · 2006. Szep. 19. (K), 22.09
Ez volt a nyerő! :)