JavaScript - Replace Function Script Not Working

I am trying to fix some datetime strings so I can convert form values into date objects so I can compare the dates in my validation process. the date time strings look like - 7/21/2011 8:00am

for some reason the am is not being replaced by " am" . here's the function

Code:

	function ampm(str){

		str.replace(/am/gi," am")
		str.replace(/pm/gi," pm")
		return str
	}

for example the result of ampm("8:00am") is 8:00am and not 8:00 am

.. it seems so simple.

I've been running into some trouble with a script that just isn't working, and since I'm not encountering any error messages and a similar script on the same page is working just fine, I'm really puzzled.
Anyways, here's the code I'm having trouble with:
Code:

function ShowHide(Numb){
Ident1 = AdIDList[Numb]+"Tx";
Ident2 = AdIDList[Numb]+"Lnk";
if (AdLink[Numb] == "hidden"){
	document.getElementById(Ident1).style.height = "355px";
	AdLink[Numb] = "visible";
}
if (AdLink[Numb] =="visible"){
	document.getElementById(Ident1).style.height = "55px";
	AdLink[Numb] = "hidden";
}
}

And here's the page code calling it (The page is assembled via PHP from a database, but I'm grabbing the code from my browser)
Code:

 <a href="#Good ShepherdLnk" id="Good ShepherdLnk" onclick="ShowHide(2);return false;" class="AdLink">Stories</a><br>

And, here's a similar bit of code on the same page that is working just as it's supposed to.
Code:

 function hideimage(){
for (Count=0; Count<AdTotal; Count ++){
	if (VisPic[Count]=="visible"){
		Ident = AdIDList[Count]+"AdB";
		document.getElementById(Ident).style.visibility = "hidden";
		VisPic[Count]="hidden";
		}
}
}

function bigimage(Item){
hideimage();
Ident1 = AdIDList[Item]+"AdB";
document.getElementById(Ident1).style.left="35%";
document.getElementById(Ident1).style.visibility = "visible";
VisPic[Item] = "visible";
}

I am new to Java/AJAX and I am trying to create a script that will change content of a div.

My scenario I am using is an index page with the list.php script included in the div I want content changed in. The list.php script will pull 8 newest titles from mysql and list them in the div. When you click one of the titles it will redirect you to a new page created by story.php. I would like this to be contained inside the div I have currently have the list.php script in.

I have looked at several tutorials on AJAX to do this, but they always call a static html page. Since I am not using a static html page I do not think this solution would work for me.

How my list.php script works is as follows:

PHP Code:
// generate and execute query
$query = "SELECT id, title, timestamp FROM news ORDER BY timestamp DESC LIMIT 0, 8";
$result = mysql_query($query) or die ("Error in query: $query. " . mysql_error());

// if records present
if (mysql_num_rows($result) > 0)
{
// iterate through resultset
// print news titles
while($row = mysql_fetch_object($result))
{
?>
<b><font size="+2"><a href="story.php?id=<? echo $row->id; ?>"><? echo $row->title; ?></a></b></font>
<br>
<font size="-2"><center><? echo formatDate($row->timestamp); ?></center></font>
<p>
<?
}
}
// if no records present
// display message
else
{
?>
<font size="-1">No news is bad news</font>
<?
}

How my story.php script works is as follows:

PHP Code:
// generate and execute query
$query = "SELECT title, content, contact, timestamp FROM news WHERE id = '$id'";
$result = mysql_query($query) or die ("Error in query: $query. " . mysql_error());

// get resultset as object
$row = mysql_fetch_object($result);

// Show me the news
if ($row)
{
?>
<p>
<b><? echo $row->title; ?></b>
<p>
<font size="-1"><? echo nl2br($row->content); ?></font>
<p>
<font size="-2">Posted on <? echo formatDate($row->timestamp); ?>. By <? echo $row->contact; ?></font>
<?
}
else
{
?>
<p>
<font size="-1">That news post could is not found.</font>
<?
}

If you need more information for this I will provide whatever you need.

I found this script, and it works great:
Code:

<script type="text/javascript">
  function disable(element)
  {
    var input = document.getElementById(element).getElementsByTagName("input");
    for(var i = 0; i < input.length; i++)
    {
      input[i].setAttribute("disabled","true");
    }
  }
</script>

I tried to make the inverse by simply reversing the setAttribute() like so:
Code:

