Learn VBA & Macros in 1 Week!

JavaScript - Target Children By Tagname

Full Excel VBA Course - Beginner to Expert

Target Children By Tagname	View Content

Hi guys I was wondering if its possible in javascript to do something like this:

Code:

document.getElementById('div').children('img').style

This is my code with int value I can target children is this also possible with a string like img?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-gb" xml:lang="en-gb">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

	<script type="text/javascript">
	window.onload=function()
	{	
		var d		= document; 
		var e                   = d.getElementById('t');
		
                          e.children[0].style.border = "solid black 1px";
	}
	</script>

</head>
<body>

<div id="t">
	<img width="120" height="80" src="./images/full6.jpg" alt="" />
	<img width="120" height="80" src="./images/full6.jpg" alt="" />
	<img width="120" height="80" src="./images/full6.jpg" alt="" />
	<img width="120" height="80" src="./images/full6.jpg" alt="" />
</div>

</body>
</html>

Full Excel VBA Course - Beginner to Expert

Problem With Comparing Tagname In If Statement

Similar Tutorials

View Content

I have a Javascript function that is highlighting the menu in one of my courses. I am having a problem getting into an If statement in some cases. Here is my code:
Code:

function hilightCurrent() {
	var nav = document.getElementById('nav');
	if (nav == null) {
		return;
	}
	
	var checkIndex = hreftable[__currpage];
	var aObj = nav.getElementsByTagName('a');
	var found = false;
	
	while ((found == false) && (checkIndex > -1)){
		for(j=0; j < aObj.length; j++) {
			if(aObj[j].href.indexOf(index[checkIndex].href)>=0) {
			  aObj[j].className='active';
			  alert("parent tag = " + aObj[j].parentNode.parentNode.parentNode.tagName);
			  if(aObj[j].parentNode.parentNode.parentNode.getElementsByTagName == 'li'){
				  aObj[j].parentNode.parentNode.parentNode.className='active';
				  aObj[j].parentNode.parentNode.parentNode.getElementsByTagName('a')[0].className='active';
			  }
			  found = true;
			  break;
			}
		  }
		  checkIndex--;
	}
}

The alert I have in there currently is returning LI in the case where I want to get into the IF statement right below it. So the alert comes back as LI and then I am checking if it is LI but for some reason it doesn't get into that if statement. Can anyone help or have any ideas?

Thanks!

Get Ul Children Only But Not Any Inner Ul

Similar Tutorials

View Content

morning all, I need help with a HTML UL I have ul inside ul but all I want to get when I select a certain list is the children of that list but remove the ul inside that list so they dont show at all http://pastebin.com/m98deaff any help would be great , current selecting code is http://pastebin.com/m6f4b886f

Code:

	<div class="demo" id="demo_1">

		<ul>

			<li id="1" class="open"><a id="1" href="#"><ins>&nbsp;</ins>Root node 1</a>

				<ul>

					<li id="2"><a id="2"  href="#"><ins>&nbsp;</ins>Child node 1</a></li>

					<li id="3"><a id="3" href="#"><ins>&nbsp;</ins>Child node 2</a></li>

					<li id="4"><a id="4" href="#"><ins>&nbsp;</ins>Some other child node with longer text</a></li>

					<li id="6"><a id="6" href="#"><ins>&nbsp;</ins>Root node 222</a>

//SHOUL NOT BE IN MY ARRAY
						<ul>

							<li id="7"><a id="7"  href="#"><ins>&nbsp;</ins>Child node 222a</a></li>

							<li id="8"><a id="8" href="#"><ins>&nbsp;</ins>Child node 222b</a></li>

							<li id="9"><a id="9" href="#"><ins>&nbsp;</ins>Some other child node with longer text 222</a></li>
					</ul>
//END OF UL ELEMENT N OT NEEDED THERE COULD BE more than 1

</li>
				</ul>

			</li>

			<li id="5"><a id="5" href="#"><ins>&nbsp;</ins>Root node 2</a></li>

		</ul>

	</div>

How Do You Removeclass From Children?

Similar Tutorials

