please... some info would be very appreciated.

primus

Hello all,

First let me tell you that I have searched this group and the internet
and have not been able to find the answer to my problem. It is probably
because I don't know what to look for. I did though find my question
asked in 1997 by a guy in this group but it seems that noone answered
his(my) question. As a very last resort I ask my question now.

I have a function to handle many divs. How do I pass that function the
'object' of the div, so that I may change its style.

---
<div id="layer1" style="position:absolute;top:0;left:0;"></div>
<script language="javascript">
function move(divname){
divname.style.top = 100;
}

move(window.document.all.layer1);
</script>
---

If you could give me any help it would be very much appreciated!
Primus

Jul 23 '05 #1

Subscribe Reply

1500

Robi

primus wrote:

Hello all,

First let me tell you that I have searched this group and the internet
and have not been able to find the answer to my problem. It is probably
because I don't know what to look for. I did though find my question
asked in 1997 by a guy in this group but it seems that noone answered
his(my) question. As a very last resort I ask my question now.

I have a function to handle many divs. How do I pass that function the
'object' of the div, so that I may change its style.

---
<div id="layer1" style="position:absolute;top:0;left:0;"></div>
<script language="javascript">
function move(divname){
divname.style.top = 100;
}

move(window.document.all.layer1);
</script>
---

If you could give me any help it would be very much appreciated!
Primus

one way is:

function move(divname){
document.getElementById(divname).style.top = 100;
}
move("layer1");

but that will only work with browsers that support getElementById

now check message news:US******************@text.news.blueyonder.co. uk
Michael Winter added a nifty checker in there.

there, if I understand it correctly, you would add the "var getReferenceById..." code
into your move() function - changing move(divname) to move(id) or replacing the "id"
references to "divname", whichever is easier for you - and then add

if(getReferenceById && getReferenceById.style) getReferenceById.style.top = 100+'px'.

I'm not sure where 'px' doesn't work, but there is a browser that doesn't work right
if you omit the 'px' addition.

Robi

Jul 23 '05 #2

ASM

primus wrote:

Hello all,
Hello alone,
As a very last resort I ask my question now.
I have a function to handle many divs. How do I pass that function the
'object' of the div, so that I may change its style.

<html>
<style type="text/css">
* { text-align: center }
</style>
<script type="text/javascript">
function move(divname,left,top){
if(document.getElementById) {
var d = document.getElementById(divname).style;
if(top) d.top = top+'px';
if(left) d.left = left+'px';
}
}
</script>
<div id="layer1"
style="position:absolute;top:0;left:0;width:200px; border:1px solid red">
<h2>DIV 1 to move</h2>
<p><a href="javascript:move('layer1',100,50);">
move layer1 from window-top = 50, from window-left = 100
</a>
<p><a href="javascript:move('layer2',320,20);">
move layer2 to window-top = 50, and window-left = 320
</a>
</div>
<div id="layer2" style="position:absolute;top:0;
left:-300;width:200px;border:1px solid red">
<h2>DIV 2 to move</h2>
</div>
</html>
--
Stephane Moriaux et son [moins] vieux Mac

Jul 23 '05 #3

primus

Thank you! Thank you! Thank you!

My headache is gone now! I didn't know it was that easy.

Again Thank You,
Primus

Jul 23 '05 #4

ASM

ASM wrote:
[snip]
[follow]

if you need a compatibility even with my NC4.5 or IE4
use that :

<script type="text/javascript">
function move(divname,left,top){
var d = (document.all)? document.all(divname).style :
(document.getElementById)?
document.getElementById(divname).style :
(document.layers)? document.layers[divname] :
'';
var p = document.layers? '' : 'px';
if(top) d.top = top+p;
if(left) d.left = left+p;
}
</script>

Sorry, I didn't use :
getReferenceById
from Michael Winter

--
Stephane Moriaux et son [moins] vieux Mac

Jul 23 '05 #5

Danny

From the event obj, use literally 'this':

<div onclick="alert(this.innerHTML)"> <b> shows this html</b> upon
clicking</div>
Danny

On Wed, 13 Jul 2005 16:49:05 -0700, primus <pr*****************@gmail.com>
wrote:

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/

Jul 23 '05 #6

Randy Webb

Danny wrote:

From the event obj, use literally 'this':

<div onclick="alert(this.innerHTML)"> <b> shows this html</b> upon
clicking</div>

