Gå til innhold

Endre attributter på kommando?

Gellyfusk

Anbefalte innlegg

Gellyfusk

Gellyfusk

Skrevet
Skrevet

Vet ikke om tittelen er så spesifikk, men jeg lurer på om det er mulig å endre attributtene i html/css ved hjelp av en html/php-kode (og i så fall hvordan).

 

F.eks. å kunne være endre margin i css-fila på en div-tag hvis jeg klikker på en knapp. Dette skal selvfølgelig ikke gjøres permanent, men kun akkurat der og da.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Wattengård

Wattengård

Skrevet
Skrevet

Hmm... Det er vel ikke helt det som var ment vil jeg tro?

 

Jeg antar at poenget var at det skulle være realtime, uten noen mellomlasting etc...

 

Man må nok inn med litt JavaScript for å få til dette. Skulle gjerne laget noe eksempelkode, men hodet mitt er så jQuery-innstillt for tida at det ikke ville blitt spesiellt bra :)

 

Evt jQuery:

$("#objekt_som_skal_klikkes").click(function (){
 $("#objekt_for_endring").css('margin-left', '2px');
});

 

Tatt rett fra hodet med alle forbehold...

 

-C-

Lenke til kommentar
Jesper Karsrud

Jesper Karsrud

Skrevet
Skrevet

Jepp jepp, må benytte deg av JavaScript her. Slang sammen en kjapp kodesnutt som ikke krever noe ekstra rammeverk, og skal såvidt jeg vet funke i alle nettlesere:

 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Testpage</title>
<style type="text/css">
#wow {
	width: 100px;
	height: 100px;
	background: #f90;
}
</style>
<script type="text/javascript">


function load() {
	document.getElementById('clickMe').onclick = function() {
		document.getElementById('wow').style.marginLeft = '10px';
	}
}

window.onload = load;
</script>
</head>
<body>
<h1>Testpage</h1>
<button id="clickMe" type="button">Click me!</button>
<div id="wow"></div>
</body>
</html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...