|
JavaScript - How To Replace A Specific String Present In Html Tags Using Regex?
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 Similar TutorialsWell 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
This functions should replace uppercase chars with bold and lowercase with italic. It should return: Big Bad wolf, Small red ball - HI Unfortunately there's something wrong with it and I'm getting this: Big Bad wolf, Small red ball - HI Not sure what 's wrong. Code:
function replaceIt(mystr){
var str = "Big Bad wolf, Small red ball - HI";
var tmppicstr = "";
var tregex = /[^a-zA-Z\s-,\/]/;
var lccheck = /[:lower:]/;
var ltcheck = /[a-z]/i;
if(tregex.test(str) == true){
return str;
} else {
for(var x=0;x<=str.length;x++){
var tmpchar = str.substring(x, (x+1));
if(ltcheck.test(tmpchar) == true){
if(lccheck.test(tmpchar) != true){
tmppicstr = tmppicstr + "<b>" + tmpchar + "</b>";
}else{
tmppicstr = tmppicstr + "<i>" + tmpchar + "</i>";
}
}
if(tmpchar == " ") tmppicstr = tmppicstr + (" ");
if(tmpchar == ",") tmppicstr = tmppicstr + ("<b>" + tmpchar + "</b>");
if(tmpchar == "-") tmppicstr = tmppicstr + ("<i>" + tmpchar + "</i>");
if(tmpchar == "/") tmppicstr = tmppicstr + ("<b class='sl'>" + tmpchar + "</b>"");
}
}
return tmppicstr;
}
Greetings, I am having trouble finding any examples to help me strip everything up to a certain character (the hypen) in a url. Hypothetical example below, as I only know how to accomplish this using a literal only for one url at a time but I need this for changing urls: Code: <script language="JavaScript"><!--
var temp = new String('http://www.site.com/abc_123_abc_-1379820930');
temp = temp.replace("http://www.site.com/abc_123_abc_-", '');
document.write(temp);
//--></script>
And I am hoping to be left with the series of numbers on the end. Any help is greatly appreciated. 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>
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. Hello all I have search this topic but I can't really get a straightforward answer. I have been given a small assignment to make 4 checks. I'm not looking for handouts, the assignment itself is complete, but I just have this single problem. Check 1: make sure a radio button is checked (no problem) Check 2: make sure a string does not contain restricted characters (no problem) Check 3: make sure a string is of numbers only (issue 1) Check 4: make sure a string follows a certain format (issue 2) My problem lies with the <string>.value.search(/\D/) and <string>.value.search(/\d/). Dreamweaver does not want to recognize this as valid code. In turn, checks 3 and 4 do not execute. I have checked and re-checked for possible syntax errors, to no avail. I will attach my entire code and a screenshot of how Dreamweaver is handling my code. Code: <html>
<head>
<title>Payment Form</title>
<script type="text/javascript">
function errorCheck()
{
//start card must be checked
if ((document.form1.pmtType[0].checked == false) && (document.form1.pmtType[1].checked == false) && (document.form1.pmtType[2].checked == false) && (document.form1.pmtType[3].checked == false))
{
window.alert("Please select one of the credit cards")
return false
}
//end card must be checked
//start name character check
badChar = ";:!@#$%^*+?";length = badChar.length;
for (i=0; i<length; i++)
{
if (document.form1.Name.value.indexOf(badChar.charAt(i)) != -1)
{
window.alert("The name you entered contains illegal characters (;:!@#$%^*+?). Please re-enter your name")
document.form1.Name.focus()
document.form1.Name.select()
return false
}
}
//end name character check
//start card check for digits only
if (document.form1.card.value.search(/\D/) != -1)
{
window.alert("Your bank account number should consist of digits only")
document.form1.card.focus()
document.form1.card.select()
return false
}
//end card check for digits only
//start exp date validation
var xmonth;
if (document.form1.date.value.search(/\d\d\/\d\d\d\d/) == 0) //proper format
{
xmonth = document.form1.date.value.charAt(0) + document.form1.date.value.charAt(1)
if (xmonth<01) || (xmonth>12)
{
window.alert("Please enter a value between 01 and 12 for MM")
document.form1.date.focus()
document.form1.date.select()
return false
}
else
{
return true
}
}
else
{
window.alert("Please enter the date in proper format MM/YYYY")
document.form1.date.focus()
document.form1.date.select()
return false
}
//end exp date validation
return true
}
</script>
</head>
<body>
<h1>Payment</h1>
<form name="form1" onSubmit="return errorCheck()" action="mailto:johndoe@address.com" method="post">
<p>
Credit card:
<input type="radio" name="pmtType" value="Visa">Visa
<input type="radio" name="pmtType" value="MasterCard">MasterCard
<input type="radio" name="pmtType" value="American Express">American Express
<input type="radio" name="pmtType" value="Discover">Discover
</p>
<p>
Name on Credit Card:
<input type="text" name="Name" size="50">
</p>
<p>
Credit Card Number:
<input type="text" name"card" size="20" maxlength="20">
(No spaces or dashes, please)
</p>
<p>
Expiration Date:
<input type="text" name="date" size="7" maxlength="7">
(MM/YYYY)
</p>
<p>
<input type="submit" value="Submit">
</p>
</form>
</body>
</html>
Thanks in advance, Matt i am trying to make an online graphing calculator with javascript. dont ask how because i dont know. but there is an annoying error in a do...while loop. although it should break out of the loop when the |'s (absolute value signs) are replaced with Math.abs( and ). here is the code. Code: var initec = function(){
var rg = {
}
;
rg.matc = false;
rg.i = 0;
rg.change = function(equ){
if (typeof(equ) != "string"){
alert('Equation must be a string');
return;
}
alert("starting equation: "+ equ);
rg.i = 0;
do{
rg.matc = equ.match(/\|/);
if(rg.i === 0){
equ.replace(/\|/, " Math.abs(");
rg.i = 1;
alert("1 "+equ);
}
else {
equ.replace(/\|/, " ) ");
rg.i = 0;
alert("0 "+equ);
}
}while(rg.matc)
alert("finished equation: " + equ);
}
return rg;
}
rg=initec();
rg.change("|8/x+7|-2");
the last 2 lines and the alerts are for debugging. as you can see, it is not finished. but still, it should work. Hi, I'm fairly new to javascript as well as brand new to these forums. I have a question that I'm sure has a simple answer but I either can't get my head around it or I'm just too unfamiliar with string methods. I'm trying to replace all instances of "&" with its alt code "&" in a string. Below is my code.. Code: Match = subText.indexOf("&");
while (Match != -1)
{
subText = subText.replace( "&", "&" )
Match = subText.indexOf("&");
}
The problem here is that an ampersand will always exist in the string if there was one originally and I get an infinite loop. Would anyone know of a way around this? Thank you. I would like to replace all the characters within a string with asterisk using javascript. Ex: If i have a string "test123". Replaced string should be "*******". Could you please let me know how i can implement this using Regex within javascript. Can some one help me, I want to replace the characters from a string and I have tried with this script: Code: var v5=form.description.value.replace(/#/, "%23"); But it only changes the first character from the string. Turning #### into %23### but I want them all transformed. hello, I'm trying to build a simple function to append and replace an argument in a query string, for example, if my url was like; www.domain.com/page.php?test=123&blah=abc and I want to add on qty=5 like; www.domain.com/page.php?test=123&blah=abc&qty=5 ok, no problem there, however if I now want to update that to qty=6, i get this: http://www.domain.com/page.php?test=...bc&qty=5&qty=6 my code thus far; Code: function AppendURL(){
var AURL = document.getElementById('AddToCartLink');
var numQty = document.getElementById('Qty').value;
var TempURL = AURL.href;
AURL.href = TempURL + '&Qty=' + numQty;
}
Hi, I'm just wandering, how can you stop the replace() function from replacing characters inside a word, such as, if I try to replace 'x' with 'and', then my string would go from 'example, x' to 'eandample, and'. Thanks in advanced Hi, I am trying to write some code that will test if a user enters a non-numeric character in an input text field, and if so, replaces it with a '0' Code:
<script type="text/javascript">
function IsNumVal (){
for (J=1; J<=3; J++){
if (isNaN(Number(document.getElementById('Intext' + J).value))){
document.getElementById('Intext' + J).value = 0;
}
}
}
</script>
<Body>
<table border="1" cellspacing="1" id = "Numbers">
<tr id="RowNum1">
<td ><input type="text" size = "5" name="Intext1" id="Intext1" value = "3"
onkeyup="IsNumVal()" /></td>
</tr>
<tr id="RowNum2">
<td><input type="text" size = "5" name="Intext2" id="Intext2" value = "9"
onkeyup="IsNumVal()" /></td>
</tr>
<tr id="RowNum3">
<td><input type="text" size = "5" name="Intext3" id="Intext3" value = "18"
onkeyup="IsNumVal()" /></td>
</tr>
</table>
</Body>
document.getElementById('Intext' + J).value = 0; doesn't work document.Schedule.'Intext' + J.value = 0; doesn't work document.Schedule.Intext2.value = 0; works, but I need to test each text field while looping, so I can't "hard code" the ID. Suggestions? Hey. I have a string and I can return say, the fourth letter with output[3], but i can't assign a value to it for some reason: I am trying to make hang man Code: <!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function(){
var word, output, wordLength, stringLength, newLetter, letters;
var i, n, k, health, wcheck;
word = "word";
output = "";
letters = "";
wordLength = word.length;
for(i = 0; i < wordLength; i++){
output += "_";
}
$("#inputLetters").keyup(function(){
newLetter = $("#inputLetters").val();
$("#inputLetters").val("");
letters += newLetter;
wcheck = false;
for(i = 0; i < wordLength; i++){
if(word[i] == newLetter){
wcheck = true;
output[i] = newLetter;
}
}
if(wcheck = false){
health++;
}
$("#letters").html(output + "<br />" + letters);
});
});
</script>
</head>
<body>
<span id="letters">
</span>
<br />
<br />
<input id="inputLetters" type="text" />
</body>
</html>
Hi, I'm trying to write/find a regular expression for finding ampersands but not HTML entites I have this which finds entities but can't figure out how to ignore entities and return unmatched "&" Code: &[^\s]*; Test string: Code: This is sample test containing a bunch of & and entities. Do you shop at: M&S? &x#1234; I want to HTML encode the non-entity ampersands for insertion into XML e.g. "bunch of & and" --> "bunch of & and" Any help will be greatly appreciated Cheers Al So I have a site, It has a few paragraphs. When a customer presses a href, or a navigation link, I want that block of text to change to a different set of paragraphs. For instance Ive got a Div set for the main block of text with general information. When they click a link at the top, I want this text to change to something else, without having to reload the entire page or create a completely new HTML file. I have read on innerhtml and setting particular elements but I cant find any good online resources for using a simple link rather than a button to change a block of text In essence Set block of text to be element "old text" Set block of new text to be element "new text" ( all the while not showing this text on the page until the link is pressed) Classify href as trigger to replace old text with new text. BAM, victory! Any help would be greatly appreciated. Hi, My current html file contains as below. <html> <head> ... </head> <body> ... </body> </html> When i receive a reply from WEB server, is there any way using javascript to replace all the contents shown above with the reply (another html). I have seen window.location.replace, but this will make another request to server before replacing the contents. But i just want to take whatever reply i receive from server with the display content. Can any one please give me some pointers on how to proceed with this. Thanks in advance. I want to change my html depending on what browser the user is using. I know the regular expression works as I've tested it endlessly. Can anyone help? Here is the code <script language="JavaScript" type="text/JavaScript"> if(navigator.appName == "Microsoft Internet Explorer") { function replaceit(s) { s.replace(/.*data=\"(.+?).svg".*/g, " <!-- end .content --> <div class=\"content\" style=\"text-align: center;height: 1000px;\"><img src=\"$1.html\" width=\"1104\" height=\"111\" alt=\"Gastroenterology Book\" /></div>"); } } </script></head> I'm a bit of a Javascript noob, so please bear with me! I'm trying to create a piece of code that will check a webpage and replace any instances of a specific line of HTML with another line of HTML. The code I have so far doesn't work, but I have a feeling that's down to my awful Javascript skills! For example, in the following code I'd want to replace all instances of <li><a href="index.pdf">Index</a></li> with <li><a href="contents.pdf">Contents</a></li> Code: <div id="downloads">
<p>Please click on your downloads below:</p>
<ul>
<li><a href="index.pdf">Index</a></li>
<li><a href="chapter1.pdf">Chapter 1</a></li>
<li><a href="chapter2.pdf">Chapter 2</a></li>
<li><a href="chapter3.pdf">Chapter 3</a></li>
<li><a href="credits.pdf">Credits</a></li>
</ul>
</div>
The Javascript I have so far is: Code: <script type="text/javascript">
var aEls = document.getElementsByTagName('a');
for (var i = 0, aEl; aEl = aEls[i]; i++) {
aEl.href = aEl.href.replace('index.pdf','contents.pdf');
}
Obviously this is meant to just replaces the a href elements, but I got a bit stuck after this! Any pointers would be much appriciated. Basically what I need to do is cause a bit of HTML to only display on a specific page. I have figured out how to do most of the work i.e. figuring out what page that the code is being displayed on, etc. However, for some reason the DOM element that I am using will not update based on the Javascript. I have searched the Internet for a solution and unfortunately I have found none. Here is the version of the code that I am currently working on: Code: <html>
<head>
<script type="text/javascript">
window.onload = function DisplayButton() {
var DesiredPage = 'Page to Display';
//Page that I want the code to display on
var sPath = window.location.pathname;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
//This determines and places in a variable what page that the code will be on
if (sPage == DesiredPage) {
document.getElementById('HiddenCode').style.display = "block";
}
}
</script>
<p Id="HiddenCode" style="display:none">Code only to be displayed on indicated page</p>
</head>
</html>
I am somewhat new to Javascript so I feel like I might be missing something obvious here. Thank You to anyone who can help. Zbot |
|||||||