View Content

Hey all,

I have a dropdown (id='job-roles'), and I would like to remove a class from all of the options in the dropdown when certain conditions are met, but I cannot figure out how to do it. Is anyone able to help please?

Thanks.

Js - Direct Children Of Element

Similar Tutorials

View Content

Hi guys I have a navagation like this:

Code:

<ul id="nav" class="menu">
	<li><a href="">Link Hover</a>
		<ul>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
		</ul>
	</li>
	
	<li><a href="">Link Hover</a>
		<ul>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
		</ul>
	</li>
	
	<li><a href="">Link Hover</a>
		<ul>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
		</ul>
	</li>
	
	<li><a href="">Link</a></li>
	<li><a href="">Link</a></li>
	
	<li><a href="">Link Hover</a>
		<ul>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
			<li><a href="">hidden</a></li>
		</ul>
	</li>
	
</ul>

Im trying to use javascript to count only the direct li children of ul.
So I tried childnode but im not really familiar with it.
Basically the li items inside the li should not be counted.

Filtering Children Object From Parent

Similar Tutorials

View Content

Can't Set The Onclick Target

Similar Tutorials

View Content

Hey guys,

I'm trying to obtain the object of the element on the page that is clicked, but my code is unable to set the target. Here's what I have.

The JavaScript
Code:

   function show_info(e){
                        //get the targeted element.
                        var targ;
                        if (!e) var e = window.event;

                        if (e.target) targ = e.target;
                        else if (e.srcElement) targ = e.srcElement;
                        
                        if (targ.nodeType == 3) targ = targ.parentNode;

                        alert (targ); //FAIL!
                        

                    }

The Form
Code:

<form action="#" method="post">

<input type="hidden" name\"id" value="" />
<input type="submit" name="submit" value="Info" onclick="show_info()"/>
 </form>

What I want to do is get the target element(the submit button) so that I can get its sibling(it contains a unique ID). But it's not working.

Add Target To This Form Action

Similar Tutorials

View Content

Need help adding var target to this form action

Would This be correct?

var form = inp.form;
form.target = "_self";

Code:

<html>
</head>
<script type="text/javascript">
function formop(inp,op)
{
    var form = inp.form;

    form.action = op + ".php";
    
    var temp = inp.id.split(",");
    form.id.value        = temp[0];
    form.FirstName.value = temp[1];
    form.LastName.value  = temp[2];
}
</script>
</head>
<body>
<form method="post">
<input type="hidden" name="id">
<input type="hidden" name="FirstName">
<input type="hidden" name="LastName">

<input type='image' id='show,me,data' onclick=formop(this,'add');    src='static/icon16/add.jpg'>
<input type='image' id='show,me,data' onclick=formop(this,'edit');   src='static/icon16/edit.jpg'>
<input type='image' id='show,me,data' onclick=formop(this,'delete'); src='static/icon16/delete.jpg'>
</form>
</body>

Keyword Target In Firefox

Similar Tutorials

View Content

tested this only on FF.

Code:

target = this.parentNode.parentNode.getElementsByClassName('help')[0]; 
target.style.display = (target.style.display=='none')?'inline':'none';

-->Error: target.style is undefined

In next two codes what is red is different,
all the rest as above.
Code:

 var  target = this.parentNode.parentNode.getElementsByClassName('help')[0];
target.style.display = (target.style.display=='none')?'inline':'none';

--> works.

Code:

 xxx  = this.parentNode.parentNode.getElementsByClassName('help')[0];
 xxx .style.display = ( xxx .style.display=='none')?'inline':'none';

--> works.

Why is that ?

Target Url As Username Or Password

Similar Tutorials

View Content

Hoping someone can help a simple soul!!

I am trying to work out if there is a way that I can use a target url as a simple password (or even username) at a log in screen.

Essentially I want to be able to send people to a different URL depending on their login details but without having to do anything too complicated or secure.

Hoping someone can help

Thanks in advance!

Target To Open In New Tab And Not New Window.

Similar Tutorials

View Content

