JavaScript - Extracting Data By Tags

would it be better to place the javascript into a .js file or just place the js code somewhere else in the html? How should it look?

Code:

 <div style="width: 225px; height: 155px; float: left; height: 16px; background-color: #000000; color: #FFFFFF; margin-left: 0px; margin-bottom: 0px; font-size: small; padding-left: 0px;">
	&nbsp;<img alt="" src="images/news.png" height="16" width="222" /><div style="width: 225px; height: 155px; float: left;"><script type="text/javascript">// <![CDATA[if(document.layers){document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><div id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></div></ilayer>')}
if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed"><div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');} // ]]></script>
</div></div>

Hi,

I'm pretty new to Javascript, by about two weeks, I'm looking for help with a problem I have with the following....

<td title='text1;text2;text3'>text4</td></tr>

I'm trying to display text1-3 in a table cell on a rotation, I have this to count through the cells to get to the relevent one...

[CODE]
function rotateCell() {
var delayed = document.getElementsByTagName('td'); //.title.split(';');
for (var i=24;i<24;i++)
[CODE]

This should allow me to identify the location/cell 24 but can some one tell me how I then extract the tittle data and have them alternate within the cell?

I'm not allowed to edit the HTML.

Very gratefull for any help

PeteW

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?

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

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.

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

I'm looking for something that allows me to add tags to a photo like this website:

http://fukung.net

By clicking add tag it opens a input box and once added adds to a DB. How would I do something along those lines?

Hi, hope someone can see an answer here. I have 4 div tags which are hidden to begin with from the css as shown below:
Code:

#story1 {float:left;width:100%;display:none;background:#333;color:#fff;vertical-align:top;}
#story2 {float:left;width:100%;display:none;background:#333;color:#fff;vertical-align:top;}
#story3 {float:left;width:100%;display:none;background:#333;color:#fff;vertical-align:bottom;}
#story4 {float:left;width:100%;display:none;background:#333;color:#fff;vertical-align:bottom;}

The contents of these is pulled out of a db and so the quantity of text changes (within certain parameters) and so the size of the divs changes, hence no height: setting.

I know I could get around this by setting an absolute height and using overflow to show a scrollbar but I would rather not have a scrollbar as the amount of text will only be 100-200 words.

Elsewhere I have used the following script to equalise div tags

Code:

if (document.getElementById("member1").offsetHeight < document.getElementById("member2").offsetHeight){
		document.getElementById("member1").style.height = document.getElementById("member2").offsetHeight + "px";
	}
	else {
		document.getElementById("member2").style.height = document.getElementById("member1").offsetHeight + "px";
	}

I tried this for my div tags but because they initially start with display:none it sets the height of them to zero. Is there a simple way to make all of these the same height whilst they are hidden?

Where to put the <ol>&&</ol> tags so everytime i run the javascript it numbers each indivdiual items which the javascript is looping.
Code:

 <table  border="2"table align="center" cellpadding="40">
  <tr>
    <th width="80%"> Questions & Time</th>
    <th>Status</th>
  </tr>
   <tr>
    <td><% for (int i=0; i < theList.size(); i++) {%>
   <tr>
   <td><%= theList.elementAt(i)+ " " + theTime.elementAt(i) %>
  <% }%>
   </td>
     <td>Where is the pending goes:</td>
  </tr>
  <tr>
  </table>

I have the following HTML code:

Quote:
<form id="registration" action="/cgi-bin/registration.cgi" method="POST" onsubmit="return control()">
<fieldset>
<legend>Legend 1</legend>
<label>......</label> <input ..../><br/>
<label>......</label> <input ....onclick="return orgreg()"/><br/>
</fieldset>
<fieldset>
<legend>Legend 2</legend>
<label>......</label> <input ..../><br/>
<label>......</label> <input ..../><br/>
<label>......</label> <input ..../><br/>
<label>......</label> <input ..../><br/>
<label>......</label> <input ..../><br/>
</fieldset>
........
........
and the following javascript code:
Quote:
function orgreg() {

if (document.getElementById) {
alert(document.getElementById("registration").firstChild);
}

}
The output of alert window is [Object Text].
My question is: first child is first fieldset tag or not.
Because I want insert (with insertBefore) an other fieldset block after first child.

I'm using forum with bb rich text editor, the problem that sometimes when a user copy and paste content, there ere extra codes that are not supported like:

Code:

[highlight=#ff0000][/highlight] 
[blockquote][/blockquote] 
[CENTER ALIGN=CENTER][/CENTER ALIGN]

Can you help me to write a script that automatically reformat the html content when pasted and only keeps specified tags like [img],[url],[b], defined in array ...

If it is not possible to reformat content when paste, I can add a button to the editor and call that function to format the content and return plain text with a specific tags.

I tried this script:
Code:

function removeHtmlTag(strx){ 
	if(strx.indexOf("[")!=-1)
	{
		var s = strx.split("["); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf("]")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf("]")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	return strx+''; 
}

It made to strip html tags, I replaced <> with [], It removes all tags and don't put space instead of the removed tags,

example: Code:

hello[h1]Name[/h1]

Will be like : helloName ???

I got an idea to make a stupid trick, like converting [IMG] to {IMG} and run that function and re convert {IMG} to [IMG] ...

Please help, I'm not good in Regular Expressions.

Thanks for your time,
Regards.

Hello there,

I have one drop down list having some characters name. I have created this list dynamically using javascript. I have <h3> tag in html having same characters' name using that I had created drop down list. There are <blockquote> along with <h3> tag which is speech of that character. I have to generate the javascript in such a way that, if character "A" is selected and sppech belong to that character should be visible.

Is any one help me? my following code able to match <h3> tags and hiding it but not working properly.

Please help me out.

Code:

function selectedOption()
{
	var indx = newSel.selectedIndex;
        var selectedText = newSel.options[indx].text;
	
	h3Tag = document.getElementsByTagName("h3");
	
	var nestedH3;
	//alert(h3Tag);
	bQuote = document.getElementsByTagName("blockquote");
	
	for(var i=0; i<h3Tag.length; i++)
	{
		tagName[i]=h3Tag[i].innerHTML;
		if(selectedText != tagName[i] && selectedText != "Show All Lines")
		{
			//alert("Char: "+tagName[i]);
			 h3Tag[i].style.display = "none";
			bQuote[i].style.display = "none";			 
		}	
		else if(selectedText == "Show All Lines")
			h3Tag[i].style.display = "block";
	}
}

I am trying to replace all newline characters with <br /> tags. The following two javascript functions that I've found, work in Firefox but do not work in Internet Explorer (I have version 7 installed on my machine).

I would really appreciate any pointers on how to get this done.

Thank you!
Joe

PS: I am using jQuery to call these functions. And this is how my JSP page looks like.
Code:

<html>
<head>
<title>New Line Replacement</title>
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function replaceNewLine(myString) {
	var regX = /\r\n|\r|\n/g;
	var replaceString = '<br />';
	return myString.replace(regX, replaceString);	
}
$().ready(function(){
	$(".replace-text").each(function(i) {
		var sBody = $(this).html();
		$(this).html(replaceNewLine(sBody));
	});
});
/*
function nl2br(text){
	text = escape(text);
	var re_nlchar;
	if(text.indexOf('%0D%0A') > -1){
		re_nlchar = /%0D%0A/g ;
	}else if(text.indexOf('%0A') > -1){
		re_nlchar = /%0A/g ;
	}else if(text.indexOf('%0D') > -1){
		re_nlchar = /%0D/g ;
	}
	return unescape( text.replace(re_nlchar,'<br />') );
}
*/
</script>
</head>
<body>
<div class="replace-text">${model.paraOne}</div>
<div class="replace-text">${model.paraTwo}</div>
</body>
</html>