<script type="text/javascript">
  function enable(element)
  {
    var input = document.getElementById(element).getElementsByTagName("input");
    for(var i = 0; i < input.length; i++)
    {
      input[i].setAttribute("disabled","false");
    }
  }
</script>

But that didn't do it.
Can someone show me why, and how to fix it?

Here's the sample form which I'm trying to test it on:
Code:

<form>
  <input type="radio" name="test" onclick="disable('D1')" /> disable<br/>
  <input type="radio" name="test" onclick="enable('D1')" /> enable<br/>
  <fieldset id="D1">
    <input class="" type="text" value="test value1" /><input class="" type="text" value="test value2" /><br/>
    <input class="" type="text" value="test value3" /><input class="" type="text" value="test value4" /><br/>
    <input class="" type="text" value="test value5" /><input class="" type="text" value="test value6" /><br/>
  </fieldset>
</form>

Edit:
The ultimate goal which I'm working toward now (step by step =) is to have a form more like:
Code:

<form>
  <input type="radio" name="test" onclick="disable('D1')" />
  <fieldset id="D1">
    <input class="" type="text" value="test value1" /><input class="" type="text" value="test value2" />
  </fieldset>
  <input type="radio" name="test" onclick="disable('D2')" />
  <fieldset id="D2">
    <input class="" type="text" value="test value3" /><input class="" type="text" value="test value4" />
  </fieldset>
  <input type="radio" name="test" onclick="disable('D3')" />
  <fieldset id="D3">
    <input class="" type="text" value="test value5" /><input class="" type="text" value="test value6" />
  </fieldset>
</form>

And have the fieldsets enable and disable according the selection of the radio buttons.

