JavaScript - Help Needed Extracting Title From Td Please

I need to extract a particular part of a string:

Code:

var str=(document.images('flag').src);
<img id="flag" src="../../../../img/ip/041-080/049p.png">

I only want the "041-080/049" part.

It needs to be read from the right, not the left because the preceding left part will vary in length.

How do I approach this?

I'm trying to get some average rgb values from an image in one canvas object and apply them via fillstyle to a rectangle in another canvas object.

I have a dropdown that loads an image onChange()="ChangeBaseWood()" into a canvas object. The second canvas object is to be filled with an average color based on the content of the first canvas onClick="GetBaseColor()". For simplicity I've replaced the for loop with just the values of pixel 0,0. Where I think I am assigning the rgb values, the error console keeps reporting that var sample is undefined at the line "var redpart = sample[0].

Code:

function ChangeBaseWood(){
	var dropdown = document.getElementById('woodvalue');
	var woodcanvas = document.getElementById('basewood');
	var woodctx = woodcanvas.getContext('2d');
	var woodimage = new Image();
	woodimage.onload = function(){
		woodctx.drawImage(woodimage, 0, 0,256,256);
	};
	woodimage.src = dropdown.value;
};

function GetBaseColor(){
	var woodcanvas = document.getElementById('basewood');
	var woodctx = woodcanvas.getContext('2d');
	var sample = woodctx.data
	var redpart = sample[0];
	var grnpart = sample[1];
	var blupart = sample[2];
	var staincanvas = document.getElementById('stainbase');
	var stainctx = staincanvas.getContext('2d');
	stainctx.fillStyle = 'rgb('+redpart+','+grnpart+','+blupart+')'; 
	stainctx.fillRect(0,0,256,256); 	
};

I've tried various things to assign the redpart,grnpart and blupart but I'm missing something basic.

Many Thanks

Hiya!
Trying to figure out how to use javascript to extract all links on a page that have a certain class:

e.g. - extract only links with a class of 'tools', ignore all other links:
Code:

<a href="http://www.google.com" class="tools">Search</a>
<a href="http://www.tripod.com" class="grapes">Searched</a>
<a href="http://www.dogpile.com">Searches</a>

Any help would be appreciated, I'm guessing I probably have to use something like getelementbyclass("tools")?

Hi,

I have a bit of a problem and as my javascript is a rather poor I'm struggling to come up with a solution. Basically I need to split the variable "#country" into two parts and call the second half as the "this" value for '#int-dc'. Using '+' as the start point end ending at the end of the string.

For instance 'this' returns 12+44 I want to split it to "12" and "+44" the latter (+44) replacing 'this' in the code below.


Code:

 $(function() { 
  $("#country").change(function() { 
	$("#int-dc").val
		($(this).val());
  });
});

Thanks in advance.

From this string:
"(EVAL)(H:somestring)Other Text here"

I need to extract (H:somestring) and somestring into variables where somestring will could be and set of characters.

Below is not working.


Code:

<script type="text/javascript">
var x = "(EVAL)(H:pines)Some other Text here";
alert(x.match(/H\:(.*?)/g));	
</script>

Thanks for any help or information.

I have the following string "d3-23-76-546"

I'm looking for a regular expression that will match everything in this string before 546 so that I can replace it with an empty string and just be left with 546. The string could be of any length and contain any number of hyphens.

Hello all,

this is my first posting and I am happy to have found this forum :-)

I have the following question:

Is it possible to extract information which is located in a predefined area on the screen from a java platform?

For example, there is java based platform which I can see on my screen.
This platform contains numbers/letters.

The location of these numbers/letters does not change, i.e. the script would not need to be adjusted if the field, which contains the info, would move.

Lets assume the screen would look like that:


1234 I 12.20

Love I 1.30

Lake I 32.00


The info between the fields would be clearly separated.
Now I would like to extract the infos from all the fields and paste the info for example in EXCEL so that I can see "Valerie12345" in .xls field A1 / 12.20 in A2 / Love in B1 etc...

Does anybody of you know if that is possible to extract?

Thank you very much in advance,

Valerie

Hi there,

I am trying to extract all of the values from the 5th column (Assignee) in this HTML table http://bugzilla.maptools.org/buglist...icksearch=test and don't know how to proceed.

Is there a clever way of getting the entire col class: <col class="bz_op_sys_column"> before putting into an array.

thanks, kev

EDIT: Great...I already screwed up the title. It's not a div class but anchor class :s

I've got previous programming experience but unfortunately none with javascript. I was hoping to get Fancybox working on my website. It actually is already but there's a small problem with dynamic varibles I haven't been able to resolve. I've described the problem in the comment line in the code section. Must be a really simple solution, after all I'm a complete js noob. Note that I've simplified the code by removing parts unnecessary in understanding what I'm after.

Code:

