|
JavaScript - Multiple Functions Called With Onclick
Ok, so basically what I've got is a button which when clicked, "opens" a section of the page. I also need the button to "jump" to this section of the page, because it's below the current content and won't be visible.
What I've got so far is ... Javascript <script language="javascript"> function toggle() { var ele = document.getElementById("toggleText"); var text = document.getElementById("displayText"); if(ele.style.display == "block") { ele.style.display = "none"; text.innerHTML = "show"; } else { ele.style.display = "block"; text.innerHTML = "hide"; location="#ordernow" } } function moveWindow(){window.location.hash="ordernow"} </script> HTML ... (The rest of the form is up here) <input name="Button" type="button" class="button" value="Order Now" onclick="toggle();moveWindow()" id="displayText"/> ... (This is the start of the section that becomes visible, along with the anchor point which is highlighted in red.) <div id="toggleText" style="display: none"> <a name="ordernow"></a> <fieldset> <legend>Order Confirmation</legend> <div class="standardinput"> <label>Company:</label> <input name="Company" type="text" class="textinput" id="Company" /> </div> If I put two separate buttons, both functions will work. Basically I need them to be on the same function, not sure how to do that? Thanks so much in advance =) Similar TutorialsEvery time I try to use the notEmpty function with an onClick event, the validation stops working. I also need to implement a pop-up that gives me this information - alert("Your name is"+firstname +lastname", your G.P.A. is "+gpa "your phone number is "+phone); anytime I try to use it as a function with onClick, it interrupts the validation as well. Please help! I'm completely lost. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
Date: 11/12/2014
Filename: validator.html
Supporting files: None
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Validator</title>
<script type='text/javascript'>
function formValidator(){
// Make quick references to our fields
var firstname = document.getElementById('firstname');
var lastname = document.getElementById('lastname');
var gpa = document.getElementById('gpa');
var phone = document.getElementById('phone');
// Check each input in the order that it appears in the form!
if(isAlphabet(firstname, "Please enter only letters for your first name")){
if(isAlphabet(lastname, "Please enter only letters for your last name")){
if(gpaValidator(gpa, "Please enter a valid G.P.A.")){
if(phoneValidator(phone, "Please put a valid phone number")){
return true;
}
}
}
}
return false;
}
// Functions that check values in input fields!
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function gpaValidator(elem, helperMsg){
var alphaExp = /^([0-3](\.\d\d?)?|4(.00?)?)$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function phoneValidator(elem, helperMsg){
var alphaExp = /\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
</head>
<body>
<form onsubmit='return formValidator()'>
<fieldset>
<legend>Personal information:</legend><br />
First Name: <input type='text' id='firstname' /><br />
Last Name: <input type='text' id='lastname' /><br />
G.P.A.: <input type='text' id='gpa' /><br />
Phone Number: <input type='text' id='phone' /><br />
<input type='submit' value='Submit' />
</form>
</body>
</html>
Hello everyone, I've been trying to write a Javascript Mortgage Calculator for the past day and I believe I've got the structure right, although for some reason my functions must not be operating correctly or are not being called correctly. I'm almost afraid to say that it could be an error in the functions usage within the while loop. This Mortgage Calculator uses the principle of "bisection" to guess at the monthly payment necessary to fulfill the standards of the mortgage in question. This means that the loop is used to consistently halve the value of a guess until the correct monthly payment is guessed. Here is the code: Code: <script type=text/javascript>
function calcMortgage (amountText, yearsText, interestText) {
// constant definitions
// variable declaration
var amount = Number(amountText);
var years = Number(yearsText);
var interest = Number(interestText);
var monthlyPayment = 0;
var balance = 0;
var months = years*12;
var totalpay = 0;
var lowRange = 0;
var highRange = amount;
if ((amount <= 0) || isNaN(amount)) {
alert("Amount can't be 0, negative, or not a number.");
}
if ((years != Math.floor(years)) || isNaN(years) || (years < 1)) {
alert("Years must be a positive, non-zero, and an integer.");
}
if ((interest < 0) || isNaN(interest) || (interestText == "")) {
alert("Rate must be 0 or a positive number.");
}
while (keepGuessing) {
monthlyPayment = makeGuess(lowRange, highRange);
balance = simulatePayments(amount, years, interest, monthlyPayment);
if (balance==0) {
keepGuessing = false;
}
else if (balance < 0) {
highRange = monthlyPayment;
}
else if (balance > 0) {
lowRange = monthlyPayment;
}
}
monthlyPayment = (Math.round(monthlyPayment*100)/100);
totalPay = (Math.round((monthlyPayment*(months))*100)/100);
alert("You have paid $" + totalPay +" total to the bank.");
return monthlyPayment;
}
function makeGuess (lowRange, highRange) {
var guess;
guess = (highRange + lowRange) /2;
return guess;
}
function simulatePayments ( amt, numMonths, intr, monthPay) {
var oldBalance = amt;
var newBalance = 0;
var monthInterest;
var month = 1;
while(month <= numMonths) {
monthInterest = oldBalance * intr;
newBalance = oldBalance + monthInterest - monthPay;
oldBalance = newBalance;
month++;
}
return newBalance;
}
</script>
Any help in the least would be greatly appreciated, and thank you for your time in advance. Sam Hello, can you help me work it out - I need a link to do two things at the same time - the main function of opening url and executing javascript. How can i do that?
Hi, I am trying to get my onclick event to handle both of the function below. I want the event to return false (stop executing) if any of the two functions return false. Here is my code: Code: function isNumeric(elem, helperMsg){
var numericExpression = /[0-9]+/;
if(!elem.value.match(numericExpression)){
SaveRecord();
return true;
}else{
alert("You cannot enter numbers in the Comments field.");
return false;
}
}
function lengthRestriction(elem, min, max){
var x = elem.value;
if(x.length >= min && x.length <= max){
SaveRecord();
}else{
alert("Please enter between " +min+ " and " +max+ " characters in the Issue Number field");
}
}
Please help me. Thank you. Hello all, This is a follow up with a new question from a post I did last week. http://www.codingforums.com/showthre...098#post956098 I have an experimental website where I have music recordings. url removed When you open the site, each page uses a piano keyboard graphic to navigate between pages. If you click on a key that says "Jukebox" it will open a small window and continuously play tunes. The way the jukebox works basically is, when you click the jukebox key it calls an html file which contains the information needed to play the first song. When that song is finished it calls another html file with the information to play the second song and so on. Each html file contains an embedded Windows Media Player in it. I would like to give visitors the option to use the QuickTime player. So I can have one key in the keyboard graphic that say “Jukebox – for Windows Media Players” and then another key in the graphic that would say “Jukebox – for QuickTime players”. I would like to use both keys to call the same html file. So, in the file I would like to: 1. Determine which key was pressed in the graphic. (how to send a parameter from the keyboard graphic file indicating which key was pressed) 2. With that parameter I would then like to invoke the appropriate player. (how to receive that parameter) After the help I received last week I have my html in the keyboard graphic file set up as follows to call the first html file with the first song: Code: <AREA SHAPE="rect" HREF="#" onclick="window.open('ShirleyLee.html','jukebox',
'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1
,resizable=0,copyhistory=0,left=0,top=0,screenX=0,screenY=0,width=410
,height=300');return false;"onMouseover="document.roll.src=F1
_Down.src"onMouseout="document.roll.src=KeysUp.src"COORDS="
233,344,335,384" NAME="roll"ALT="F1">
I think we would be talking about the use of forms but not sure how to incorporate along with an onclick event.... The reason for this post is just to get some high level discussion ideas so that I can take that and go research how to do it. I could ask specifics later. Thanks! Dan I am try to make a form that appears to be multi page. I am trying to use a button to hide one div and display another at the same time my script is head Code: <script language=javascript type='text/javascript'>
function hidediv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){//if they are 'see' divs
if (document.getElementById) // DOM3 = IE5, NS6
divs[i].style.visibility="hidden";// show/hide
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'hidden';
else // IE 4
document.all.hideShow.divs[i].visibility = 'hidden';
}
}
}
function showdiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){
if (document.getElementById)
divs[i].style.visibility="visible";
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'visible';
else // IE 4
document.all.hideShow.divs[i].visibility = 'visible';
}
}
}
</script>
body Code: <form name="PublicOrderPage" action="save_client_information.php" onsubmit="return validateForm()" method="post">
<div id="div1" style="width:600px; height: auto;background: yellow;">
<table width="600" border="0">
<tr>
<legend><h3 style="padding-left:172.5px;">Required Client Information</h3></legend>
</tr>
<tr>
<td style="padding-left:25px;"><b>Name:</b></td>
<td><input type="text" name="client_name" id="client_name" value="<?php echo $_POST['client_name']; ?>" /></td>
<td style="padding-left:25px;"><b>Home Phone:</b></td>
<td><input type="text" name="client_home_phone" id="client_home_phone" value="<?php echo $_POST['client_home_phone']; ?>" /></td>
</tr>
</table>
<br/>
<table width="270" border="0">
<tr>
<td style="padding-left: 180px;"><b>Email:</b></td>
<td><input type="text" name="client_email" id="client_email" value="<?php echo $_POST['client_email']; ?>" /></td>
</tr>
</table>
<br/>
<table>
<tr>
<td style="padding-left:280px;"><input name="save_client_info" type="button" value="Next" onclick="hidediv('1');shwodiv('2');" > </td>
</tr>
</table>
</div>
<div id="div2" style="width:600px; height: auto;background: yellow; ">
<table width="600" border="0">
<tr>
<legend><h3 style="padding-left:172.5px;">Required Site Information</h3></legend>
</tr>
<tr>
<td style="padding-left:25px;"><b>Site Street:</b></td>
<td><input type="text" name="site_street" id="site_street" value="<?php echo $_POST['site_street']; ?>" /></td>
<td style="padding-left:25px;"><b>Site City:</b></td>
<td><input type="text" name="site_city" id="site_city" value="<?php echo $_POST['site_city']; ?>" /></td>
</tr>
</table>
<br/>
<legend><h3>Inspection Type</h3></legend>
<table width="270" border="0">
<table width="602" border="0">
<tr>
<td width="252"><input type="checkbox" name="cb_full_home" id="cb_full_home" <?php if ($_POST['cb_full_home']) echo 'checked="checked"'; ?> />
Full Home</td>
<td width="150"><input type="checkbox" name="cb_4_point" id="cb_4_point" <?php if ($_POST['cb_4_point']) echo 'checked="checked"'; ?> />
4 Point</td>
</tr>
<tr>
<td ><input type="checkbox" name="cb_condominium" id="cb_condominium" <?php if ($_POST['cb_condominium']) echo 'checked="checked"'; ?> />
Condominium</td>
<td ><input type="checkbox" name="cb_wind_mit" id="cb_wind_mit" <?php if ($_POST['cb_wind_mit']) echo 'checked="checked"'; ?> />
Wind Mit</td>
</tr>
<tr>
<td ><input type="checkbox" name="cb_roof_cert" id="cb_roof_cert" <?php if ($_POST['cb_roof_cert']) echo 'checked="checked"'; ?> />
Roof Cert</td>
<td ><input type="checkbox" name="cb_drywall" id="cb_drywall" <?php if ($_POST['cb_drywall']) echo 'checked="checked"'; ?> />
Drywall</td>
</tr>
<tr>
<td><input type="checkbox" name="cb_reinspect" id="cb_reinspect" <?php if ($_POST['cb_reinspect']) echo 'checked="checked"'; ?> />
Re-Inspect</td>
<td><input type="checkbox" name="cb_followup" id="cb_followup" <?php if ($_POST['cb_followup']) echo 'checked="checked"'; ?> />
Follow-Up</td>
</table>
<img src="CaptchaSecurityImages.php" />
Security Code:
<input id="security_code" name="security_code" type="text" />
<br />
<input name="save_client_info" type="submit" value="Save" />
</div>
</form>
When the next button is used I would Like to Hide Div1 And Display Div2 so that it looks as if it is a new page. Any help would be greatly appreciated. Hi, This button changes the button text when clicked, but it is always calling the same function. How to make the button depending on the button text to call different functions on onclick? [CODE] <script type = "text/javascript"> function button_switch(){ if (document.switch_form.switch_b.value == "Adam"){ document.switch_form.switch_b.value="Eva"; } else{ document.switch_form.switch_b.value = "Adam"; } } </script> <form name = "switch_form"> <input type = "button" name = "switch_b" id = "switch_b" value = "Adam" onclick = "button_switch()" /> </form> [CODE] Im having problems with this code working as it should. the top banner is supposed to cycle the second banner is supposed to be random the 3rd is a slide show that is supposed to work in order Everything works in random order. Any help would be appreciated. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HTML and JavaScript</title>
<script type="text/javascript">
var imgArray=new Array(4);
imgArray[0]= new Image;
imgArray[0].src="lions3.gif";
imgArray[1]= new Image;
imgArray[1].src="tigers3.gif";
imgArray[2]= new Image;
imgArray[2].src="bears3.gif";
imgArray[3]= new Image;
imgArray[3].src="ohmy3.gif";
var index=0
function startup() {
cycle();
select();
return
}
</script>
<script type="text/javascript">
function cycle() {
document.banner.src= imgArray[index].src;
index++;
if (index==4)
{
index=0;
}
setTimeout("cycle()",1000);
return;
}
</script>
<script type="text/javascript">
function select() {
index=Math.floor(Math.random()*4);
document.banner1.src=imgArray[index].src;
setTimeout("select()",2000);
return;
}
</script>
<script type="text/javascript">
function doBack()
{
if (index>0)
{
index--;
document.slideshow.src=imgArray[index].src;
}
return;
}
function doNext()
{
if (index<3)
{
index++;
document.slideshow.src=imgArray[index].src;
}
return;
}
</script>
</head>
<body onload="startup()";>
<center><img name="banner" src="lions3.gif" id="banner">
<div align="center"><img name="banner1" src="tigers3.gif" id="banner1"></div>
</center>
<div align="center">
<h2>My JavaScript Slideshow</h2>
<p><img name="slideshow" src="lions3.gif"></p>
<p><a href="javascript:doBack()">Back</a> * * * *
<a href="javascript:doNext()">Next</a></p>
</div>
</body>
</html>
Hi, i have got this piece of code: Code: var f = [];
var x = 1;
f[0] = function(){alert(x);};
var x = 2;
f[1] = function(){alert(x);};
f[0]();
f[1]();
I would like to display the number 1 at first and then 2. but this code produces number 2 for both alerts. I was able to achieve what i want with "new" constructor when creating functions but this is not a good practice and after all i am passing these functions as an event handler and it cant be done with "new" keyword because it is throwing error. I think there are some solutions with arrays e.g the x would be an array of numbers, but i don't like it. Am i missing something important? Thanks for your replies. Hello, so I'm trying to call multiple functions with onClick. It doesnt really work, just wondering why. Advice or tips would be nice, thank you guys for your time. By the way this is a project for school so the comments are for my professor Code: <head>
<title>Untitled Document</title>
<script type="text/javascript">
//hello, this code doesn't work, I did it piece by piece so the bits work, but when I combined them, it stopped working
function texter(newText){
var oldHTML = document.getElementById('outputPrompt').innerHTML;
document.getElementById('outputPrompt').innerHTML = newText+"<br />"+oldHTML;
console.log(newText);
}
// texter function from class
function menuMain(){
var userInput = document.getElementById('input').value;
var mainMenu;
if (userInput == "3"){
mainMenu = menuThree();
} else if (userInput== "2") {
mainMenu = menuTwo();
} else if (userInput== "1") {
mainMenu = menuOne();
}
texter(mainMenu)
}
//going to the functions by calling them
function menuOne(){
var userInput = document.getElementById('input').value;
if (userInput.length == 0){
texter("You need to enter something in the input box");
} else {
texter("the string has been saved");
}
}
// if the length is equal to zero then there was nothing inputted
function menuTwo() {
var userInput = document.getElementById('input').value;
var theArray = userInput.split(/\s|\n|\r/);
//split string into words array i looked up the regex on coding forums
//also had help to create this from coding forums
var WordsFound = [i];
for (var i=0; i<theArray.length-0; i++) {
if (theArray[i].length < 5) { WordsFound.push('eep- '+theArray[i]); }
else { if (theArray[i].length > 5) { WordsFound.push(theArrray[i]+' -zzz'); }
else { WordsFound.push(theArray[i]); }
}
}
document.getElementById('outputPrompt').innerHTML = WordsFound.join('<br>');
}
// if the array length is less than five the word will push it onto the array
// vise versa with the array length being more than five
//then i join the word with the array
function menuThree() {
var userInput = document.getElementById('outputPrompt').reset();
}
//reset the output
function combineFunctions() {
menuMain();
menuOne();
menuTwo();
menuThree();
}
// combining the functions into one function so i can call it on onclick
function cleartext(){
document.getElementById('input').value="";
}
</script>
</head>
<body>
<h1>RoboSpeek</h1>
<textarea type='text' id='input' onfocus="cleartext()" cols="40"rows="10" wrap="physical">
Please enter 1,2,3 or Exit</textarea><br />
<input type='button' onclick='combineFunctions()' value='submit'/>
<p id='outputPrompt'>Please enter 1,2,3 or exit only</b> </p>
</body>
</html>
Hello, I am new to javascript and have managed to create the below form with few fields validation that is working. I also have an email format validation function which is not working. Any help would be hightly appreciated. Below with the form with the javascript <html> <script language="JavaScript" type="text/javascript"> <!-- var radio_selection=""; function checkform ( form ) { **// ** START ** **if (form.name.value == "") { ****alert( "Please enter your name." ); ****form.name.focus(); ****return false; **} if (form.Phone.value == "") { ****alert( "Please enter your phone number." ); ****form.Phone.focus(); ****return false; **} **if (form.email.value == "") { ****alert( "Please enter your email." ); ****form.email.focus(); ****return false; } if (radio_selection=="") { alert("Please indicate your attendance."); return false; } *// ** END ** **return true; } function checkEmail(form) { if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.email.value)) { return true; } alert("Invalid E-mail Address! Please re-enter."); return false; } //--> </script> <body> <form style="font-family:lucida calligraphy;font-size:120%;color:maroon" action="invitees.php" method="post" onsubmit="return checkform(this);checkEmail(this.email.value);"> <table cellspacing="5" cellpadding="5" border="0"> <tr> <td valign="top" > <style="font-family:lucida calligraphy;font-size:100%;color:maroon">Name: </td> <td valign="top"> <input type="text" name="name" id="name" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Phone Number </td> <td valign="top"> <input type="text" name="Phone" id="Phone" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Email Address: </td> <td valign="top"> <input type="text" name="email" id="email" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Will You Attend </td> <td valign="top"> <input type="radio" name="Attendance" id="Attendance_0" value="Yes" onClick="radio_selection='yes'" /> Yes <input type="radio" name="Attendance" id="Attendance_1" value="No" onClick="radio_selection='no'"/> No <input type="radio" name="Attendance" id="Attendance_2" value="Maybe" onClick="radio_selection='maybe'"/> Maybe<br/> </td> </tr> <tr> <td valign="top"> Adults <select name ="adults" id="Adults" > <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select> </td> <td valign="top"> Kids <select name="kids" id="Kids" > <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select> </td> </tr> <tr> <td valign="top"> Post a Note </td> <td valign="top"> <textarea name="Note" id="Note" rows="6" cols="35"></textarea> </td> </tr> <tr> <td colspan="3" align="center"> <input type="submit" value=" Submit Form " /> </td> </tr> </table> </form> </html></body> hey all, I am now at the point of being able to see the light at the end of the tunnel (woot!). After a lot of help from you guys I have tackled my RSS feed issue (sort of) to the point where i have a page that does basically what I need it to (http://www.the-rational-investor.com/test042311.php/). I now need to incorporate this java script developed into the big picture and of course, there seems to be problems. Since I know it works on its own, I must be running into problems getting all the functions working simultaneously and I once again need to call on the board's brilliance in figuring out what I am doing wrong....so here it goes I have taken out a lot of unnecessary code just to focus on the java script. Yes there is PHP code embedded but please don't beat up on me too much for that. here is the main page code: Code: <head>
<?
// function for onmouseover to do ALL THREE tasks //
?>
<script type="text/javascript">
function doChanges(y){
var z= y;
var imagevar = myimages[z];
var imagethis = this.href;
changeimage(imagevar,imagethis);
changetext(z);
var x=y;
var rssfeedvar = myArrayRssFeed[x];
showRSS(rssfeedvar);
}
</script>
<?
// First Task - function for onmouseover TEXT //
?>
<script type="text/javascript">
function changetext(z){
var s= z;
var textchangeEntries = myArrayEntries[s];
var id = document.getElementById("DBtext_large");
id.innerHTML=textchangeEntries;
var textchangeWebadr = myArrayWebadr[s];
var id = document.getElementById("DBtext_link").getElementsByTagName('a')[0];
id.nodeValue=textchangeWebadr;
id.setAttribute('href',textchangeWebadr);
id.innerHTML=textchangeWebadr;
var textchangeEmail = myArrayEmail[s];
var id = document.getElementById("DBtext_email");
id.innerHTML=textchangeEmail;
var textchangeRssUrl = myArrayRssUrl[s];
var id = document.getElementById("DBtext_rssUrl");
id.innerHTML=textchangeRssUrl;
var textchangeRssFeed = myArrayRssFeed[s];
var id = document.getElementById("DBtext_rssFeed");
id.innerHTML=textchangeRssFeed;
}
</script>
<?
// Second Task - functions for onmouseover IMAGES //
?>
<script type="text/javascript">
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script type="text/javascript">
var myArrayEntries = ["<?php echo implode('","',$map_entry_array);?>"];
var myArrayWebadr = ["<?php echo implode('","',$web_adr_array);?>"];
var myArrayEmail = ["<?php echo implode('","',$email_adr_array);?>"];
var myArrayRssUrl = ["<?php echo implode('","',$rss_url_array);?>"];
var myArrayRssFeed = ["<?php echo implode('","',$rss_feed_array);?>"];
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(<?echo("$qs1");?>);
</script>
<?
// Third Task - functions for onmouseover RSS FEED //
?>
<script type="text/javascript">
function showRSS(str)
{
if (str.length==0)
{
document.getElementById("rssOutput").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getrss.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
getrss.php is unchanged Code: <?php
//get the q parameter from URL
$q=$_GET["q"];
//find out which feed was selected
if($q=="http://twitter.com/statuses/user_timeline/53777622.rss")
{
$xml=("http://twitter.com/statuses/user_timeline/53777622.rss");
}
elseif($q=="http://www.autisticsociety.org/rss/news2.php")
{
$xml=("http://www.autisticsociety.org/rss/news2.php");
}
elseif($q=="http://sableresources.com/news/")
{
$xml=("http://sableresources.com/news/");
}
elseif($q=="http://www.northgateminerals.com/rss/pressrelease.aspx")
{
$xml=("http://www.northgateminerals.com/rss/pressrelease.aspx");
}
elseif($q=="http://www.thompsoncreekmetals.com/s/RSS.asp?MaxItems=4&Version=RSS2.0")
{
$xml=("http://www.thompsoncreekmetals.com/s/RSS.asp?MaxItems=4&Version=RSS2.0");
}
elseif($q=="http://www.imperialmetals.com/s/RSS.asp?MaxItems=10&Version=RSS2.0")
{
$xml=("http://www.imperialmetals.com/s/RSS.asp?MaxItems=10&Version=RSS2.0");
}
elseif($q=="http://investorrelations.walterenergy.com/corporate.rss?c=71978&Rule=Cat=news~subcat=ALL")
{
$xml=("http://investorrelations.walterenergy.com/corporate.rss?c=71978&Rule=Cat=news~subcat=ALL");
}
elseif($q=="http://www.teck.com/framework/comp.aspx?portalName=tc&id=133613&rss=1")
{
$xml=("http://www.teck.com/framework/comp.aspx?portalName=tc&id=133613&rss=1");
}
elseif($q=="http://www.tasekomines.com/tko/RSS.asp?MaxItems=10&Version=RSS2.0")
{
$xml=("http://www.tasekomines.com/tko/RSS.asp?MaxItems=10&Version=RSS2.0");
}
elseif($q=="http://www.rocamines.com/s/RSS.asp?MaxItems=10&Version=RSS2.0")
{
$xml=("http://www.rocamines.com/s/RSS.asp?MaxItems=10&Version=RSS2.0");
}
elseif($q=="http://www.breakwater.ca/rss/pressrelease.aspx")
{
$xml=("http://www.breakwater.ca/rss/pressrelease.aspx");
}
$xmlDoc = new DOMDocument();
$xmlDoc->load($xml);
//get elements from "<channel>"
$channel=$xmlDoc->getElementsByTagName('channel')->item(0);
$channel_title = $channel->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$channel_link = $channel->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$channel_desc = $channel->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;
//output elements from "<channel>"
echo("<p><a href='" . $channel_link
. "'>" . $channel_title . "</a>");
echo("<br />");
echo($channel_desc . "</p>");
//get and output "<item>" elements
$x=$xmlDoc->getElementsByTagName('item');
for ($i=0; $i<=2; $i++)
{
$item_title=$x->item($i)->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$item_link=$x->item($i)->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$item_desc=$x->item($i)->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;
echo ("<p><a href='" . $item_link
. "'>" . $item_title . "</a>");
echo ("<br />");
echo ($item_desc . "</p>");
}
?>
Thanks again for all your wonderful help and all the best to you and your families on this Easter weekend, Brian I posted a thread a few days ago concerning a bit of javascript code to make checking one checkbox clear another one. I got some great, prompt help. However, I just got back to working on that web page, and realized that the functions only work on the first form on my web page. I have many forms and they are actively named using php. Here's are the functions (these works for just the first form on the page): Code: <script type="text/javascript">
function undo_Changes() {
if (document.getElementById("Complete").checked==true) {
document.getElementById("Needs_Change").checked=false;
}
}
function undo_Complete() {
if (document.getElementById("Needs_Change").checked==true) {
document.getElementById("Complete").checked=false;
}
}
</script>
I call them from the checkboxes involved: Code: <input name="Complete" id="Complete" value="Yes" <?php echo($Complete=="Yes") ? "checked" : ""; ?> size="4" type="checkbox" onChange="this.style.color='#FF0000'" onClick="undo_Changes()"> <input name="Needs_Change" id="Needs_Change" value="Yes" <?php echo($Needs_Change=="Yes") ? "checked" : ""; ?> size="4" type="checkbox" onClick="undo_Complete()"> Here's how my forms are named: Code: <?php $DocName = "Schedule".$count; ?>
<form name="<?php echo $DocName; ?>" action="ScheduleCode.php" method="post" id="<?php echo $DocName; ?>">
I've tried the following and it doesn't work at all: Code: <script type="text/javascript">
function undo_Changes(myForm) {
if (myForm.getElementById("Complete").checked==true) {
myForm.getElementById("Needs_Change").checked=false;
}
}
function undo_Complete(myForm) {
if (myForm.getElementById("Needs_Change").checked==true) {
myForm.getElementById("Complete").checked=false;
}
}
</script>
<input name="Complete" id="Complete" value="Yes" <?php echo($Complete=="Yes") ? "checked" : ""; ?> size="4" type="checkbox" onChange="this.style.color='#FF0000'" onClick="undo_Changes(this.form)">
<input name="Needs_Change" id="Needs_Change" value="Yes" <?php echo($Needs_Change=="Yes") ? "checked" : ""; ?> size="4" type="checkbox" onClick="undo_Complete(this.form)">
Thanks for any help. Lisa I am having trouble running multiple windows.onload functions and having trouble how to implement them. I found a couple articles on but couldn't really get them to work. Here are the two functions I'm trying to load: Code: <script type="text/javascript">
//<![CDATA[
window.onload=function(){
//randomize order of contents with DIV class="group1"
randomizeContent("group1")
randomizeContent("group2")
randomizeContent("group3")
}
//]]>
</script>
Code: <script type="text/javascript">
function showHideMore(obj) {
var contObj = obj.parentNode.getElementsByTagName('div')[0];
var status = (contObj.style.display == 'block')? 'none' : 'block'
contObj.style.display = status;
<!-- obj.innerHTML = (status == 'block')? 'Show less' : 'Show more'; -->
obj.curPic = (obj.curPic == 0)? 1 : 0;
obj.style.backgroundImage = 'url("'+plusMinusPics[obj.curPic]+'")';
}
window.onload=function(){
plusMinusPics = ['plus.png','minus.png'];
oMoreLessSpans = document.getElementById('list1').getElementsByTagName('span');
for(i=0; i < oMoreLessSpans.length; i++){
oMoreLessSpans[i].curPic = 0;
oMoreLessSpans[i].style.background = 'url("'+plusMinusPics[oMoreLessSpans[i].curPic]+'") no-repeat 0 50%';
oMoreLessSpans[i].onclick=function(){showHideMore(this);}
}
}
</script>
Good day all: I'm wondering if the cancellation of one of my onclick js function in the below code is as a result of having multiple onclick function. here is the code: Code: <FORM NAME="SubCategory" method=post action='accountingsearch2.php' rel="nofollow" target='_top'> <p align="left"> <div id="presetlabel">Or use Preset Periods-->></div> <div id="SubCategory"> <SELECT NAME="specifiedperiod" style="display:inline";> <OPTION>Select a Time Period <OPTION>Today <OPTION>Current Week <OPTION>Current Month <OPTION>Current Quarter <OPTION>Past Quarter <OPTION>Current Year <OPTION>Previous Year </SELECT> </div> <div id="proceed2"><input type='submit' value='Proceed!' onclick='return ValidateSubCategory();'></div><!--the validation does not work with onsubmit--> </FORM> <form name="SubCategory2" method=post action='accountingsearch.php' rel="nofollow" target='_top'> <div id="callabel"><label for="theDate">From today thru</label></div> <div id="othersearch"><input type="text" value="2010/10/24" readonly name="theDate" size="11"></div> <div id="cal"><input type="button" value="Calendar" onclick="displayCalendar(document.forms[0].theDate,'yyyy/mm/dd',this)" style="display:inline";></div> <!--<INPUT TYPE="" VALUE="" name="specifiedperiod" style="display:inline";--> <!--<font size='2'> Please Specify an optional Device name </font><input id='searchField' name='searchField' value='(none)' type='text'></option>--> <div id="proceed"><input type='submit' value='Proceed!'><!--onclick='return ValidateSubCategory();'--> </div> </p> </FORM> If such is the case, how can I address this problem? Currently, the first onclick function Code: onclick='return ValidateSubCategory();' works fine. The problem is with the second Code: onclick="displayCalendar(document.forms[0].theDate,'yyyy/mm/dd',this)" style="display:inline"; Any assistance is greatly appreciated! Mossa Hello, Ok so the following code works. Code: function myFunction(myName)
{
alert("You are "+myName);
}
callFunction = "myFunction";
parameter = "Joe";
window[callFunction](parameter);
However this code doesn't work: Code: function myFunction(myName, myAge)
{
alert("You are "+myName+" and "+myAge+" years old.");
}
callFunction = "myFunction";
parameter = "Bill,15";
parameter = parameter.split(",");
window[callFunction](parameter);
The above code alerts: "You are Bill,15 and undefined years old." Thanks for the help! The very basic onclick code I threw together: Code: function descw()
{
document.getElementById("desc").style.display="block";
}
function descc()
{
document.getElementById("desc").style.display="none";
}
The div that needs a description... Code: <div class="select"><img src="image.jpg" onclick="descw()"></div> ..and the actual description div. Code: <div id="desc"> <img src="close.jpg" onclick="descc"> <p>Description</p> </div> This works, but I have a whole class of divs named select that need their own individual description divs. Id method is okay for one div apparently, but if I click on others it loads the first description div. What do I use instead? I tried getElementsByName and Atrribute and got an error. Hello Guys, Seems im moving on from the css forums to java (im scared). I am a keen learner but an absolute beginner to java. What i need to be able to do is.. When a student clicks on a link in the main menu e.g number I need a something that can load the following two divs. #contentwindow #three I already have jquery running on the page and all css is embeded for now if that is helpful. http://www.bushcottages.co.uk/new.htm Thanks your help is supremely appreciated Peter Hi, I have a problem in javascript, where entering a value in the textbox during onblur I am doing a refresh to bring in the updated records from the DB , before the on blur refresh is completed if the user clicks the search button (onclick) during the first click nothing is happening as the refresh is still going on. During the second click when the on blur refresh is completed it will open a popup. The problem here is I am unable to disable/inactivate the search button untill the refresh is completed as well as I dont have any control over the refresh time as well. This is like already an event is in progress and where we are invoking another event which is not having any effect. In such case how i can handle this scenario? Thanks. I need help in creating a multiple value cookie when the user clicks the Add to cart input button. Here is the portion of code from the html page that creates the inventory item display and the Add to cart button. There are six of these on the page: Code: <div id="inventoryspread">
<div class='productBoxInvUL'>
<script type:"text/javascript">
document.write("<img src="+"'"+"images/"+arrImage[0]+"'"+"align='left'/>"+
"<p><br/><span class='invName'>"+arrName[0]+"</span></p>"+
"<p>"+arrDescription[0]+"</p>"+
"<p>Item# "+arrItem[0]+"<br/>"+
"<span class='invPrice'>"+arrPrice[0]+"</p>");
</script>
<input type="button" value="Add to Cart" onclick='createCookie("name, value, 7", prompt("cookie created"))' />
</div>
And here is a portion of the array that fills it: Code: var arrItem = new Array(); var arrName = new Array(); var arrDescription = new Array(); var arrPrice = new Array(); var arrImage = new Array(); arrItem[0]= "FE100"; arrName[0]= "Blacktop Jazzmaster"; arrDescription[0]= "Monster dual-bucker tone. Vintage style alnico humbucking pickup, single coil, skirted black amp knobs, and 3-way toggle switch. Alder body, Maple neck, Rosewood fretboard, 21 medium jumbo frets, gloss urethane finish and nickel/chrome hardware."; arrPrice[0]= "$699.00"; arrImage[0]= "FE100.png"; arrItem[1]= "FE200"; arrName[1]= "Roland-Ready Stratocaster"; arrDescription[1]= "Time-tested Fender tone, timeless styling, 3 single-coil pickups, synchronized tremolo, high-mass bridge block, shielded body cavities and medium jumbo frets. Built-in Roland GK-2A pickup system, tinted neck, parchment pickguard and control knobs, and a '70s-style logo."; arrPrice[1]= "$1,019.00"; arrImage[1]= "FE200.png"; arrItem[2]= "FA100"; arrName[2]= "CD220SCE Exotics "; arrDescription[2]= "Exotic and beautiful with rich tone, laminated burl ash back and sides, with a solid spruce top. Fender-designed dreadnought body, X-bracing, and die-cast tuners. Cutaway body design with rosewood bridge featuring a compensated bone nut"; arrPrice[2]= "$629.00"; arrImage[2]= "FA100.png"; arrItem[3]= "FA200"; arrName[3]= "Dick Dale Mailbu SCE"; arrDescription[3]= "Thin folk body design, laminated spruce top, laminated mahogany back and sides, scalloped X-bracing providing well balanced tone. Maple neck, rosewood compensated bridge and fretboard, vintage-style Fender tuners, and a surfin' red paint job on the top and back"; arrPrice[3]= "$849.00"; arrImage[3]= "FA200.png"; arrItem[4]= "FB100"; arrName[4]= "Standard Precision Bass"; arrDescription[4]= "Sound, look, and feel today's bass players demand. Classic P-Bass old-school design. Contemporary features and refinements. Alder body and a split single-coil pickup, this classic electric bass guitar lives up to its Fender legacy."; arrPrice[4]= "$579.00"; arrImage[4]= "FB100.png"; arrItem[5]= "FB200"; arrName[5]= "Roger Waters Signature Precision Bass"; arrDescription[5]= "Tastefully tailored, black-on-black color scheme, Seymour Duncan Basslines SPB-3 Quarter-Pound split-coil Precision Bass pickup, knurled black control knobs, brass nut, black bridge and strap buttons, vintage '70s-style open-gear chrome tuners."; arrPrice[5]= "$1,199.00"; arrImage[5]= "FB200.png"; arrItem[6]= "GE100"; arrName[6]= "Firebird X Limited Edition"; arrDescription[6]= "Turbo-charged Pure-Analog engine. Hand-applied and unique high-end wood finish. Beautiful, historical and yet contemporary and unique. Limited run of just 1,800 units. It is sure to become a collector classic."; arrPrice[6]= "$5,569.00"; arrImage[6]= "GE100.png"; The cookie only needs to include the Item#, Name and Price of each item to populate a shopping cart page. This is only a small student project and is client side only using javascript. Thank you for any help we can get on this. |
|||||||