Solved

dynamically move an element in Mozilla (Firefox .8) (winxp)

Posted on 2004-04-09
2
260 Views
Last Modified: 2008-02-01
I am trying to move elements in a page in Firefox. I need to know the referencing syntax. Here are the basic parts of my page that  I need to get working.


function shiftThis(){                      
  document.MyID.style.left=100;   // this is the statement that I'm not sure about
}                                               // and is simply triggered by a button on the page


Note that I have position absolute stated in class style...

<STYLE><!--
  .whatever {visibility: visible;  position: absolute}  
--></STYLE>


This is the element I'm trying to move...

<div id='MyID'' class='whatever'>
<p> Hi There </p>
</div>

0
Comment
Question by:steve44
2 Comments
 
LVL 25

Accepted Solution

by:
devic earned 250 total points
ID: 10793717
<STYLE><!--
 .whatever {visibility: visible;  position: absolute}  
--></STYLE>

<script>
function shiftThis()
{                      
      document.getElementById("MyID").style.left=100;
}                                              

</script>
<div id='MyID'' class='whatever'>
<p> Hi There </p>
</div>
<br><br>
<button onclick=shiftThis()>shiftThis</button>
0
 

Author Comment

by:steve44
ID: 10793825

This is exactly what i needed    THANKS!
document.getElementById("MyID")
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now