<html>
<head>
<script type="text/javascript">
		$(document).ready(function() {
			var title1 = "This is title no 1",
			title2 = "This is title no 2",
			title3 = "This is title no 3";
		$("a#example_video").click(function() {
				$.fancybox({
					'title' : 'title' + this.className.replace("video", "")
					// "title" should equal to "title1", "title2" or "title3" depending on which link a user has clicked. How to accomplish this?
</script>
</head>
<body>
<a class="video1" id="example_video" href= .....>Video1</a>
<a class="video2" id="example_video" href= .....>Video2</a>
<a class="video3" id="example_video" href= .....>Video3</a>
</body>
</html>

Also the only reason for using classnames on anchors is to be able to distinguish between different video clips. Is there a better method I should use?

Hello,

I'm working on a project that involves extracting values from a series of select boxes and then working out the result.

The select boxes contain the following:
Code:

<select name="select_Col1_Row1">
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="red>Red</option>
</select>
<select name="select_Col1_Row2">
<option value="blue" selected="selected">Blue</option>
<option value="green">Green</option>
<option value="red>Red</option>
</select>
<input type="text" name="RedSum">
<input type="text" name="BlueSum">
<input type="text" name="GreenSum">
</select>

As you can see by my code, I'm early days at this and guessing the steps on the way. I tried using getElementsByTagName on the select and then on the option but had no luck with that. The code below does a wonderful job of returning blue for both select statements...

Code:

<script type="text/javascript">
function getElements()
  {
  var table = document.getElementById("x");   
  var x = table.getElementsByTagName("option");
  for (var i = 0; i < x.length; i++) {   
    var status = x[i].getAttribute("selected");
	alert(status);
    if (status == "selected") {
      var statushcap = x[i].getAttribute("id");
      var statusvalue =x[i].getAttribute("value");
      if (statusvalue == "blue") {
        alert(statusvalue);
      }
    }

  }
  
  alert(x.length);
  }
</script>

If someone could suggest some way to map the select tag and then extract its option value to being the user selected value, I'd most appreciate it. I can probably do the rest of it. Can you extract additional information from the id of the option that is selected as I'd like to sum additional information from the user's choice.

Best,

John

hi.
how can i get the value of title of<td> on onmouseover function.

something like that.
Code:

<td title="mytitle" onMouseOver="func(this.title);"></td>

can i do this.
plzzzz help me

Right then!

I have a drop down list. The titles are really long. What I want to happen is, end user to click on a selection, i.e.

"This is a really really long title"

And then by the power of voodoo just the abbreviated is shown in the field.

"TIARRLT"

Can this be done by JUST HTML? Or am I looking at some JS here? If anyone could point me to a tutorial that would be great. Or if you have the code you don't mind sharing... amazing!!!

Thanks all!

Hello All,

I am having a few issues. I have added a piece of code in and it doesn't seem to be working. I have highlighted this in bold. Any Ideas?

<html>
<body>
<SCRIPT LANGUAGE="JavaScript">
<head>
<TITLE>Find the Correct Number Game</TITLE>
</head>


a=(prompt('please enter your name:',0)); // prompt for player name

document.write(' Hello ' ,a);


var guessme=Math.round(Math.random()*(49)+1);
var speech='Choose a number between 1 and 50';

function process(hiddennumber) {
var guessnumber=document.forms.guesstable.guessnumber.value;
var speech='"'+guessnumber+ '" Letters are not allowed. Please enter digits only!.';
document.forms.guesstable.guessnumber.value='';

if (guessnumber==hiddennumber)
{
document.forms.guesstable.prompt.value='Congratulations! '+hiddennumber+' is correct!';
alert ('Well done - the mystery number is '+hiddennumber+'! \n\nIf you want to play again click the button.');
speech='';
document.location=document.location;
}

if (hiddennumber<guessnumber)
{
speech='Less than '+ guessnumber;
}

if (hiddennumber>guessnumber)
{
speech='Greater than '+ guessnumber;
}

if (guessnumber=='')
{
speech='You didn\'t guess anything!'
}

document.forms.guesstable.prompt.value=speech; document.forms.guesstable.guessnumber.focus();

}


</SCRIPT>
</body>
</html>

<FORM onSubmit="" NAME="guesstable">
<CENTER>
<TABLE ALIGN="left" BGCOLOR="#888889" BORDER="5" CELLPADDING="5">
<TR>
<TD BGCOLOR="#004081">
<FONT COLOR="#ffffff" FACE="Arial"><B>Find the Correct Number</B></FONT>
</TD>
</TR>
<TR>
<TD>
<CENTER>
<INPUT TYPE="text" NAME="prompt" SIZE="31" MAXLENGTH="60" VALUE="Find the correct number which is between 1 and 50"><BR>
<INPUT TYPE="text" NAME="guessnumber" SIZE="3" MAXLENGTH="3" VALUE="">
<INPUT TYPE="button" VALUE="Enter" onClick='process(guessme)'>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</FORM>

How to add title to options in Select box , where the options are generated from the data base.
Any idea

I found this code in another thread... basically, I need to be able to display a certain image based on the page's title... for instance if the title is: Lotus 7, I need image lotus.jpg to display in an element on the page, however, if the title is Bodhi 9, I need image bodhi.jpg to display in the same element. Can someone help me implement this code?

Code:

var imgs = new Array();

imgs[0] = new Array();
imgs[0][0] = "Research";
imgs[0][1] = "bluetabs_01";
imgs[0][2] = "greentabs_01.gif";

imgs[1] = new Array();
imgs[1][0] = "Information"
imgs[1][1] = "bluetabs_02";
imgs[1][2] = "greentabs_02.gif";

Code:

var title = document.title;
for (var i=0;i<imgs.length;i++){
  if (title.indexOf(imgs[i][0])!=-1){
    document.images[imgs[i][1]].src = imgs[i][2];
    break;
  }
}