JavaScript - Trying To Not Use Setattribute For Dynamic Buttons

Code:

closeElement.setAttribute('onClick', 'killElement()');

is not working in IE but works in mozilla browsers

what is the appropriate IE version for the similar code?

i've also tried:

Code:

closeElement.onclick = 'killElement()';

Hi,
How can I set textarea setAttribute value in FireFox. When I print my form it doesn't print any thing inside FireFox. It prints it blank.
Code:

var AddlInfo= IntakeForm.getElementsByTagName('textarea')[0]; 		AddlInfo.setAttribute("value",AddlInfo.value);

Thanks.

Im writing a piece of javascript that dynamically adds a link to a page, this is the code i'm using

Code:

var newP;
newP = document.createElement("a"); 
newP.innerHTML = "Click here";
newP.setAttribute("href","http://mywebsite.com/link.html");

var p2 = document.getElementById("Div1");
p2.parentNode.insertBefore(newP,p2);

However, it wont work?!?! the link appears in the right place on the page when i remove the line
Code:

newP.setAttribute("href","http://mywebsite.com/link.html");

and if i view the source the link is <a>Click here</a> (without any href)

so there's got to be something wrong with that line but i don't know what it is. Can anyone help me? How do i add a href to the anchor??

I'm using firefox.

Hi All,
i know how to create a dynamic form or DIv ..but what i do not know is how to create a dynamic form/ or div into a previous dynamic one..

i need basically to see 5 dynamic forms / DIV in cascade where each one trigger the one coming after..

For what i need that :

i have my user inserting information on the level 1. let say Copagny info
2- then he will be asked if he wants to add a sub level information ( subform) for that compagny or even many subforms at the same level ..
and so on...

3- those sub level ( subforms ) can also call their respective subforms..



Any idea how to design this ?


thanks

I have made a script where you can add extra fields, and next to the row is a span that automatically displays the outcome from a calculation of three fields in that row. i.e. Q x (B - A) = total.

Here is the bit that does the calculation:
Code:

function advCalc(selected) {

	var result = Number(document.formmain.elements["quantity"+selected].value) * (Number(document.formmain.elements["provideamount"+selected].value) - Number(document.formmain.elements["supplyamount"+selected].value)) ;

	result = result.toFixed(2) ;
	result = addCommas(result) ;
	
	document.getElementById("total"+selected).innerHTML = result ;

}

The bit that adds a new row of fields is:
Code:

function addPart(divName){
          var newdiv = document.createElement('div') ;
		  newdiv.setAttribute('id', 'partrow' + counter) ;
		  newdiv.setAttribute('style', 'clear:both;') ;
          newdiv.innerHTML = "<div style='float:left;width:40px;text-align:center;margin:5px 5px 0px 0px;'>\r<input onkeyup=\"advCalc('" + counter + "')\" id=' quantity " + counter + "' type='text' value='1' size='1'/>\r</div>\r<div style='float:left;width:100px;text-align:left;margin:5px 0px 0px 0px;'>\r<input id='manufacturer" + counter + "'type='text' value='' size='9'/>\r</div>\r<div style='float:left;width:95px;text-align:left;margin:5px 5px 0px 0px;'>\r<input id='partnumber" + counter + "'type='text' value='' size='9'/>\r</div>\r<div style='float:left;width:80px;text-align:left;margin:5px 5px 0px 0px;'>\r<input id='supplier" + counter + "'type='text' value='' size='4'/>\r</div>\r<div style='float:left;width:100px;text-align:left;margin:5px 5px 0px 0px;'>\r<input id='type" + counter + "'type='text' value='' size='6'/>\r</div>\r<div style='float:left;width:85px;text-align:left;margin:5px 5px 0px 0px;'>\r<input id='deliverytime" + counter + "'type='text' value='' size='13'/>\r</div>\r<div style='float:left;width:40px;text-align:left;margin:5px 0px 0px 45px;'>\r<select id='supplyCurrency" + counter + "'>\r<option value='pound' selected='selected'>&pound;</option><option value='dol'>$</option><option value='euro'>&euro;</option></select>\r</div>\r<div style='float:left;width:15px;text-align:left;margin:5px 5px 0px 0px;'>\r<input onkeyup=\"advCalc(\'" + counter + "\')\" id=' supplyamount " + counter + "'type='text' value='' size='3'/>\r</div>\r<div style='float:left;width:40px;text-align:left;margin:5px 0px 0px 45px;'>\r<select name='provideCurrency" + counter + "'><option value='pound' selected='selected'>&pound;</option><option value='dol'>$</option><option value='euro'>&euro;</option></select>\r</div>\r<div style='float:left;width:15px;text-align:left;margin:5px 5px 0px 0px;'>\r<input onkeyup=\"advCalc(\'" + counter + "\') id=' provideamount " + counter + "' type='text' value='' size='3'/>\r</div>\r<div style='float:left;width:20px;text-align:left;margin:5px 0px 0px 45px;'>\r<strong>&pound;</strong>\r</div>\r<div style='float:left;width:40px;text-align:left;margin:5px 5px 0px 0px;'><span id=' total " + counter + "'></span></div> \r" ;
          document.getElementById(divName).appendChild(newdiv) ;
          counter++ ;
}

