JavaScript - Html-like Comment Tags In Javascript???

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 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.

Hi,

I have a text area that I want to add simple html formatting buttons to.

The user should be able to:
- highlight text and click a 'bold' button
- highlight text and click 'itallic' button
- Add bulleted list
- Link

I've looked at a number of WYSIWYG javascript examples, but they seem to accept Microsoft Word formatting, which I dont want.

Okay, I am relatively new to Java and am going to be taking a class on it next fall. For now though, I am trying to code for a client I am currently working with and am hopelessly lost.

The client I am working with has an ecommerce site with Network Solutions which uses aspx. It allows you to code html and link to css, java (pretty much anything except php). The problem I am having is that they currently have their product descriptions coded in div tags:

<div id='alternatebg'>
<div id='detailsgreybox'><div id='alternatename'><p>Alternate Name</p></div></div>
<div id='pd2'><p>Not Available</p></div>
</div>

<div id='usebg'>
<div id='detailsgreybox'><div id='use'><p>Use</p></div></div>
<div id='pd3'><p>Chemicals</p></div>
</div>

What they want to happen is for the sections that have 'Not Available' as the answer to not show up on the live page. I have tried to use <ns:if condition="..."> but do not know how to call for it to see if the div says 'Not Available'.

Any help is greatly appreciated as I can not move forward until I can figure this out.

Dear All,

Here I am facing one issue, that I want to removing all html tags except BOLD,ITALIC,UNDERLINE & UL,LI.

Means if my data is like,

<b><i> Test Data </b></i>
<input type="text" name="test">
<script>
function test()
{
.............
}
</script>



Then I want the following output....

<b><i> Test Data </b></i>
function test()
{
.............
}



Means I need the data with tags BOLD,ITALIC,UNDERLINE & UL,LI not any else tags.....


I have tried with this
strInputCode.replace(/<[^>]+>/ig,"");

but its removing all html tas that i dont want

I'm using javascript to change the color of certain words in an html document. Right now it uses <font> to make the change. I would like to use a CSS class named "alert" from an external style sheet to make the change. I've tried multiple things but no luck (className="alert", setClassName="alert" )
What is the correct way to replace the font part with a CSS class?

Here is the working script:

Code:

<script type = "text/javascript">

window.onload = function (){
var text = document.getElementsByTagName('body')[0].innerHTML;
text = text.replace(/disabled/gi, "<font color=red>Disabled</font>" );
text = text.replace(/\blocked/gi, "<font color=red>Locked</font>" );
document.getElementsByTagName('body')[0].innerHTML = text;
}

</script>

Well after much trial and error I come asking for help. I am trying to write a greasemonkey script that scans a page for all the values between certain <td> tags. When I used firebug it shows what I am looking for as
<td class="username">THEUSERNAME</td>
but when I view the source it just shows up as
<td>THEUSERNAME</td>
I want to create an array of the 100 <td>'s on the page that pertain to usernames but none of the other <td>'s

I created a test page that mimicked the code, what I thought origionally, to be so I could test my script with ease. And it worked when there was an actually <td class="username">

This is what I have so far:

Code:

// ==UserScript==
//
//Displayable Name of your script 
// @name           EXAMPLE 
//
// brief description
// @description    EXAMPLE 
//
//URI (preferably your own site, so browser can avert naming collisions
// @namespace      http://something.com
//
// Your name, userscript userid link (optional)   
// @author         ME
//
//Version Number
// @version        1.0
//
// Urls process this user script on
// @include        http://example.com
// ==/UserScript==


var test = document.getElementsByClassName('username');

alert(test.length);
test[5].style.color="yellow"; //Just to see if it actually worked

How to I create the following code...

Code:

 #moving {
 	position:absolute;
 	float:right;
    top:100px;
    left:50px;
 }
  #movingword {
 	position:absolute;
 	float:right;
    top:0px;
    left:0px;
 }

... and this code ...


Code:

<div id="movingword">
	<font color="yellow"><font size="3"><b>This is the place</b></font><br>Welcome!</font>
	</div>

