Jquery / css problem

2012-04-05 09:56

Permalänk

spel565

Medlem

Registrerad: Jan 2009

●

Jquery / css problem

Jag vill att användaren ska ange ett värde och detta värde ska sedan användas i cssen

CSS:
"-moz-transform: rotate("användarens värde"); "

Och jag tänkte genomföra detta genom att skriva typ:

Jquery

window.onload=function() { adjustContainer(); };  
function adjustContainer() {  

 var i = 1;
 if (i = 1) {  
deg = 30
  document.getElementById('container').style.-moz-transform: rotate=deg;  
 }  
}

document.getElementById('container').style.-moz-transform: rotate=deg;

ger syntax error, men

document.getElementById('container').style.width=width;"

^fungerar utmärkt

Alltså är det"-moz-transform: rotate(deg)" som mig huvudvärk.
Hur ska jag lyckas att att lyckas med "-moz-transform: rotate("användarens värde"); "?
Eller någon som har en annan lösning? (:

Visa signatur

Din dator har en bakdörr
https://libreboot.org/faq.html#intel
https://libreboot.org/faq.html#amd

Rapportera Redigera

Citera flera Citera

2012-04-05 10:29

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Skrivet av spel565:

Jag vill att användaren ska ange ett värde och detta värde ska sedan användas i cssen

CSS:
"-moz-transform: rotate("användarens värde"); "

Och jag tänkte genomföra detta genom att skriva typ:

Jquery

window.onload=function() { adjustContainer(); };  
function adjustContainer() {  

 var i = 1;
 if (i = 1) {  
deg = 30
  document.getElementById('container').style.-moz-transform: rotate=deg;  
 }  
}

document.getElementById('container').style.-moz-transform: rotate=deg;

ger syntax error, men

document.getElementById('container').style.width=width;"

^fungerar utmärkt

Alltså är det"-moz-transform: rotate(deg)" som mig huvudvärk.
Hur ska jag lyckas att att lyckas med "-moz-transform: rotate("användarens värde"); "?
Eller någon som har en annan lösning? (:

Gå till inlägget

Om du vill använda document.getElementById(..) kan du köra

document.getElementById('container').style.MozTransform = 'rotate('+deg+'deg)'

Notera att detta inte är Jquery utan ren javascript. I och med att du använder browser-specifika properties kommer det bara att fungera i firefox.

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera (1)

2012-04-05 10:34

Permalänk

BasseBaba

Medlem ★

Registrerad: Aug 2002

●

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min...."></script>
<script>
$(document).ready(function() {
	adjustContainer(50);
	
	function adjustContainer(deg) {  
		$('#container').css('-moz-transform','rotate(' + deg + 'deg)');
		$('#container').css('-webkit-transform','rotate(' + deg + 'deg)');
	}  
});
</script>
<div style="height:30px; width:100px; background-color:red;" id="container"></div>

Rapportera Redigera

Citera flera Citera (2)

Jquery / css problem

Jquery / css problem

Externa nyheter

Spelnyheter från FZ