The problem I am having is that it works fine for the first row which is hardcoded as e.g. id="provideamount0" etc.

It isn't working for any other fields added but I can't see what is wrong

hello, I created this program to hold 5 cd's and some information relating to them. I keep getting an error that says:
cannot find symbol
symbol : class ButtonListener
location: class inventoryprogram.InventoryProgram
ActionListener btnListen = new ButtonListener(); // create listener

here is the part of code with the actionlistener in it

[CODE]
private JPanel createButtonPanel()
{ // begin method createButtonpanel method
ActionListener btnListen = new ButtonListener(); // create listener
// create button objects
JButton nextButton = new JButton("Display Cd"); // create and label button
nextButton.setActionCommand("Next"); // action command for click
nextButton.addActionListener(btnListen);
nextButton.addActionListener(this);

JPanel panel = new JPanel();

panel.add(nextButton); // add next button to panel
return panel; // return panel
} // end method createButtonPanel
[ICODE]

Hi all,

I'm having trouble getting the following right:

Code:

<IMG border="0" onMouseOver=this.src="home2.gif" onMouseOut=this.src="home.gif" onClick=this.src="home2.gif" SRC="home.gif">

The idea is that after somebody clicks it, the button will remain home2.gif, but ofcourse if u mouseout after the click it will return to home.gif. Can somebody please help me with this problem?! I'm not really good at js, so I've been struggling with this for quite a few days !

Thnx alot!

Sjaroow

I'm creating a unit converter program using radio buttons and i can't seem to get one aspect working. i can't seem to get another set of radio buttons to display. the way the program is supposed to work is there will be 3 radio buttons saying to convert length, weight, and volume. if the user selects to convert weight, another set of radio buttons will appear with 2 options, to convert from pounds to kilograms, or kilograms to pounds. then the user enters the number in a text box and clicks to convert button. my problem is getting the second set of radio buttons to display. I have no clue how to get this to work. to get a better understanding of whats going on, here is the program without the radio buttons that i created. i'm trying to use radio buttons in place of the prompting message.

Code:

