webForumDet fria alternativet

Ändra stilmall med javascript

1 svar · 235 visningar · startad av sabbacus

sabbacusMedlem sedan juli 2002629 inlägg
#1

Tjena. Lite osäker på om detta ska postas i javascriptsforumet eller i stilmallsforumet, men då jag tror att problemet är javaskriptsbaserat postar jag det här i javascriptsforumet :)

Min javaskriptskod, om än i något förkortad form, ser ut såhär:
var namn = 'que001';
namn.style.display="none";

"que001" genereras av diverse inparametrar i koden men är satt som en statisk sträng för exemplets enkelhets skull. Jag vet dock att "que001" finns då jag kan göra en alert på variabeln i fråga som då visar rätt resultat.

Jag kan också tillägga att html-koden fungerar som den ska, d.v.s. att det jag vill ske när "none"/"inline" är satt sker.

Hursomhelst:
det jag vill göra är att ändra

<div id="que001" style="display:none;">
till
<div id="que001" style="display:inline;">

och vice versa med hjälp av javascript. Jag har aldrig gjort det innan och jag får det inte att fungera. Hur ska jag göra för att jag ska kunna ändra display's värde dynamiskt?

Hoppas att ni förstår vad jag menar :)

PalleMedlem sedan apr. 20002 716 inlägg
#2

En variant:

[red]function toggle(div)
{
	var objDiv = document.getElementById(div);
	if (objDiv.style.display=='none')
	{
		objDiv.style.display='inline';
	}
	else
	{
		objDiv.style.display='none'
	}
}

...

<a href="javascript:void(toggle('que001'));">Visa</a>
<div id="que001" style="display: none;">Syns ibland..</div>[/red]

Notera: Javascript utan mellanslag!

 

Genererad på 373 ms · cache AV · v20260730165559-full.f96bc7eb