I have a few banners and forms that I wish to open in a new tab not the same window or a new window.
I have tried the deprecated
Code:

target="_blank"

but even that opens a new window.
I have done some research on google and came up with CSS code:
Code:

form[target] {
	target-name: new;
	target-new: tab; 
}

a[target] {
	target-name: new;
	target-new: tab; 
}

This however does not work and opens in the same window. When using the CSS I remove the inline target.

Any Ideas on how to fix this?

Open A Target Url Using An Image Link

Similar Tutorials

View Content

I have a php page which uses the following javascript code to open another page (The users profile page) and alos carry over the userID (dUid)

Code:

var userProfileUrl = chatProfileUrl+dUid.replace(/_/gi,"");		

		document.getElementById('userdetails').innerHTML += "<span class='userinfo' onClick=\"window.open('"+userProfileUrl+"','"+dUid+"')\"><img id='profile' style='cursor:pointer;vertical-align:middle;padding-top:4px;' src=images/zoom.png> View Profile</span></br>";

I wanted to add to the menu another image link so I copied the same coding, but I do not know where to place the URL target that I want opened. I know I want the userID (dUid) also to follow this link as well. If I want the coding below to act in the same manner as the coding above, but instead open a page called /gift.php, where do I set the Url?

Code:

document.getElementById('userdetails').innerHTML += "<span class='userinfo' onClick=\"window.open('"+userProfileUrl+"','"+dUid+"')\"><img id='profile' style='cursor:pointer;vertical-align:middle;padding-top:4px;' src=images/gift.png> Send Gift</span></br>";

Target A Link With The Onclick Function

Similar Tutorials

View Content

I've been doing some searching and I can't seem to find what I am looking for. I hope someone can help. I am trying to target a link to an iframe window. The catch is that I need to use an onClick function in a TD tag...

Here is an example:

<TABLE HEIGHT="40" WIDTH="780" CELLSPACING="0" CELLPADDING="0" BORDER="1">
<TBODY>
<TR>
<TD ALIGN="CENTER">HEADER 1</TD>

</TR>
<TR>
<TD OnClick="location='http://www.ophil.com'" BGCOLOR="#FFFFFF">Ophil</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td><a name="bidframe">
<IFRAME SRC="bid_item_instructions.html" TITLE="IFRAME" SCROLLING="no" NAME="bidpage" WIDTH="100%" HEIGHT="450" ALIGN="center" FRAMEBORDER="yes" >
</IFRAME>
</a></td>
</tr>
</table>

</CENTER>
</BODY>
</HTML>

I need the results of that onclick to appear in the iframe window I have called bidframe... Any ideas?

Link Target For Ajax Tabs

Similar Tutorials

View Content

I have an ajax tabbed site which loads the content in the div below it.

I made a drop down link so that the user could select one of 3 on one tab but this is outside of the script.js. I'm wondering if there's a way to get the target of these drop down links to open in the div below instead of a new tab?

http://voiceprocess.net/script.js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home Improvement Survey Process</title>
<link href="../../../voiceprocess.ico" rel="shortcut Icon">
<link rel="stylesheet" type="text/css" href="../styles.css" />
<link href="../dropdown.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

</head>

<body>

<div id="main" style="float:left">

<table width="991" border="0" cellpadding="0">
<tr>
<td width="649"><ul class="tabContainer">

</ul></td>
<td width="75" style="padding-bottom:43px"> <div id="centeredmenu" style=" width:0px; height:0px"> <ul > <li style="padding-left:0px"><span class="sears"><a href="#')"> </a></span>
<ul style="padding-top:2px"> <span class="space"></span><span class="space"></span>
<li><a href="pages/sears_refacing.html" target="_self">Cabinets Refacing</a> <div>
<li><a href="pages/sears_hvac.html">HVAC </a></li>
<li><a href="pages/sears_windows.html"></a>New Windows </a></li>
</ul>
</li>
</div></td>
<td width="241"><a href="upsell.php" target="_blank"><img src="../u.png" alt="" width="26" height="37" border="0" style="padding-bottom:5px"/></a> <a href="../data.html" target="_blank"><img src="../s.png" alt="" width="29" height="37" border="0" style="padding-bottom:5px"/></a><img src="../../../images/logosm.png" alt="" width="158" height="42" hspace="10" /> </td>
</tr>
</table>
<div id="tabContent">
<div id="contentHolder">