And hope the UA supports innerHTML. Learn to code before posting here
please.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly

Jul 23 '05 #7

Richard Cornford

ASM wrote:
<snip>

if you need a compatibility even with my NC4.5 or IE4
use that :

<script type="text/javascript">
function move(divname,left,top){
var d = (document.all)? document.all(divname).style :
(document.getElementById)?
document.getElementById(divname).style :
(document.layers)? document.layers[divname] :
'';
It cannot be a good plan to place the above inside the body of a
function that wants to make reference to a DOM element. Making such a
reference is such a common task that the same (or similar) code would
need to be repeated inside many function bodies as the size of the code
increases.

Instead it would make more sense to recognise that this is a task that
would be more usefully done in a dedicated external function, or two
(one for element reference retrieval and one for style object
normalisation.
var p = document.layers? '' : 'px';
This is object inference. It is not necessarily true that a browser that
implements a document.layers collection does not require/understand 'px'
units appended to a string that is to be assigned to a top or left
property (it is even a bit dubious to be assigning a string).

A more direct test would examine the existing top or left property and
only add units where that property was a string. And where the property
is not a string then it woudl also be better not to be assigning a
string value. The latter can be achieved by taking advantage of the duel
nature of the + operator; E.G.:-

p = (typeof d.top == 'string')?'px':0;

- so:-

d.top = top + p;

Assigns a string with 'px' appended if top was a string, and a number
with zero added (so unchanged) if it was not a string.

There is still an assumption in this approach but it is an assumption
based on a test that has a close relationship with the action taken as a
result, so it is an assumption that is less vulnerable to the influence
of the unknown browser.
if(top) d.top = top+p;
if(left) d.left = left+p;

<snip>

If the function is passed top or left values of zero the above tests
will cause it not to apply those values. Once positions have been set to
non-zero values it is completely reasonable to assign zero value to
those positions.

Richard.

Jul 23 '05 #8

Michael Winter

On 14/07/2005 02:03, Robi wrote:

primus wrote:
[snip]

<script language="javascript">
function move(divname){
divname.style.top = 100;
}

move(window.document.all.layer1);
</script>

[snip]
now check message news:US******************@text.news.blueyonder.co. uk
Michael Winter added a nifty checker in there.

there, if I understand it correctly, you would add the "var getReferenceById..." code
into your move() function - changing move(divname) to move(id) or replacing the "id"
references to "divname", whichever is easier for you - and then add

if(getReferenceById && getReferenceById.style) getReferenceById.style.top = 100+'px'.

The code I posted results in the creation of one of three functions. The
first is a simple wrapper around the document.getElementById method. The
second uses the document.all collection to emulate gEBI by filtering the
results that the all collection might return. The final function simply
returns null, and will be used if the host supports neither gEBI nor the
all collection.

Part of the purpose of this code is to create a slightly more guaranteed
environment. That is, getReferenceById will always exist, so you can
rely on your ability to call it. All you need to do is check the return
value to make sure you have an object reference.

So, instead of:

var obj = document.getElementById('myElement');

if(obj) ...

you'd write:

var obj = getReferenceById('myElement');

if(obj) ...

[snip]

Mike

--
Michael Winter
Prefix subject with [News] before replying by e-mail.

Jul 23 '05 #9

ASM

Richard Cornford wrote:

ASM wrote:
<script type="text/javascript">
function move(divname,left,top){
var d = (document.all)? document.all(divname).style :
(document.getElementById)?
document.getElementById(divname).style :
(document.layers)? document.layers[divname] :
'';

It cannot be a good plan to place the above inside the body of a
function that wants to make reference to a DOM element. Making such a
reference is such a common task that the same (or similar) code would
need to be repeated inside many function bodies as the size of the code
increases.

Yes you're absolutly right and I agree with you.
(but in this answer the purpose was not to rebuild the world
nor to confuse querer (fr: questionneur) )

var p = document.layers? '' : 'px';

p = (typeof d.top == 'string')?'px':0;

- so:-

d.top = top + p;

Good ! thanks
If the function is passed top or left values of zero the above tests
will cause it not to apply those values. Once positions have been set to
non-zero values it is completely reasonable to assign zero value to
those positions.

not understood (I'll try and see)

I dit test on Mac my function in : NC4.5, FF 10, IE 5.2
and ... did work correctly :-)

thanks for *validate* corrections
--
Stephane Moriaux et son [moins] vieux Mac

Jul 23 '05 #10

Robi

Michael Winter wrote:
[...]

The code I posted results in the creation of one of three functions. The
first is a simple wrapper around the document.getElementById method. The
second uses the document.all collection to emulate gEBI by filtering the
results that the all collection might return. The final function simply
returns null, and will be used if the host supports neither gEBI nor the
all collection.

Part of the purpose of this code is to create a slightly more guaranteed
environment. That is, getReferenceById will always exist, so you can
rely on your ability to call it. All you need to do is check the return
value to make sure you have an object reference.

So, instead of:

var obj = document.getElementById('myElement');

if(obj) ...

you'd write:

var obj = getReferenceById('myElement');

if(obj) ...

Mike, thanks for the explanation.
You can tell, I had some understanding problems :)
Robi "s/some//g"

Jul 23 '05 #11

Grant Wagner

"ASM" <st*********************@wanadoo.fr> wrote in message
news:42***********************@news.wanadoo.fr...

function move(divname,left,top){
if(document.getElementById) {
var d = document.getElementById(divname).style;
if(top) d.top = top+'px';
if(left) d.left = left+'px';
}
}

This code is not completely safe. There is no guarantee that
document.getElementById() will return a non-null object reference. Any
attempt to access the -style- attribute of a null object reference will
result in an error. Also, your tests -if (top)- and -if (left)- will
never allow you to set your move() to [0,y] or [x,0].

function move(divId, left, top) {
var d;
if (document.getElementById &&
(d = document.getElementById(divId)) &&
(d = d.style)) {
if ('number' == typeof top) d.top = top + 'px';
if ('number' == typeof left) d.left = left + 'px';
}
}

will provide a slightly more robust implementation, although it still
doesn't guarantee that setting d.top/d.left will actually do anything.

--
Grant Wagner <gw*****@agricoreunited.com>
comp.lang.javascript FAQ - http://jibbering.com/faq

Jul 23 '05 #12

by: Baby Blue | last post by:

I have 2 codes below to grap data from another site. I use them to get the data from one News site. However, when I click on some link inside (such as :...

PHP

Frequent Table Corruption - Please Help

by: Richard Gabriel | last post by:

Hi everyone, Since we upgraded to MySQL 4.0.13 from 3.23, we have been getting table corruption often. It happens about twice per week (with about 500 queries per second average). I have even...

MySQL Database

Session cookies, deep mystery. Sherlock Holmes, please Help!

by: Nicolae Fieraru | last post by:

Hi All, I have a lot of problems with the web site www.ggsurf.com.au I host on www.gnxonline.com and I want to find out if it is my own problem or theirs. I try to use session cookies and it...

ASP / Active Server Pages

Code Help PLease

by: hope | last post by:

Hi Access 97 I'm lost on this code please can you help ================================= Below is some simple code that will concatenate a single field's value from multiple records into a...

Microsoft Access / VBA

Intellisense and tooltips question - Info please? :)

by: Jim | last post by:

I've posted this a couple of times, no luck so far. Any info would be greatly appreciated. The tooltips are very useful, but this oddity is very annoying, particularly because I'm visually...

C# / C Sharp

NANT for ASP.NET 2.0

by: prabhupr | last post by:

Hi Folks Not sure if this is the right group, if not please re-direct me to the right one. Here is my question =============== When I compile my ASP.NET WEB project from VS 2005 (.NET...

ASP.NET

Please help

by: Joe | last post by:

i posted similar to vb forum but without success. Can anyone help here I have been wrestling with a problem for days. The solution is probably simple but i am not that experienced with html. I...

HTML / CSS

Url Rewriting - some advice/help please!

by: chanko | last post by:

hi all! ok i'll try and keep this clean and simple i have a web app where users can log in and manage a mini site (ie galleries, files, news....) and i have a web app which is the site...

ASP.NET

need help with vecotrs and other thing please!

by: shaunb | last post by:

Hi, just new to this forum, and i was wondering if anyone could help me. I've got a piece of work to do, i have done the majority of it, just the last, and the most important thing lol, that i am...

C / C++

Help Tracing urllib2 Error, Please?

by: Larry Hale | last post by:

Since it seems I have a "unique" problem, I wonder if anyone could point me in the general/right direction for tracking down the issue and resolving it myself. See my prior post @...

Python

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

please... some info would be very appreciated.

Similar topics