Also, the fieldsets (and their ID's) will be dynamically generated via PHP



Thanks-a-bunch,
~ Mo

Hello, I am new to this forum stuff so please bear with me.
This is the code I am using.
Code:

<script type="text/javascript">
	function ReadForm(obj1) {
        "use strict";
		var amt = obj1.amount.value;
		obj1.amount.value = amt - (amt / 6.6);
	}
</script>

The value (obj1) is 99
It is supposed to return a value of 84 and I keep getting 99
DId I do something wrong ?

I am having trouble getting my function to work

here is what I have so far

Code:

<script type="text/javascript"> // script element to add the votes.js

function totalVotes(votes1){ // script element that will calculate the array
 ****var total = 0;
 ****for (var i = 0; i < votes1.length; i++) {
 *******total = total + votes1[i];
 ****}
 ****return total;
}
</script>

Can anyone see whats wrong?
when i run it i still get nothing

Hi,

What I did is not working. Using coldfusion. Have cfselect object (id="Decision") with 3 values - Select; Approved; Denied.
Have two input buttons, Request Approved (id="approved") and Request Denied (id="denied").
The Approved is visible but disabled. The Denied is not visible.
The user needs to select from "Decision" either Approved or Denied before he/she can submit. So when user selects Approved from drop-down I want to enable Request Approved submit button. If user selects Denied from drop-down I want the disabled Request Approved button to not be visible and the Request Denied button to be visible and enabled for submission. The respective buttons will be directed to their appropriate actions.

Code:

<script type="text/javascript">
var decide = function() {
	var choice = document.getElementById("Decision");
	var apprvd = document.getElementById("approved");
	var deny = document.getElementById("denied");
	
	if (choice.value == "Approved")
	{
		deny.style.disabled = "disabled";
		deny.style.visibility = "hidden";
		apprvd.style.disabled = false;
		apprvd.style.visibility = "visible";
	}
	if (choice.value == "Denied")
	{
		apprvd.style.disabled = "disabled";
		apprvd.style.visibility = "hidden";
		deny.style.disabled = false;
		deny.style.visibility = "visible";
	}
	}
</script>

Nothing happens - any suggestions why not?

Thanks - John

OK so I am trying to put the following output together

2: 2
3: 3
4: 2,4
5: 5
6: 2,3,6
7: 7
8: 2,4,8
9: 3,9
10: 2,5,10

So I am looking for factors of numbers. User inputs a minimum and maximum and the function runs until it hits the max number. In between it is going to write out all of the factors for each line number.

Here is function so far and it is NOT working

function allFactors(num1,num2,outputDiv){
var min = parseInt(document.getElementById(num1).value);
var max = parseInt(document.getElementById(num2).value);
var output = "";
var start = 2;

for (var i = 1; i <= max; ++i) {
output += i+":"
if (min/start == Math.round(min/start)){
output += start
}
else {
++start
}
}"<br />"

addToDiv(outputDiv, output);
}

Hi guys I'm new here and I'm new with javascript, althought I'm flash expert that doesn't help me to much with Javascripts !

So I need help with function!

What I want is a function when I call it with desire value (for example: myfunction(300);" to change var value (for example: dest_x = 300).

Is that possible? Please help me!

I'm having a small issue with being able to use the onclick more than once. When I load the page and click the link the request works fine the first time. But if I cancel the request then goto click the link again, nothing happens.


Code:

<a href="javascript:void();" onclick="sendRequest()">Send the request</a>

<script>
var request = {
    method: 'postrequest',
    message: 'You will like it',
    data: '123key'
};
function sendRequest() {
    postReq(request, function (a) {
        if (a && a.post_id) {
             
//Do something if sent
            
        } else {

//Do something if cancelled
       
        }
    })
}
</script>

I've been stuck on a piece of code for awhile. I have two items but they won't run at the same time only one will work:
Code:

function loadProductK ( prSrc, imgSrc, prDesc, pr$, prStock, prAnchor, rank ) 
	{
var  product ='<div class="productDiv" id="'+prAnchor+'"><img src="'+imgSrc+'" width="150" height="150" title="'+prDesc+'"/><div class="productname">'+prDesc+'</div><div class="product$">&euro;'+pr$+'</div><div class="productstock">'+prStock+'<div class="productvisit"><li onclick="loadPage("'+prSrc+'")">Check product >></li></div></div>'

var productpage = document.getElementById("imgLoad")
productpage.innerHTML=product

loadProductK ('page/p/bead1.html','page/i/bead1.jpg','Round Bead','1,22','In Stock','Bead1','1' )
loadProductK ('page/p/Bead2.html','page/i/Bead2.jpg','Three Round Beads','6,99','In stock','Bead2','2' )
	}

Now i need the function loadProductK to work for both of the loadProductK's as seen below.
Really need some help on this one.

I'm presently trying to work through a tutorial at http://www.devarticles.com/c/a/JavaS...ld-Examples/3/

The code, as written in the tutorial fails when it comes to:

Code:

		        obj.onchange = function()
		        {
		        	this.hideError(obj);
		        };

Using Firefox's Web Developer Toolbar, I learned that (allegedly) "this.hideError(obj) isn't a function."

Event though it is clearly presented in the code as a function:

Code:

	// define 'hideError()' method
	    this.hideError = function(obj)
	    {
	        obj.parentNode.removeChild(obj.errorNode);
	        obj.errorNode	=null;
	        obj.onchange	=null;
	        this.valid	=true;
	    };

If I replace the obj.onchange with the contents of the function:

Code:

		        obj.onchange = function()
		        {
		        	//this.hideError(obj);
			        obj.parentNode.removeChild(obj.errorNode);
			        obj.errorNode	=null;
			        obj.onchange	=null;
			        this.valid		=true;
		        };

this now works... almost: it works when I hit the submit button.

This begs two questions:

1. What is wrong with the this.hideError(obj); function that none of my browsers (e.g. IE, FireFox, Chrome) recognize it as such?

2. Why are these browsers waiting for me to hit submit again, rather than changing as I change the contents of the input element? How could I fix this?

I am creating a weather widget for the iphone. The program creates an xml request for a weather feed and then parses the response. Depending on the response different information is displayed. A different icon for each weather pattern. I have all of this working so far. What I want to integrate is the option to refresh the weather when a user taps on the icon.

Here is my code:


Code:

document.getElementByID("weatherIcon").innerHTML="<img src=\"Icon Sets/"+iconSet+"/"+MiniIcons[obj.icon]+iconExt/" border=2 onclick=\"refresh();\">"

Code:

function refresh()
{
weatherRefresherTemp();
}

I know that the function refresh works because it is called from another function that allows the refresh to happen automatically every 30 min. However, wanting to integrate an option to manually refresh I am trying to do it this way. The code never seems to fire, nothing happens. I've added the border option for testing and don't even see that. I've been using a javascript editor and I do not get any errors. Any suggestions would be greatly apprectiated.