</div>
</div>
</body>
</html>

Help With Pikachoose In An Iframe? Odd Issue With Url Target

Similar Tutorials

View Content

Anyone familiar enough with pikachoose to help me out here? Using a pikachoose slideshow inside an iframe and for some reason adding a url target of _top or _parent is not working. It just opens up the link in the iframe window no matter what i do. Anyone with an idea of how to fix this?
I'm working on it in the staging area of my site- http://staging.susanb.com/
You can see when you click on one of the images it doesnt fill the entire window

This just creeped up on me at the end of a project so im hoping its not a deal breaker
thanks in advance!!

An If Statement With Check Target Properties

Similar Tutorials

View Content

Not sure if I even ask correctly. Excuse the poor PHP man for not knowing javascript. I need to add a check to this code.

It picks up an image when you click on it, then puts it down when you click again.

What it needs is another check WHERE (on what) have you clicked to put it down. If it's a particular DIV then OK. If not (if elsewhere) don't put it down and don't change the click counter.

Code:

<html>
<head>
    <style type="text/css">
        .drag
        {
            position: relative;
            height:56px;
            width:56px;
            background-color:#FF0000;
            color:White;
        }
    </style>

    <script type="text/javascript">
        
        var _startX = 0;            // mouse starting positions
        var _startY = 0;
        var _offsetX = 0;           // current element offset
        var _offsetY = 0;
        var _dragElement;           
        var _oldZIndex = 0;         // we temporarily increase the z-index during drag
        var _debug;    
        var _countClick = 0;
        InitDragDrop();
        function InitDragDrop() {
            document.onclick = OnMouseClick;
            document.onMouseClick = OnMouseClick;    
        }

        function OnMouseClick(e) {
            debugger;
            _debug = $('debug');
            // if first click this is zero
            if (_countClick == 0) {
                // IE
                if (e == null)
                    e = window.event;

                // IE uses srcElement, others use target
                var target = e.target != null ? e.target : e.srcElement;

                _debug.innerHTML = target.className == 'drag'
        ? 'draggable element clicked'
        : 'NON-draggable element clicked';

                // for IE, left click == 1
                // for Firefox, left click == 0
                if ((e.button == 1 && window.event != null || e.button == 0) && target.className == 'drag') {
                    // grab the mouse position
                    _startX = e.clientX;
                    _startY = e.clientY;

                    // grab the clicked element's position
                    _offsetX = ExtractNumber(target.style.left);
                    _offsetY = ExtractNumber(target.style.top);

                    // bring the clicked element to the front while it is being dragged
                    _oldZIndex = target.style.zIndex;
                    target.style.zIndex = 10000;

                    // set _dragElement for next click
                    _dragElement = target;

                    // tell our code to start moving the element with the mouse
                    document.onmousemove = OnMouseMove;

                    // cancel out any text selections
                    document.body.focus();

                    // prevent text selection in IE
                    document.onselectstart = function() { return false; };
                    // prevent IE from trying to drag an image
                    target.ondragstart = function() { return false; };
                    
                    //set click count to 1 so we know next click is to release
                    _countClick = 1;
                    // prevent text selection (except IE)
                    return false;
                }

            }

            if (_countClick == 1) {

                if (_dragElement != null) {
                    _dragElement.style.zIndex = _oldZIndex;

                    // we're done with these events until the next OnMouseDown
                    document.onmousemove = null;
                    document.onselectstart = null;
                    _dragElement.ondragstart = null;

                    // this is how we know we're not dragging      
                    _dragElement = null;

                    _debug.innerHTML = 'mouse up';
                }
                
                //set click count back to 0 so next we know it's first click again
                _countClick = 0;
            }

        }

        function OnMouseMove(e) {
            if (e == null)
                var e = window.event;

            // this is the actual "drag code"
            _dragElement.style.left = (_offsetX + e.clientX - _startX) + 'px';
            _dragElement.style.top = (_offsetY + e.clientY - _startY) + 'px';

            _debug.innerHTML = '(' + _dragElement.style.left + ', ' +
        _dragElement.style.top + ')';
        }

        function ExtractNumber(value) {
            var n = parseInt(value);

            return n == null || isNaN(n) ? 0 : n;
        }

        // this is simply a shortcut for the eyes and fingers
        function $(id) {
            return document.getElementById(id);
        }

        function OnMouseUp(e) {

        }
    </script>