<!DOCTYPE html>
<html>
    <head>
        <title> Conversions of Weight and Length</title>
        
        <script type="text/javascript">
        
        function clearMe() 
        { 
            var _s=top; 
            var _d=_s.document; 
            _d.open(); 
            _d.write(""); 
            _d.close(); 
        } 
        function main()
        {
                      
            
            var repeat = confirm("Do you want to perform another conversion ? \r" + "<p><b>Note:</b> Pressing OK allows for another conversion, and pressing CANCEL exits</p>");
            
            if(repeat==true)
                {
                    convert();
                }
            else 
                {
                    alert("Your program has been terminated!");
                    self.close();            
                }
        }
            
        
       
        function convert()
        {
            var unit, direction, value, result, original_units, new_units;
            document.write("<br/><br/>")
            document.write("Weight and Length conversion menu" + "<br/><br/>");
            document.write("1. convert length" + "<br />");
            document.write("2. convert weight" + "<br />");
            document.write("3. convert volume" + "<br />");
              
                   unit = window.prompt("select conversion type: ");
              
              if ((unit<0) || (unit>3))
              {
                  alert("Select Menu option 1, 2, or 3!");
                  unit = window.prompt("Select conversion type: ");
              }
              switch (unit)
              {
                  case '1':
                     direction = choose_direction("<br /><br />1. Feet to meters<br />" , "2. Meters to feet <br />");
                      if (direction =='1')
                          {
                              original_units = "meters"; new_units = "meters";
                             
                          }
                          else {
                              new_units = "feet"; original_units = "meters";
                          }
                          break;
                  case '2':
                      direction = choose_direction("<br /><br />1. Pounds to kilograms <br />", "2. Kilograms to pounds <br /> <br />"); 
                      if (direction =='1')
                          {
                             original_units = "pounds"; new_units = "kilograms";
                             
                          }
                          else {
                              new_units = "pounds"; original_units = "kilograms";
                          }
                          break;
                  case '3':
                      direction = choose_direction("<br /><br />1. Gallons to liters<br />", "2. Liters to gallons <br /><br />");
                      if (direction =='1')
                          {
                             original_units = "gallons"; new_units = "liters";
                             
                          }
                          else {
                              new_units = "gallons"; original_units = "liters";
                          }
                          break;
                          
                          
              
              }
               value = window.prompt("Enter value to be converted:")
              
              
              switch(unit)
              {
                  case '1':
                      result = feet_meters(value, direction);
                      break;
                  case '2':
                      result = pounds_kilograms(value, direction);
                      break;
                  case '3':
                      result = gallons_liters(value, direction);
                      break;
              }
              document.write(value + original_units + " = " + result + new_units);
                          
        }
        function choose_direction(option1, option2)
        {
             var direction;
            document.write(option1);
            document.write(option2);
            do
            {
                window.prompt("Select a conversion direction");
                return direction;
            }
            while ((direction!='1') || (direction !='2'));
                              
        }
        function pounds_kilograms(value, direction)
        {
            if (direction == '1')
               return parseFloat(value)/parseFloat(2.2046);
            
            else
                return parseFloat(value)*parseFloat(2.2046);
        }
        function gallons_liters(value, direction)
        {
            if (direction == '1')
                return parseFloat(value)*parseFloat(3.7854);
            else
                return parseFloat(value)/parseFloat(3.7854);
        }
        function feet_meters(value, direction)
        {
            if (direction == '1')
                return parseFloat(value)/parseFloat(3.2808);
            else
                return parseFloat(value)*parseFloat(3.2808);
        }
        
        </script>
    </head>
    <body>
        <h1> weight and length conversion </h1>
        <script type="text/javascript">
          convert();            
           main();
        </script>
        
    </body>
</html>

Hello there,

Can some one gimme source code for greying out a button on php page.
In my application i have one play button and one stop button in the html form. If i click play button it will update database with play and invoke a script. similarly with stop.
so while they are being played i want this play button to be greyed out.
or

is there any way that i can only show stop button while playing and play button while not playing the files.

HELP PLZZZZZZZZ

On custom button images, how do you give them the effect that they're "pushed" when the user clicks them and "unpushed" when the user lets his finger off the mouse button? I'm guessing it's some type of rollover effect, but I'm not sure how it's done.

Hi,

I have buttons like these:
PHP Code:
<button type="button" onclick="izdas()">I&#382;das</button> 
<button type="button" onclick="miestas()">Miestas</button> 
<button type="button" onclick="map()">&#381;emėlapis</button> 
<button type="button" onclick="infantry()">Kariuomen&#279;</button> 
<button type="button" onclick="biuld()">Statiniai</button> 


How I can add images on them?? Size would be 100x20px.

Also, I would e thankful if someone would help me position them in one vertical line.

Thanks in advance...

There has to be a way to do what I want to do but I'm fugged iif I know how. Here's the problem...

A page has three frames - top, left and disp. Top and left contain a number of buttons that display another page in disp. All the buttons need to behave as one set of radio buttons; when a button is clicked any other button returns to the non-clicked state. The really awkward bit is there's an image in top that changes depending on the currently clicked button and that image is behind the buttons.

Here it is in pseudocode of sorts.

Code:

On click button[n]
    Button[LastClicked].Image := Button[LastClicked].UnClickedImage;
    Button[n].Image := Button[n].ClickedImage;
    Top.Image := Button[n].TopImage;
end;

I hope that makes sense.

If some kind soul has any idea of how to do that I'd be very grateful.

Thanks.

Simon.

Hello. I am a new user.
I have got a website, www.eastbourneinks.co.uk where the quantity buttons (+) & (-) do not work on most computers where I have had feedback. Is there any way of making them work on any/all computers. This is one of the pages:
http://eastbourneinks.co.uk/product/...nk-cartridges/
Many thanks.
Phil.

I'm Confused.
My HTML:

