JavaScript - Set One Element Width Equal To Another

Could anyone tell me (or link me to some place that can) why the following if-statement will execute?

if (5!=6 || 7!=8) { alert("Why does this work?"); }

Thanks

This is the program.and here is the script.
I have tried all I know without success. This Sources program is on another css/html forum for another issue.

Frank

Code:

//** Dynamic Drive Equal Columns Height script v1.01 (Nov 2nd, 06)
//** http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/

var ddequalcolumns=new Object()
//Input IDs (id attr) of columns to equalize. Script will check if each corresponding column actually exists:
ddequalcolumns.columnswatch=["Content1", "content2", "content3",]

ddequalcolumns.setHeights=function(reset){
var tallest=0
var resetit=(typeof reset=="string")? true : false
for (var i=0; i<this.columnswatch.length; i++){
if (document.getElementById(this.columnswatch[i])!=null){
if (resetit)
document.getElementById(this.columnswatch[i]).style.height="auto"
if (document.getElementById(this.columnswatch[i]).offsetHeight>tallest)
tallest=document.getElementById(this.columnswatch[i]).offsetHeight
}
}
if (tallest>0){
for (var i=0; i<this.columnswatch.length; i++){
if (document.getElementById(this.columnswatch[i])!=null)
document.getElementById(this.columnswatch[i]).style.height=tallest+"px"
}
}
}

ddequalcolumns.resetHeights=function(){
this.setHeights("reset")
}

ddequalcolumns.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
}

ddequalcolumns.dotask(window, function(){ddequalcolumns.setHeights()}, "load")
ddequalcolumns.dotask(window, function(){if (typeof ddequalcolumns.timer!="undefined") clearTimeout(ddequalcolumns.timer); ddequalcolumns.timer=setTimeout("ddequalcolumns.resetHeights()", 200)}, "resize")

How would I clean up this code? it looks so ugly, would I put it in a for loop and make it loop through and set the rand2, rand3, rand4 = place... there so there is a lot less lines of code(which is what I want) I need a cleaner way to do this, so it isn't so much space. Can someone help?

there needs to be different variables because I need the random to be different for each, so rand2 = different random value than rand3.

var place = [74,111,148,185,222,259,296,333,370];
var random = [rand,rand2,rand3,rand4,rand5,rand6,rand7,rand8,rand9];
var rand = place[Math.floor(Math.random()*place.length)];
var rand2 = place[Math.floor(Math.random()*place.length)];
var rand3 = place[Math.floor(Math.random()*place.length)];
var rand4 = place[Math.floor(Math.random()*place.length)];
var rand5 = place[Math.floor(Math.random()*place.length)];
var rand6 = place[Math.floor(Math.random()*place.length)];
var rand7 = place[Math.floor(Math.random()*place.length)];
var rand8 = place[Math.floor(Math.random()*place.length)];
var rand9 = place[Math.floor(Math.random()*place.length)];

var newrand = place[Math.floor(Math.random()*place.length)];
var newrand1 = place[Math.floor(Math.random()*place.length)];
var newrand2 = place[Math.floor(Math.random()*place.length)];
var newrand3 = place[Math.floor(Math.random()*place.length)];
var newrand4 = place[Math.floor(Math.random()*place.length)];
var newrand5 = place[Math.floor(Math.random()*place.length)];
var newrand6 = place[Math.floor(Math.random()*place.length)];
var newrand7 = place[Math.floor(Math.random()*place.length)];
var newrand8 = place[Math.floor(Math.random()*place.length)];
var newrand9 = place[Math.floor(Math.random()*place.length)];

var old = place[Math.floor(Math.random()*place.length)];
var old1 = place[Math.floor(Math.random()*place.length)];
var old2 = place[Math.floor(Math.random()*place.length)];
var old3 = place[Math.floor(Math.random()*place.length)];
var old4 = place[Math.floor(Math.random()*place.length)];
var old5 = place[Math.floor(Math.random()*place.length)];
var old6 = place[Math.floor(Math.random()*place.length)];
var old7 = place[Math.floor(Math.random()*place.length)];
var old8 = place[Math.floor(Math.random()*place.length)];
var old9 = place[Math.floor(Math.random()*place.length)];

I'm looking for a simple javascript that can fill in the subject of an email message with whatever is in the title tags of the page they're on and also to include the link the the page in the body.

[CODE]
<a href="mailto:e@o.com?subject=&body=http://www.o.htm" title="Question">
[CODE]

Thanks!

I want to set the width of a div to be the same width of the image inside the div.

The following code works great. But...

The images are different widths, so both wrappers are set to the width of the first image.

