Problem with element.style.left

Dev Shed Forums Sponsor:

January 28th, 2013, 11:58 AM

kakolaukiom

Registered User

Join Date: Jan 2013

Posts: 1

Time spent in forums: 36 m 21 sec
Reputation Power: 0

Problem with element.style.left

Hello,

I am trying t do some tests of javascript to make in practice what i did learn from some tutorials..

So I suggest to you to examin this code :

Code:

<html> <head> <title>Test Javascript</title> <style> #bonjour{ position : absolute; } </style> </head> <body> <label id="bonjour" style="{position : absolute;}">Bonjour ca va?</label> <script> var bonjour = document.getELementById('bonjour'); document.addEventListener('keyup',function(e){ if(e.keyCode == 37){ bonjour.style.left = '200px';} },false); </script> </body> </html>

So what i want to do is so simple . I just want to move my label in the right when I click on the button right of the keyword..But it doesn't work..
Could you verify please where I made the error in my code ??

Thanks ,

January 28th, 2013, 01:41 PM

coothead

~ bald headed old fart ~

Join Date: May 2005

Location: chertsey, a small town s.w. of london, england

Posts: 192

Time spent in forums: 1 Week 17 h 41 m 25 sec
Reputation Power: 86

Hi there kakolaukiom,

and a warm welcome to these forums.

In your code you have...

Code:


var bonjour = document.getELementById('bonjour');

...it should, of course, be...

Code:


var bonjour = document.getElementById('bonjour');

coothead

__________________

January 29th, 2013, 03:33 AM

tiwariankit

Registered User

Join Date: Jan 2013

Posts: 5

Time spent in forums: 1 h 5 m 43 sec
Reputation Power: 0

Please use this code

<html>
<head>
<title>Test Javascript</title>
<style> #bonjour{ position : absolute; }
</style>
</head>
<body>
<label id="bonjour" style="{position : absolute;}">Bonjour ca va?</label>
<script>
var bonjour = document.getElementById('bonjour');
document.addEventListener('keyup',function(e)
{
if(e.keyCode == 39)
{
bonjour.style.left = '200px';
}
},false);
</script>
</body>
</html>

Thanks

Viewing: Dev Shed Forums > Web Design > JavaScript Development > Problem with element.style.left

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump