JS style.display='block' bug i IE7?

Tråden skapades och har fått 2 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Boden
  • 2012-04-01 14:22

Hej.

Har en simpel funktion för att visa en div vid klick vilket funkar som det ska, förutom i IE7 av någon anledning.

Länken:

<a href="javascript: document.getElementById('prisforfragan_c30').style.display='block';">• Prisförfrågan</a>

diven:

<div class="prisforfragan" id="prisforfragan_c30"> BLABLABLA </div>

CSS för diven

.prisforfragan	{
				-webkit-animation: prisforfraganslidein 1s normal;
				-moz-animation:    prisforfraganslidein 1s normal;
				-ms-animation:     prisforfraganslidein 1s normal;
				position: absolute;
				bottom: 0px;
				z-index: 10;
				background-color: #fff;
				width: 276px;
				min-height: 100px;
				padding-bottom: 10px;
				padding-top: 10px;
				border-top: 2px solid #CCD9DE;
				display: none;
				}

Allt funkar som det ska i chrome och safari, men i IE7 sker något väldigt skumt. Display ändras till block som det ska, men innehållet i diven byts ut mot ordet "Block". Ändrar jag funktionen till style.display='inline'; står det inline i rutan i IE7.

Så borde det inte bli. Förstår inte vad som händer här, någon som har en aning?

  • Medlem
  • Boden
  • 2012-04-01 17:53

ändrade till href="javascript: document.getElementById('prisforfragan_c30').style.visibility='visible';"> och då står det bara "Visible" i diven.

Gäller både IE7 och FF

Ingen som vet vad det kan bero på?

  • Medlem
  • Stockholm
  • 2012-04-02 18:25

Bidrar med ett i mitt tycke elegantare lösningsförslag istället då jag alltid gör denna typ av uppgifter i jquery, samt att det känns lite smutsigt att köra för mycket javascript i själva länktaggen

Tenderar att vara mindre plattformskänsligt också.

untitled

1
Bevaka tråden