... programmatically using Javascript?

(I will need a X number of "movingwords" and "moving", where X is a number and examples are "movingwords0", "movingwords1", "movingwords2" ... movingwordsX)




Here the full code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<title></title>

<style type="text/css">
body {
    background-color:#000;
 }
#scenery {
 	position:relative;
 }
 
 #moving {
 	position:absolute;
 	float:right;
    top:100px;
    left:50px;
 }
  #movingword {
 	position:absolute;
 	float:right;
    top:0px;
    left:0px;
 }
</style>

<script type="text/javascript">

var t=125;
var l=20;
$(document).ready(function() {
	document.getElementById("movingword").style.top = t + "px";
	document.getElementById("movingword").style.left = l + "px";
});

</script>

</head>
<body>

<font color=white><h1> Hello World </h1></font>

<div id="scenery">
 <img src="http://www.deshow.net/d/file/travel/2009-10/new-zealand-scenery-738-20.jpg" alt="">
	<div id="moving">
	<img src="http://cdn1.iconfinder.com/data/icons/gloss-basic-icons-by-momentum/32/bullet-yellow.png" alt="">
	</div>
	<div id="movingword">
	<font color="yellow"><font size="3"><b>This is the place</b></font><br>Welcome!</font>
	</div>
</div>

</body>
</html>

Hi, I'm currently trying to get javascript to work with internet explorer. I managed to get one part of the translation file to work. It's a javascript to change some of the words on Facebook from English to Secwepemc (native american language). The original file works in Firefox and Chrome but not in safari. I knew it was because internet explorer has its own parameters. A file works completely for FF and chrome but not for IE. So, I changed the language a bit so that IE can understand it. Now I have one part of the translation working but not the others. I am wondering if it would be better to use ID's, names, and class all together to get the english words I want to change. I am using grease monkey for IE to use this script. I know firefox and chrome are much better but the plan is for everyone to use and some people still use IE. I know that if I have part of the words translating, then it must be the wrong identifiers. If someone can either help me find the right identifiers or if I missed changing syntax from FF and Chrome to IE, that would be amazing! Here is the javascript file.

Code:

var es = new Array();
es["Home"] = "Tsitcw";
es["News Feed"] = "Lexeyem";
es["Friends"] = "Kweselkten";
es["Like"] = "Xwexwisten";
es[" likes this."] = " r xwexwistes.";
es["Today"] = "Pyin Te Sitqt";
es["Say hello."] = "Say weytk.";
es["Say hi."] = "Say weytk.";
es["Tomorrow"] = "Pexweyt";
es["What are you planning?"] = "Me7 Stemi ke7 tsuwet?";
es["Where?"] = "T'he7en";
es["Who's invited?"] = "Sweti7?";
es["What's on your mind?"] = "Stemi ke7 peti'nesme?";

function loadSecwepemc() {
	var fbelem = document.getElementsByTagName('a');

	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.innerText in es) {
		thisElem.innerText = es[thisElem.innerText];
	    }
	}

	var fbelem = document.getElementsByTagName('span');

	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.innerText in es) {
		thisElem.innerText = es[thisElem.innerText];
	    }
	}

	var fbelem = document.getElementsByClassName('ego_social_context');

	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.innerText in es) {
		thisElem.innerText = es[thisElem.innerText];
	    }
	}


	var fbelem = document.getElementsByTagName('input');
	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.getAttribute('placeholder') in es) {
		thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
	    }
	    if (thisElem.getAttribute('value') in es) {
		thisElem.setAttribute('value',es[thisElem.getAttribute('value')]);
	    }
	}

	var fbelem = document.getElementsByTagName('textarea');
	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.getAttribute('placeholder') in es) {
		thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
	    }
	    if (thisElem.getAttribute('title') in es) {
		thisElem.setAttribute('title',es[thisElem.getAttribute('title')]);
	    }
	    if (thisElem.innerText in es) {
		thisElem.innerText = es[thisElem.innerText];
	    }
	}

	var fbelem = document.getElementsByTagName('h3');
	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.innerText in es) {
		thisElem.innerText = es[thisElem.innerText];
		thisElem.attachEvent( "onClick", loadSecwepemc());  // capture phase
	    }
	}

	var fbelem = document.getElementsByTagName('h2');
	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.innerText in es) {
		icon = thisElem.childNodes[0]
		thisElem.innerText = es[thisElem.innerText];
		thisElem.appendChild(icon)
	    }
	}
}