<form action="mail.php" class="contactForm" name="cform" method="post">
<div class="left">
<h1>Insurance Details</h1>
<label>Type of Cover:</label>
.
.
.
<span class="gender-missing"><br />Please select your gender.<br /></span>
<label>Gender:</label>
<input class="radio" id="gender" name="gender" type="radio" value="Male" />&nbsp;Male&nbsp;&nbsp;
<input class="radio" id="gender" name="gender" type="radio" value="Female" />&nbsp;Female&nbsp;&nbsp;

Script.js:

$('.contactForm').submit( function(){
//statements to validate the form
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var digitNum = /^([0-9])/;

var num1 = document.getElementById('tel');
var num2 = document.getElementById('mobile');
var email = document.getElementById('email');
var dollarUnit = document.getElementById('amount_cover');
var gender = document.getElementsById('gender');


if((document.cform.gender[0].checked== false)&&(document.cform.gender[1].checked== false))
{$('.gender-missing').show();
} else {$('.gender-missing').hide();}
if((document.cform.smoke[0].checked== false)&&(document.cform.smoke[1].checked== false))
{$('.smoke-missing').show();
} else {$('.smoke-missing').hide();}
if((document.cform.residency[0].checked== false)&&(document.cform.residency[1].checked== false))
{$('.residency-missing').show();
} else {$('.residency-missing').hide();}

if (!filter.test(email.value)) {
$('.email-missing').show();
} else {$('.email-missing').hide();}
if (document.cform.name.value == "") {
$('.name-missing').show();
} else {$('.name-missing').hide();}
if (document.cform.address.value == "") {
$('.address-missing').show();
} else {$('.address-missing').hide();}
if (!digitNum.test(num1.value)) {
$('.tel-missing').show();
} else {$('.tel-missing').hide();}
if (!digitNum.test(num2.value)) {
$('.mobile-missing').show();
} else {$('.mobile-missing').hide();}
if (!digitNum.test(dollarUnit.value)) {
$('.cover-missing').show();
} else {$('.cover-missing').hide();}
if (document.cform.message.value == "") {
$('.message-missing').show();
} else {$('.message-missing').hide();}
if ((document.cform.name.value == "") || ((document.cform.gender[0].checked== false) && (document.cform.gender[1].checked== false)) || ((document.cform.smoke[0].checked== false) && (document.cform.smoke[1].checked== false)) || ((document.cform.residency[0].checked== false) && (document.cform.residency[1].checked== false)) || (!digitNum.test(dollarUnit.value)) || (!filter.test(email.value)) || (!digitNum.test(num2.value)) || (!digitNum.test(num1.value)) || (document.cform.message.value == "")){
return false;
}

if ((document.cform.name.value != "") && ((document.cform.gender[0].checked == true) || (document.cform.gender[1].checked == true)) && ((document.cform.smoke[0].checked== true) || (document.cform.smoke[1].checked== true)) && ((document.cform.residency[0].checked== true) || (document.cform.residency[1].checked== true)) && (digitNum.test(dollarUnit.value)) && (digitNum.test(num1.value)) && (digitNum.test(num2.value)) && (filter.test(email.value)) && (document.cform.message.value != "")) {
//hide the form
$('.contactForm').hide();

//show the loading bar
$('.loader').append($('.bar'));
$('.bar').css({display:'block'});

//send the ajax request
$.post('mail.php',{coverType:$('#coverType').val(),
coverRequired:$('#coverRequired').val(),
amount_cover:$('#amount_cover').val(),
terms:$('#terms').val(),
message:$('#message').val(),
name:$('#name').val(),
gender:$('#gender').val(),
status:$('#status').val(),
Birth_month:$('#Birth_month').val(),
days:$('#days').val(),
years:$('#years').val(),
smoke:$('#smoke').val(),
residency:$('#residency').val(),
email:$('#email').val(),
address:$('#address').val(),
tel:$('#tel').val(),
mobile:$('#mobile').val()},

//return the data
function(data){
//hide the graphic
$('.bar').css({display:'none'});
$('.loader').append(data);
});

//waits 2000, then closes the form and fades out
setTimeout('$("#backgroundPopup").fadeOut("slow"); $("#contactForm").slideUp("slow")', 5000);
setTimeout('$(".contact").animate({"marginLeft": "-=963px"}, "slow")',4900);

//stay on the page
return false;
}
});
//only need force for IE6
$("#backgroundPopup").css({
"height": document.documentElement.clientHeight
});