Without having to add an ID to each wrapper or image, can the wrapper width be set to the image width using the name of the image as the unique identifier?

Any help would be great!

PHP Code:

jQuery:
$(document).ready(function(){
    var newWidth = $('div.wrapper img').attr('width');
    $('div.wrapper').width(newWidth);        
});

HTML:
<div class="wrapper">
    <p><img src="image1.jpg" width="200" /><br />
    Caption</p>
</div>

<div class="wrapper">
    <p><img src="image2.jpg" width="250" /><br />
    Caption</p>
</div> 

Need to set the width of a Table that is being spit out by this god awful CMS...

please help me...

change the html attribute width!

Hi,

(new to javascript)

Code:

digAudio = document.createElement("audio");	
	digAudio.setAttribute('src',hypeDocument.documentName()+'_Resources/'+'digging.m4a');
	digAudio.id = "diggingAudio";
	newAudio = document.getElementById("diggingAudio"); //returns null

the audio element is added (I can play the audio) but I can't get it by its id ?

thank you

I have the following code

Code:

<div class="thdnrml">
<td><a href="somelink">fonfof</a></td>
</div>

what i want to do is this:
Code:

<div class="thdnrml">
<td><a href="somelink">fonfof</a><a href="anotherlink">another_link</a></td>
</div>

how can i go about achieving this?

Alright, this is going to sound strange, but bear with me here...

Code:

<input type="text" name="_F0827U" size="015" maxlength="015"> &nbsp; <input type="submit" class="cmdkey" name="_K040827" value="...">

Say I have multiple isntances that look similar to the above. However, I have no possible way of identifying them uniquely (because I don't know the name prior to generation). Is it posable, using JS, to snag the previous element and strip it of it's tags then rewrite a new element isntead of the two originals, say using an onClick() event on either of the elements?

Alright, I need a little help with my javascript. I'm a bit of a novice when it comes to programming so I apologize if this appears trivial.

I have an element ID that begins with bb + a randomized number between 1-100,000. This number changes after every action so what I need is a way to retrieve this new value each time and implement it into my code. I can view the number using firebug but I need a way to automate this process. Do any of you have some advice about how I could approach this problem?

Im trying to duplicate an image multiple times here is what I have

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">

<head>
<title></title>


<script type="text/javascript">
var totalNumber = 1000;
function insert(num) {
	var cont = document.getElementById("cont");
	var img = document.createElement("img");
	var percent = num/totalNumber;
	var result = cont.offsetWidth * percent;
	var dup = result/100*2;
	img.src = "guy.jpg";
	cont.appendChild(img);
}
</script>

<style type="text/css">
#cont {height:100px; width:500px;}  
</style>

</head>
<body>

<div id="cont"></div>

</body>

<script type="text/javascript">
    insert(3000);
</script>

</html>

So Im trying to get img to repeat the variable "dup"
so you would see <img src="guy.jpg"> 30 times.

I know for sure that lastRowTD_s[i] does not have "textarea" element !
The whole page is html valid.

Code:

      else if (lastRowTD_s[i].getElementsByTagName('textarea'))
      {
        
        alert(lastRowTD_s[i].id);
        //checked, it is the row that does not have "textarea" element. 

        alert(lastRowTD_s[i].getElementsByTagName('textarea'));
        // gives me [Object HTML collection]  !?

        alert(lastRowTD_s[i].getElementsByTagName('textarea')[0]);
        //gives me "undefined", heh where has it gone since previous line ?
      }

I'm trying to add an input element to all forms using appendChild.

The script first searches for input elements with the name of "myinput".

If it finds an input element with that name, it assigns the value "myvalue".

If it can't find an input element with that name, it tries to create a new one for all forms.

Code:

if (document.getElementsByName('myinput')) {
var testcode = document.getElementsByName('myinput');
for (var i=0; i < testcode.length; i++){
testcode[i].value = "myvalue";}
}

else {
var z = document.createElement("input");
z.type = "hidden";
z.name = "myinput";
z.value = "myvalue";
z.id = "mycode";
var d = document.getElementsByTagName('form');
for (var i=0; i < d.length; i++){
d.appendChild(z);}
}

What's wrong with my code?

Thanks!

HI
I want to write a search for my site .I make a new panel in the left of my menue and it has a text input and an image which when that user click on it javascript opens a new window which is a php page.The part I don't know how to do is when the user click on the image it should get the content of the text input and pass it to the url.For the hyperlink of the image I use "<a href="javascriptpen_window('includes/func/search.php?id=" But I don't know what should I write after that to get the content of the text input and put it in the next of the id.
How can I do so?

Thanks