JavaScript - I Have 3 Strings (news Feed)-loop Function To Find Next Space & Then Display Back...

I'm using JavaScript (rssplayer.js) to display a feed from a Blogger blog. I want the feed to be displayed as plain text without the hyperlink to the original posts. Does anyone know how to do this?

Thanks


rssplayer: http://www.javascriptkit.com/dhtmltu...jaxfeed3.shtml

Here's the code in my page:

Code:

<script type="text/javascript">
//USAGE SYNTAX: new rssdisplayer("divid", "rssurl", numberofitems, "displayoptions")
new rssdisplayer("rssdiv", "http://jms8bscience-assignments.blogspot.com/feeds/posts/default?alt=rss", 6, "")</script>

Here's the code for the rssdisplayer.js

Code:

google.load("feeds", "1") //Load Google Ajax Feed API (version 1)

function rssdisplayer(divid, url, feedlimit, showoptions){
this.showoptions=showoptions || "" //get string of options to show ("date" and/or "description")
var feedpointer=new google.feeds.Feed(url) //create new instance of Google Ajax Feed API
feedpointer.setNumEntries(feedlimit) //set number of items to display
document.write('<div id="'+divid+'">Loading feed...</div>')
this.feedcontainer=document.getElementById(divid)
var displayer=this
feedpointer.load(function(r){displayer.formatoutput(r)}) //call Feed.load() to retrieve and output RSS feed
}


rssdisplayer.prototype.formatdate=function(datestr){
var itemdate=new Date(datestr)
return "<span style='color:gray; font-size: 90%'>"+itemdate.toLocaleString()+"</span>"
}


rssdisplayer.prototype.formatoutput=function(result){
if (!result.error){ //if RSS feed successfully fetched
var thefeeds=result.feed.entries //get all feed entries as a JSON array
var rssoutput="<ul>"
for (var i=0; i<thefeeds.length; i++){ //loop through entries
var itemtitle="<a href=\"" + thefeeds[i].link + "\">" + thefeeds[i].title + "</a>"
var itemdate=/date/i.test(this.showoptions)? this.formatdate(thefeeds[i].publishedDate) : ""
var itemdescription=/description/i.test(this.showoptions)? "<br />"+thefeeds[i].content : ""
rssoutput+="<li>" + itemtitle + " " + itemdate + itemdescription + "</li>"
}
rssoutput+="</ul>"
this.feedcontainer.innerHTML=rssoutput
}
else //else, output error
alert("Error fetching feeds: "+result.error.message)
}

//USAGE SYNTAX: new rssdisplayer("divid", "rssurl", numberofitems, "displayoptions")
//new rssdisplayer("adiv", "http://www.cssdrive.com/index.php/news/rss_2.0/", 5, "date, description")