loadSecwepemc();

function changedNode(e) {
	var fbelem = e.target.getElementsByTagName('a');

	for (var i = 0; i < fbelem.length; i++) {
		    var thisElem = fbelem[i];
		    if (thisElem.innerText in es) {
		    		thisElem.innerText = es[thisElem.innerText];
		    	    }
		}

	var fbelem = e.target.getElementsByTagName('span');

	for (var i = 0; i < fbelem.length; i++) {
		    var thisElem = fbelem[i];
		    if (thisElem.innerText in es) {
		    		thisElem.innerText = es[thisElem.innerText];
		    		thisElem.attachEvent( "onLoad", loadSecwepemc());  // capture phase
		    
		    	    }
		}
		
	var fbelem = e.target.getElementsByClassName('ego_social_context');

	for (var i = 0; i < fbelem.length; i++) {
		    var thisElem = fbelem[i];
		    if (thisElem.innerText in es) {
		    		thisElem.innerText = es[thisElem.innerText];
		    	    }
		}



	var fbelem = e.target.getElementsByTagName('input');
	for (var i = 0; i < fbelem.length; i++) {
		    var thisElem = fbelem[i];
		    if (thisElem.getAttribute('placeholder') in es) {
		    		thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
		    	    }
		    if (thisElem.getAttribute('value') in es) {
		    		thisElem.setAttribute('value',es[thisElem.getAttribute('value')]);
		    	    }
		}
	var fbelem = document.getElementsByTagName('textarea');
	for (var i = 0; i < fbelem.length; i++) {
	    var thisElem = fbelem[i];
	    if (thisElem.getAttribute('placeholder') in es) {
		thisElem.setAttribute('placeholder',es[thisElem.getAttribute('placeholder')]);
	    }
	    if (thisElem.getAttribute('title') in es) {
		thisElem.setAttribute('title',es[thisElem.getAttribute('title')]);
	    }
	    if (thisElem.innerText in es) {
		thisElem.innerText = es[thisElem.innerText];
	    }
	}

	var fbelem = e.target.getElementsByTagName('h3');
	for (var i = 0; i < fbelem.length; i++) {
		    var thisElem = fbelem[i];
		    if (thisElem.innerText in es) {
		    		thisElem.innerText = es[thisElem.innerText];
		    		thisElem.attachEvent( "onClick", loadSecwepemc());  // capture phase
		    	    }
		}

	var fbelem = e.target.getElementsByTagName('h2');
	for (var i = 0; i < fbelem.length; i++) {
		    var thisElem = fbelem[i];
		    if (thisElem.innerText in es) {
		    		icon = thisElem.childNodes[0]
		    		thisElem.innerText = es[thisElem.innerText];
		    		thisElem.appendChild(icon)
		    	    }
		}
}

document.attachEvent('onNodeInserted', changedNode());

How do I replace the string "rpg" only present in between <et> tags ?


Code:

<et>ReplaceOnlyrpg</et>

After replacement it should look like this

Code:

<et>ReplaceOnly</et>

Any advice is appreciated. Thank you

favorite


I'd like to modify a form on www.formsite.com (form builder app):

username: testuser password: password

I would like to use the nicedit.com's inline content editor's js to transform my textarea's into a richtext area. At present the nicedit editor works well in creating the richtextarea. However, the KEY point is that I would like formsite's form to pipe in the the created html and render it with the html component of formsite. Currently, the pipe function in formsite will only put out the html syntax in it's html module.