mail.php code:
<?php
//declare our variables

$coverType = $_POST['coverType'];
$coverRequired = $_POST['coverRequired'];
$amount_cover = $_POST['amount_cover'];
$terms = $_POST['terms'];
$message = stripslashes(nl2br($_POST['message']));

$name = $_POST['name'];
$gender = $_POST['gender'];
$status = $_POST['status'];
$Birth_month = $_POST['Birth_month'];
$days = $_POST['days'];
$years = $_POST['years'];
$smoke = $_POST['smoke'];
$residency = $_POST['residency'];

$email = $_POST['email'];
$address = $_POST['address'];
$tel = $_POST['tel'];
$mobile = $_POST['mobile'];

//get todays date
$todayis = date("l, F j, Y, g:i a") ;
//set a title for the message
$subject = "Message from Your Website";
$body = "PERSONAL DETAILS \nFull Name: $name \nGender: $gender \nMarital Status: $status \nBirth Date: $Birth_month $days, $years \nHave you smoke in the past 12 Months? $smoke \nU.S. Residency for at least 12 Months? $residency \n\nCONTACT DETAILS\nEmail Address: $email \nAddress: $address \nTelephone #: $tel \nMobile Number: $mobile \n\nINSURANCE DETAILS\nCover Type: $coverType \nCover Required: $coverRequired \nAmount: $amount_cover \nTerms(Years): $terms \nMessage: \n$message";

$headers = 'From: '.$email.'' . "\r\n" .
'Reply-To: '.$email.'' . "\r\n" .
'Content-type: text/plain; charset=utf-8' . "\r\n" .
'X-Mailer: PHP/' . phpversion();

//put your email address here
mail("me@myemail.com", $subject, $body, $headers);
?>
<!--Display a thankyou message in the callback -->
<div id="mail_response">
<h3>Thank you for your interest <?php echo $name ?>!</h3><br />
<p>We have received your personal information and we will forward it to the next available insurance agent .You can expect to hear from us within 24 hours.</p>
<br /><br />
<h5>Message sent on: </h5>
<p><?php echo $todayis ?></p>
</div>

Problem is the thank you message loads in a new page. BUt if I delete this line: var gender = document.getElementsById('gender'); The form run properly, when submit button is click, it will hide the forms and replace by a thank you message but problem is the data send in the email is not the right value eg. in Gender: I select Female. BUt I receive Male as value. Why is that?
for live demo: http://gbv.lifeandhealthbenefits.com/
for full Script Code: http://gbv.lifeandhealthbenefits.com/js/scripts.js

Hey guys,

I'm a noob with javascript and I only know simple HTML coding, so I have become stuck. I can program in other languages though, so I understand the principles. That being said, I have become stuck with something.

My aim is to have a series of page where text is displayed, and then two or more buttons. Once a button is clicked, I want the screen to clear and it displays the next lot of text, followed by some more buttons.
Once they are pushed, it continues on.

So basically, each section has its own code that it pushes, plus its own buttons which lead to other sections. I am not trying to make a choose your own adventure book, but the layout is basically one of these.

I can do this in another language by simply having a few sections. Inside each section, it retrieves the option and proceeds. However, when I am trying to do this, I am getting confused.

The way my other programming experience tells me to write it, I would write a function which is called for each section, and it would display the text, the buttons, and return to the main function in the program.

However, because the buttons are in HTML, I cannot put code for the new buttons instead the functions. If I put the code inside the body of HTML, it will automatically be displayed. I cannot write an if statement to determine which buttons are displayed.


Can you please give me some advice around this? I hope I have made myself clear enough to be understood!!

One other thing I should mention, I really want to be able to do this in a single HTML file instead of calling other files. I think this would work fine by using frames and multiple HTML files, but I would prefer not to unless I really need to. One file would be much better for me.

Thanks!


Below is the basic code I am working from. It displays the first section with some text, displays two buttons and it goes to the next section on a button click.



Code:

<html>

<head>
<script type="text/javascript">

function button1()
{
document.write("Button 1 was pushed. Insert text here. Choose from two new buttons below:");
}

function button2()

{
document.write("Button 2 was pushed. Insert text here. Choose from two new buttons below:");
}

</script>
</head>



<body>

<form>
<input type="button" value="Button1" onClick="button1()" />
<input type="button" value="Button2" onClick="button2()" />
</form> 

</body>
</html>