This is a function designed to return an array of all elements in "body" with a particular tag name and class name. It works fine up until the if (needles.length == 0); { line, according to my debugging. It seems to fail there though and I can't figure out why. It's probably just some noob error that I've missed but I can't for the life of me find it

Thanks in advance for any help, it's greatly appreciated!


Code:

function getElementsByClassName(tagname, classname) {
  var haystack = document.getElementById('body').getElementsByTagName(tagname);
  var needles = [];
  var i;
  for (i in haystack) {
    if (haystack[i].hasClassName(classname)) {
      needles.push(haystack[i]);
      continue;
    }
  }
  if (needles.length == 0); {
    needles = 0;
  }
  return needles;
}

Ok, I'm nearly pulling my hair out with this one. I have been looking at this code for two evenings now, and rewrote it 4 times already. It started out as jQuery code and now it's just concatenating strings together.

What I'm trying to do: Build a menu/outline using unordered lists from a multidimensional array.

What is happening: Inside the buildMenuHTML function, if I call buildMenuHTML, the for loop only happens once (i.e. only for 'i' having a value of '0'.) If I comment out the call to itself, it goes through the for loop all 3 times, but obviously the submenus are not created.

Here is the test object:
Code:

test = [
	{ 
	  "name" : "Menu 1", 
		"url" :  "menu1.html",
		"submenu" : [
		  {
				"name" : "menu 1 subitem 1",
				"url" :  "menu1subitem1.html"
			},
			{
				"name" : "menu 1 subitem 2",
				"url" :  "menu1subitem2.html"
			} ]
	},
	{ 
	  "name" : "Menu 2",
	  "url" :  "menu2.html", 
		"submenu" : [ 
		  { 
			  "name" : "menu 2subitem 1", 
			  "url" :  "menu2subitem1.html"
			},
		  { 
			  "name" : "menu 2subitem 1",
			  "url" :  "menu2subitem1.html"
		  } ]
	},
	{ 
	  "name" : "Menu 3",
	  "url" :  "menu3.html", 
		"submenu" : [ 
		  { 
			  "name" : "menu 3 subitem 1", 
			  "url" :  "menu3subitem1.html"
			},
		  { 
			  "name" : "menu 3 subitem 1",
			  "url" :  "menu3subitem1.html"
		  } ]
	}
];

Here is the recursive function:
Code:

function buildMenuHTML(menuData,level) {
	var ul;
	if (level == 1) {
		ul = "<ul id='menu'>";
	} else {
		ul = "<ul class='level" + level + "'>";
	}

	for (i = 0; i < menuData.length; i++) {
		menuItemData = menuData[i];
		
		ul += "<li>";
		ul += "<a href='" + menuItemData.url + "'>" + menuItemData.name + "</a>";
		
		if (typeof menuItemData.submenu != 'undefined') {
			ul += buildMenuHTML(menuItemData.submenu,level + 1);
		}
		
		ul += "</li>";
	}
	
	ul += "</ul>";
	return ul;
}

Here is how the function is called initially:
Code:

buildMenuHTML(test,1);

This is it's return value (with indentation added for readability):
Code:

<ul id='menu'>
  <li><a href='menu1.html'>Menu 1</a>
    <ul class='level2'>
      <li><a href='menu1subitem1.html'>menu 1 subitem 1</a></li>
      <li><a href='menu1subitem2.html'>menu 1 subitem 2</a></li>
    </ul>
  </li>
</ul>

'Menu 2' and 'Menu 3' don't show up! I'm sure it's something small that I'm overlooking, but any help would be appreciated.

overview:
from my javascript,
i call a function in the php block,
that function successfully retrieves a value from the database,
but when i pass that retrieved value back to the calling function....all is lost somehow.

when i test this code by itself, it works fine and gets the correct number.

<?php
mysql_select_db($database_connFtH, $connFtH);
$result = mysql_query("SELECT status_index FROM cpqc_status ORDER BY row_id DESC");
$row_result = mysql_fetch_assoc($result);
$index = $row_result['status_index'];

echo $row_result['status_index'];
echo $index;
echo "the value of index is ".$index;
?>

however, when i set this same code up as a function to be called upon globally, and to return the value of $index, it all just seems to "not work".

<?php
function runStatus() {
mysql_select_db($database_connFtH, $connFtH);
$result = mysql_query("SELECT status_index FROM cpqc_status ORDER BY row_id DESC");
$row_result = mysql_fetch_assoc($result);
$index = $row_result['status_index'];
return ($index);
} //end function runStatus()
?>

the calling function, with an alert box to check if the value of $index was passed down accurately

<script type="text/javascript">
var x = runStatus();
alert(x);
</script>

all i want to do is call a server-script function that deals with the database and gets me a value out of the database, and pass that value back to the calling function. can't figure out what is wrong. the "return($index)" should send back the value of $index. the call to that function should receive back a value and assign it to "x". and the alert(x) should spit it out with no problem. but......something is wrong and it won't work.

any ideas what is wrong?

it is my understanding that a function inside the php determants can be called upon from anywhere and that function can return a value.(?)

argh!! i think i know why Einstein's hair was always so messy!!

thanks,
Paul Williams

weather today in Kalispell, MT:
7 deg this morning, got a little snow last night, only about 6 or 8 inches, not much.
maybe more later.

Hi all we are in desperate need of a solution, we have tried and search different methods but none of us can figure it out.

Basically we need to find a word which is inside a class and display a link.

So something like this

find a word equal to "1 line custom"

then

display this <a href="/1-line-custom.htm">click here</a>

I'm not sure if this is really simple or not.

Any help would be much appreciated.

Thanks

Will

Code:

< input onClick = "someFunction()"  ../>
< input onClick = "someFunction()"  ../>

how to get those two elements into array, like with getElementsByName ?
Can this be done ?

I cannot get an address entered on a form to validate unless I leave out the space between the number and the street name. The second line of the function shows the characters that it will accept. Every way I tried to add a space to that list doesn't work.

function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}