</head>
<body>

    <div id="thediv" class="drag" style='background: url(shield.gif) no-repeat center top;'></div>
    <pre id="debug"> </pre> 
    
    <div id="slot1" class="dropon" style='position: absolute; height:28px; width:28px; top: 200px; left: 200px; background-color:#FF0000; color:White;'></div>
    <div id="slot2" class="dropon" style='position: absolute; height:28px; width:28px; top: 200px; left: 230px; background-color:#FF0000; color:White;'></div>

</body>
</html>

Javascript To Determine Target Attribute

Similar Tutorials

View Content

I have an array of all links on a page (see var wa_links = document.links; below). How do I determine if the target of a link is set to "_blank"? I need to do this because currently with my code below, when a link has target="_blank" it ends up adding the Google Analytics code to the parent window and also opening a new window (so basically the new page opens in both the parent and target window instead of just the target window as expected).

Code:

/*Regex list of on-site domains, pipe and backslash delimited. */
var wa_onsiteDomains = /mydomain\.com|my2nddomain\.com|my3rddomain\.com|javascript/i;

//Display-friendly domain and path name
var wa_displayDomain = location.hostname.replace("www.","").toLowerCase();
var wa_displayPathname = location.pathname.toLowerCase();

/*Used to unobtrusivly add events to objects*/
function unobtrusiveAddEvent (element,event,fn) {
   var old = (element[event]) ? element[event] : function () {};
   element[event] = function () {fn(); old();};
}

function wa_crossDomainLink(i) {
	return function () { 
		var thisLink = decodeURI(wa_links[i]);
		if (typeof(_gaq) == "object")
			_gaq.push(['_link', thisLink]); return false;
	};
}

var wa_links = document.links;
if ( wa_links ){
	for(var i=0; i<wa_links.length; i++) {
		if( wa_links[i].href.match(wa_onsiteDomains) && !wa_links[i].href.match(location.hostname)){
		unobtrusiveAddEvent( wa_links[i], 'onclick' , wa_crossDomainLink(i));
		}
	}
}

With jquery I could just do something like...

Code:

if (jQuery(link).attr('target') == "_blank")

...but how do I do this in plain old JavaScript?

Thanks!

How To Extract Target Of An Anchor Under Mouse Pointer

Similar Tutorials

View Content

I am trying to redevelop firefox addon, to give it more funcionality. I found JS file where all the functions are and started to edit it.

What I want to achieve is to get target of an anchor under mouse pointer (when mouse pointer is over anchor, I right click and call addon from context menu).

For example when I have anchor which HTML code is:

Code:

<a href="somewehere.com/place">place</a>

when I right click on this code and call my addon I would like to alert its href (somewehere.com/place)

I wrote a function:

Code:

function ff()
{
var current_target=this.href;
alert(current_target);
}

but it gives me udefined on alert

Any hints to achieve this are highly appreciated.

Thanks

Reference To Event Target Element Parent

Similar Tutorials

View Content

Hello;
I have a situation where an image tag is nested in an anchor tag set.
The anchor is assigned an id and is assigned a click/onclick event listener.
The anchor id corresponds to a list of objects in an array.

In practice, the image tag is receiving the event. The code does setAttribute in another elements img tag src attribute.

The image tag receiving the click event, (and passing it to the anchor tag)
is event.target. (or event.srcElement, in the case of I.E.)

My Question:
What I want to know is how to reference the event.target
parent element, the anchor tag elements Id attribute.

