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.

Videoannonse

Videoannonse
Annonse
MikkelRev

MikkelRev

Skrevet
Skrevet

Hvis jeg forstod deg rett, så er er svaret ja.

 

Feks

<?php $colour="red";?>

<div style="background-color:<?php echo $colour?>">

 

se på css hover for at det skal skje når du trykker på knappen (når musepekeren er over rettere sagt).

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-

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>

Jesper Karsrud

Jesper Karsrud

Skrevet
Skrevet

Ser du noe jQuery hos meg der? $(document).ready() som du refererer til, er en jQuery-spesifik sak. Før jQuery var det som oftest window.onload som ble brukt til å trigge ting når siden var ferdig lastet :)

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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...