(This is from a tutorial I'm studying to learn how to do validation. It seems strange that the folks who put this thing together don't know there's a space between the house number and the street name. Or does that only apply to my street?)

Any ideas,
J

So I am working on a project to take an integer that the user gives, and then get all the squares and cubes of all the numbers before that to the number given. It displays it in a text area. Maybe I am just lost for the moment, but It just prints the number that I give with the square root and cube instead of starting from 1, and ended on the integer I give.

Code:

var square_cube = function (){//This f

var number = parseInt($("maxbase").value);
	
	
	for (var i=1;i <= number;i++)	{
	
	
	var squ = Math.pow(i,2);
	} 
	
	
	var j;
	for (j=1;j<=number;j++) 
	{
	 
	var cub = Math.pow(j,3);
	
	}

	var message = i-1 + "  " +squ+ "  " +cub;

	$("powers").value = message;



}

Hi Everyone,

I am not able to figure out why the function "changeDiv(the_div,the_change)" is not called from the for loop in the function displayUsers(keeper)that I generated. The displayUsers is written to get rid of excess code in the function display(keeper).

Can someone, please point out what the mistake is?


Code:

function changeDiv(the_div,the_change)
{
  var the_style = getStyleObject(the_div);
  if (the_style != false)
  {
    the_style.display = the_change;
  }
}



function getStyleObject(objectId)
{
  if (document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else {
    return false;
  }
}



//Shows input information for # of users selected 

function displayUsers(keeper)
{
  var display=keeper;
  var i,user;
  for(i=1;i<= display;i++)
   {
      user="user"+i;
      changeDiv('user','block');
    }
} 


/*function display(keeper)
{
  if (keeper == 1)
  {
    changeDiv('user1', 'block');
    changeDiv('user2', 'none');
    changeDiv('user3', 'none');
    changeDiv('user4', 'none');
    changeDiv('user5', 'none');
    changeDiv('user6', 'none');
    changeDiv('user7', 'none');
    changeDiv('user8', 'none');
    changeDiv('user9', 'none');
    changeDiv('user10','none');


  }
  else  if (keeper == 2)
  ...
  ...
  ...
else
  {
    changeDiv('user1', 'none');
    changeDiv('user2', 'none');
    changeDiv('user3', 'none');
    changeDiv('user4', 'none');
    changeDiv('user5', 'none'); 
    changeDiv('user6', 'none');
    changeDiv('user7', 'none');
    changeDiv('user8', 'none');
    changeDiv('user9', 'none');
    changeDiv('user10','none');
  }

}// end function display(keeper)*/

Here's the code:

Code:

for (var i = 1; i < 5; i++)
    var pl = eval("player" + i)
    var namepl = eval("document.charInput.name" + i + ".value");
    var skillpl = eval("document.charInput.skill" + i + ".value");
    var genderpl = eval("document.charInput.gender" + i + ".value");
        switch (skillpl) {
            case "warrior":
                pl = new player(namepl, skillpl, genderpl, 20, 15, 0, 5, 5, 2, 2, 3, 3, 0, 0);
                logEntry("black", namepl + " is now a warrior.");
                break;
            case "mage":
                pl = new player(namepl, skillpl, genderpl, 15, 10, 20, 2, 5, 5, 5, 2, 3, 0, 0);
                logEntry("black", namepl + " is now a mage.");
                break;
            case "healer":
                pl = new player(namepl, skillpl, genderpl, 15, 10, 20, 2, 5, 5, 5, 2, 3, 0, 0);
                logEntry("black", namepl + " is now a healer.");
                break;
            case "archer":
                pl = new player(namepl, skillpl, genderpl, 20, 15, 0, 3, 3, 2, 2, 5, 5, 0, 0);
                logEntry("black", namepl + " is now an archer.");
                break;
        }
    }

Each player has three form values:
document.charInput.name1.value
document.charInput.skill1.value
document.charInput.gender1.value

In the case of the 2nd-4th player, it changes to name2.value, etc.

Based on these three inputs, I need to iterate through all four players and make the player object for each of them, as I've done above.

If anybody has any ideas on how to correct this or an alternative method, please help.

Hey,

I'm attempting to add functuallity to some code and have been having problems getting loops to create variables that are usable. I know the actual programming seems rather redundant as im creating a variable for each div then looping it to create each div, but it is the only way i can get it to work with other parts of the website.

So the actual code takes the variables defining the content of each div and uses the loop to actually produce the divs. I am having problems with the + "linkdiv" + x + part of the actual loop. however way i try to define the variable it simply prints the "linkdiv1" or "linkdiv2" ect... rather then referencing the earlier variable that was created and printing "div1". is this even possible in javascript? The whole whing works when i reference a variable directly, just not when i try to use a loop to create the reference for me. If i use a variable directly i get 5 of the same references rather than one of each reference which is not what i want.

please note thati define the colour1 and colour2 variables along with the rest of the actual code earlier in the function...

Code:

var linkdiv1="<p style=\"color:"+ colour1+"\">div1</p>"

var linkdiv2="<p style=\"color:"+ colour1+"\">div2</p>"

var linkdiv3="<p style=\"color:"+ colour1+"\">div3</p>"

var linkdiv4="<p style=\"color:"+ colour1+"\">div4</p>"

var linkdiv5="<p style=\"color:"+ colour1+"\">div5</p>"

<!----------------------------------------------------------------->
	
for (x = 1; x <= 5; x++)

{	

document.write("<div style=\""+colour1+"\" id=\"div"+x+"\">" + "linkdiv" + x + "</div>")

}

feel free to ask for more infomation or more code as im not even sure if this makes enough sense to answer the question. Having troubles writing this in a way thats easily understood as i had to take a lot of code that wasnt relevent out.

thanks...

Hi,
I hope someone can help me figure this out - it's been bugging me for a whole day now, and I can't seem to figure it out, and so far no Google research found this exact problem for me...

Situation:
I have a simple HTML page with one DIV element with the id "rotator". Inside that, JavaScript is supposed to create boxes that react to mouseovers.

The weird thing is: The whole script works, but ONLY on the LAST box I create, no matter what I do. I can manually add the mouseover code to any one of these boxes, but it will only take on the last one.
I can have JavaScript tell me the mouseover status of each box, and they all tell me they have code assigned correctly - but again only the last one works...

Here's the relevant code (yes, highly abbreviated, but it's the part that fails on me):