Code:

sample anchor/img tag set:
<a style="font-family:Arial, Helvetica, sans-serif;color:#cccccc" id="An 1" alt="An 1" href="javascript:"><img style="border:1px solid;border-color:#cccccc" src="WC_port/windows/img//an_1.jpg" width="100"  height="131" /><br /><br />An 1</a>

I see the double slash in the img src path attribute. It is working as is
in test browser: Firefox ( so far)

This is in development stages. Later, I will assign the elements a css class
rule.

in my code, event.target.src has a usable value (src attribute of the img tag)
It does not have a usable value for event.target.id (id attribute of the anchor tag)

I am doing it this way so in the absence of javascript, the anchors href
attribute defaults to a non scripted value.

Thank you for time and attention
JK

I Need Help Setting The Target Link On This Javascript Slideshow Please?

Similar Tutorials

View Content

Hello, I am having some trouble with this Javascript slide show. At the moment when you click on the thumbnails they link to a larger image in a seperate browser page. I would really like to customize it so that the images open up in a smaller window on the same page. I'm sure this is something really simple but as of yet haven't been able to solve this little problem. I'm quite new to webdesign and would really appreciate some help.

Thanks

Hazel

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Exclusive Ionian</title>

<script type="text/javascript">



</script>

<script>

function changeimage(towhat,url, toImg){

if (document.images){

document.getElementById(toImg).src=towhat.src

gotolink=url

}

}

function sshow(){

window.location=gotolink

}

</script>

<script language="JavaScript1.1">

var myimages=new Array()

var gotolink="#"

function preloadimages(){

for (i=0;i<preloadimages.arguments.length;i++){

myimages[i]=new Image()

myimages[i].src=preloadimages.arguments[i]

}

}

preloadimages("i/allegra/1.jpg","i/allegra/2.jpg","i/allegra/3.jpg","i/allegra/4.jpg","i/allegra/5.jpg")

</script>

<style type="text/css">



</style>

<link href="file:///E|/c/rou.css" rel="stylesheet" type="text/css" />

<style type="text/css">



</style>

</head>

<body>

<br />

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFED">

<tr>

<td width="900" bgcolor="#EFEFED">

<div align="center">

<p><a href="javascript:sshow()"><img src="i/allegra/1.jpg" name="targetimage" width="900" height="425" hspace="0" vspace="15" border="0" id="targetimage"><br />

</a>

<a href="file:///E|/i/allegra/1.jpg" onmouseover="changeimage(myimages[0],this.href, 'targetimage')"><img src="i/allegra/1s.jpg" width="180" height="85" hspace="0" vspace="0" border="0"></a><a href="file:///E|/i/allegra/2.jpg" onmouseover="changeimage(myimages[1],this.href, 'targetimage')"><img src="i/allegra/2s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a><a href="file:///E|/i/allegra/3.jpg" onmouseover="changeimage(myimages[2],this.href, 'targetimage')"><img src="i/allegra/3s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a><a href="file:///E|/i/allegra/5.jpg" onmouseover="changeimage(myimages[4],this.href, 'targetimage')"><img src="i/allegra/4s.jpg" width="180" height="85" hspace="0" vspace="0" border="0"></a><a href="file:///E|/i/allegra/4.jpg" onmouseover="changeimage(myimages[3],this.href, 'targetimage')"><img src="i/allegra/5s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a></p>

</div></td></tr>

<tr>

<td valign="top" bgcolor="#EFEFED"><br />

<p align="left" class="style9"><br />

<br />

</p></td>

</tr>

</table>

<p align="center"> </p>

</body>

</html>

Ff Change Value For (event) E.target Position (top, Left)

Similar Tutorials

View Content

Hi,

I am looking for the equivalent for the following Internet Explorer code for Firefox:

Code:

z=event.srcElement;  
z.style.pixelLeft = 500px;

Must be something like:
Code:

function move(e) {
 z=e.target;
z.style.left .....

maybe.

This is to assign a new left position to an Element. Any hints welcome ?!
Thank you for your help !