action seen he http://fs8.formsite.com/testform/form1/index.html

So this would be: 1. checking out my form on formsite.com 2. the script from nicedit.com is already installed in an html component. 3. changing or telling me the scripts/tags/or whatever for formsite form using formsites form builder (which allows some html/script editing). 4. changed so as to render the rich text entered on page 1 in page 2 instead of the html syntax.

Any other solutions using formsite and any other richtextarea solutions would be great too!

Hi Guys,
I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled!
I create the following code but it did not work

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script language="JavaScript" type="">
function changeColor(){
document.bgColor = "Gray";
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var person = "";
person = prompt('What is Your Name:');
if (person == "Foo") {
document.write("<h1 />Welcome " + person);
document.bgColor = "Yellow";
}
else {
document.write("<h1 />Access Denied!!!!");
document.bgColor = "Red";
document.getElementById("gree").disabled = true;
}
</script>

<div>
<p/><input id="gree" type="button" value="Gray " onClick="changeColor();">
</div>
</body>
</html>

as you can see I used the:
document.getElementById("gree").disabled = true;
but it did not work , could you please give an idea how I can solve this problem?
Thanks

what's the fastest or easiest way to get all comment nodes into an Array?

the solution only needs to work in ie8/w3 if that helps.

Hi I am creating a help page on my website and I am putting a form on there in case users wish to leave any feedback/suggestions. Now, I am using JavaScript to try and solve this. What I want is a form box, which when the submit button is clicked, it creates a new div box underneath the form (or existing comment div) and updates the site this way. At first I would like to just get the functionality of the div being created and updated, then I will imrpove/add my form inputs etc.

Here is what code I have so far:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
      <title>template</title>
<meta name="description" content="Brief description of the page" />
<meta name="author" content="Thomas S. P. Vasey" />

<style type="text/css">



label {width: 7em;
       float: left;
	   text-align: right;
	   margin-right: 1em;
	   margin-left: 1em;
	   display: block;
	   text-decoration: underline;
	   font-family: century gothic;
	   font-size: 10pt;
	   font-weight: bold;}
	   
fieldset {background-color: gray;
          width: 50%;
		  color: #f7852c;
		  display: inline;
		  border: 0pt;}
		  
legend {color: black;
        border: 1px solid #000000;
		font-size: 14pt;
		padding-left: 1em;
		padding-right: 1em;}
		
textarea {border: 1pt solid black;
          background-color: #f7852c;}
		
input {border: 1pt solid black;}

input[type="text"] {background-color: #f7852c;}
input[type="button"] {background-color: #f7852c;
                      font-family: century gothic;
					  border: 2px solid black;
					  padding: 0.5%;
					  margin: 2%;}
input[type="reset"] {background-color: #f7852c;
                     font-family: century gothic;
					 padding: 0.5%;
					 border: 2px solid black;
					 margin: 2%;}

input:focus {background-color: #80b7ff;}
textarea:focus {background-color: #80b7ff;}

</style>
<script type="text/javascript">
function printOut() {
     var alias = document.form1.username.value;
	 var comment = document.form1.comments.value;
	 
	 document.write('<div class="output">' + alias + '</div>');
	 document.write('<div class="output">' + comment + '</div>');
}
</script>
</head>
<body>

<form action="" name="form1" method="">
     <fieldset>
	     <legend>[A!B]Attitude Brothaz Feedback</legend>
		 <p>
		     <label for="username">Name/Alias:</label>
			 <input type="text" name="username" maxlength="25" size="20" />
		 </p>
		 <p>
		     <label for="comments">Comments:</label>
		     <textarea name="comments" rows="5" cols="40"></textarea>
		 </p>
		 
		 
		 
		 <input type="button" value="Submit Post" onclick="printOut()" />
		 <input type="reset" value="Reset Form" />
	 </fieldset>
</form>

</body>
</html>

I hope someone can help me achieve this, I believe I am going in the right direction with it, just need some guidance.


Thank you for your time,

Regards,

LC.