Code:

var maxBoxes = 10;

function initSite() {
  var rotator = document.getElementById("rotator");
  rotator.innerHTML = "";
  for (x = 0; x < maxBoxes; x++) {
    rotator.innerHTML +='<div id="myBox' + x + '"></div><div id="myDark' + x + '"></div>';
    // various other stuff about myBoxes[x] also in here, but not relevant to the issue I think
    
    applyMouseActions(document.getElementById("myDark" + x);

    debugOutput(document.getElementById("myDark" + x).id+"=" + document.getElementById("myDark" + x).onmouseover + "<br>", 1);
  }
}

function applyMouseActions(item) {
  if (!item) return;
  item.onmouseover = function(ev) {
    alert("does this work?");
    var thisNum = this.id;
    thisNum = thisNum.charAt(this.id.length-1);
    var tempBox = myBoxes[thisNum].boxOb;
    tempBox.style.background = "#fff";
  }
  item.onmouseout = function(ev) {
    var thisNum = this.id;
    thisNum = thisNum.charAt(thisNum.length-1);
    var tempBox = myBoxes[thisNum].boxOb;
    tempBox.style.background = "#aaa";
  }
}

initSite is called in the body onload. All kinds of other animation parts are implemented that work fine, just this mouseover won't work.
I have tried re-writing it in multiple different ways, including "xyz.onmouseover = myMouseCode" and then defining the function separately later - still no dice.

So, the code creates 10 boxes (0-9) and 10 boxes that are on top of them to create a form of shadow effect depending on the position of the original boxes. Since the "myDark" boxes are on top of the "myBox" boxes, I apply the onmouseover onto the "myDark" boxes, but it only works on "myDark9" and no other box.
They are all created the same way, the mouseover assigned the same way...
All I can do is shake my head at it, but that doesn't fix the issue, obviously ;-)

Any idea what else I can try?

Thanks!

I'm trying to make it so when you click a cell in a table it runs a function based on the value within that cell. With the current code, no matter what cell is clicked, the alert box displays the same number, which is the last number in my array. The variable, princ, is just being overwritten rather than writing code to each the cell with the proper value. Help is appreciated. Thanks.

Code:

for(i=0;i<=3;i++){
	document.writeln('<tr>');
	document.writeln('<th>'+(periodArray[i])+'</th>');
	for(j=0;j<=2;j++){
		princ = principleArray[j][i];
		document.writeln('<td onclick="(calculateInterest(princ,1,1))">$'+principleArray[j][i]+'</td>');
	}
	document.writeln('</tr>');
}

function calculateInterest(principle,rate,period){
	totalInterest = principle * rate * period;
	totalLoanCost = principle + totalInterest;
	alert('Total Interest: '+totalInterest+'\n'+'Total Loan Cost: '+totalLoanCost);
}

hi
i'd like to ask how can i ask for a function inside a for loop , if i remove the loop the code works fine but i need it for 10 rows . please help , here is the code
PHP Code:
$content .='        <table cellspacing="2" cellpadding="2" border="0" 
    align="center" >

    <SCRIPT LANGUAGE="JavaScript" type="text/JavaScript">
    function doCalcAndSubmit() {
// get both values
kolicina1 = document.forms["vlez1"].kolicina.value;
cena1 = document.forms["vlez1"].cena.value;

// do some calculation
vkupno1 = kolicina1 * cena1;

// set the value in the right field
document.forms["vlez1"].vkupno.value = vkupno1;
}
</script>
    <form id="vlez1" name="vlez1" method="POST" action="index_execute.php" >
    
        <tr valign="middle">
            <td></td>
            <td align="center"><b> Sifra : </b></td>
            <td align="center"><b> Kolicina : </b></td>
            <td align="center"><b> Cena : </b></td>
            <td align="center"><b> Vkupno : </b></td>
        </tr>
            ';

        for($t=1;$t<11;$t++)    {

$content .= '    
        <tr valign="middle">
            <td>'.$t.'.</td>
            <td><input type="text" id="sifra" autocomplete="off" name="sifra['.$t.']" align="middle" onblur="normalField(this);" onfocus="fireKeyListener_sifra(event); highlightField(this,1);" onkeyup="getList_sifra(event);" size="25" value="" /></td>
            <td><input type="text" id="kolicina" name="kolicina['.$t.']" align="middle" size="25" ></td>
            <td><input type="text" id="cena" name="cena['.$t.']" align="middle" size="25" onblur="doCalcAndSubmit();"></td>    
            <td><input type="text" id="vkupno" disabled name="vkupno['.$t.']" align="middle" size="25" ></td>    
                <input type="hidden" name="hidden_data" value="'.$data.'">
                
        </tr>';    }

$content .= '<tr>
            <td></td>
            <td></td>
            <td align="center"><input type="submit" id="submit2" name="submit2"    value="Potvrdi" ></td>
        </tr>    
        
    </form>
    
    </table>
    '; 

Hi,

I have a problem with my script, I have a php request and the result is shown in a div, so there is several divs and their id is the "id" in the database, and I want that if we click on a link, it hides every divs...


Here is how I tried to do that:

Code:

<script type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
targetElement.innerHTML = "" ;
}
</script>

Code:

$hide = "";
while($ligne=mysql_fetch_array($ress)){


$hide.= "visibilite('$ligne[id]'); ";


$return.= "<tr><td>$ligne[heure] - $ligne[fin]</td><td>$ligne[sport]</td><td>$ligne[salle]</td><td>$ligne[ville]</td><td>$dispo/$ligne[place]</td><td><div id=$ligne[id]>";

$return.= "<a href=# onClick=\"maFonctionAjax($ligne[id],$tennis); $hide return false\">Reserver</a>";

$return.= "</div></td></tr>";
}

Every div'id is the id in the database, with the onClick we call an ajax function and $hide which is the call for the function visibilite for each div

It works for some request, I don't know how is it possible because I can have the same number of results and sometimes it works, and sometimes not...

Does somebody can help me?

Thanks a lot!

Jeff