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:

input:hover, input.hover {
  background-color: red;
}
js:

function addHoverToInput() {
  var inputs = document.getElementsByTagName('input');
  for(var i=0; i<inputs.length; i++) {
    if(inputs[i].type == 'submit') {
      inputs[i].onmouseover = function() {
        this.className = hover
      }
      inputs[i].onmouseout = function() {
        this.className = '';
      }
    }
  }
}
window.onload=addHoverToInput;
replacszel szebb a dolog =)
3

Köszönöm

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