JavaScript - Writing A Program That Displays What You've Entered Backwards

Hello!

First off, please excuse my ignorance. I am a bit new to the coding world.

I want users to be able to enter data into a textbox on my site, and the data then be placed at the end of a specific url, followed by '.html'.

For example, say my website is mysite.com. If someone enters in the word "John" in the textbox and clicks the 'Submit' button, the URL should now be: mysite.com/John.html

Thanks in advance!

Hi Friends,
i have a smal task i.e
i have textbox1 ,botton,textbox2 when i enter 21 value then i click button its get in sama row values in textbox2.
i have xml file like this
<DATAPACKET >
<ROWDATA>
<R_ID>101</R_ID>
<R_NAME>R-12</R_NAME>
<R_TEMP>4.266</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>20</R_ID>
<R_NAME>R-22</R_NAME>
<R_TEMP>4.266</R_TEMP>
<R_COLOR>Green</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>21</R_ID>
<R_NAME>R-32</R_NAME>
<R_TEMP>4.266</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>104</R_ID>
<R_NAME>R-134A</R_NAME>
<R_TEMP>4.246</R_TEMP>
<R_COLOR>Light Blue</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>21</R_ID>
<R_NAME>R-290</R_NAME>
<R_TEMP>4.246</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>31</R_ID>
<R_NAME>R-401A</R_NAME>
<R_TEMP>4.246</R_TEMP>
<R_COLOR>Pink</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>32</R_ID>
<R_NAME>R-401B</R_NAME>
<R_TEMP>4.264</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>108</R_ID>
<R_NAME>R-402A</R_NAME>
<R_TEMP>4.426</R_TEMP>
<R_COLOR>Light Greem</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>129</R_ID>
<R_NAME>R-402B</R_NAME>
<R_TEMP>4.266</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>110</R_ID>
<R_NAME>R-404A</R_NAME>
<R_TEMP>4.246</R_TEMP>
<R_COLOR>Orange</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>121</R_ID>
<R_NAME>R-407A</R_NAME>
<R_TEMP>4.267</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>122</R_ID>
<R_NAME>R-408A</R_NAME>
<R_TEMP>4.267</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>113</R_ID>
<R_NAME>R-409A</R_NAME>
<R_TEMP>4.267</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>134</R_ID>
<R_NAME>R-407C</R_NAME>
<R_TEMP>4.264</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
<ROWDATA>
<R_ID>115</R_ID>
<R_NAME>R-410A</R_NAME>
<R_TEMP>4.426</R_TEMP>
<R_COLOR>White</R_COLOR>
</ROWDATA>
</DATAPACKET >
then i try this hear i get all values
function gettxt() {
results = new Array;
var searchterm = document.getElementById("searchme").value;
if (searchterm == null || searchterm == "") {
alert("Enter textbox value");
return false;
}
var istrlen1 = searchterm.length;
var tempname1;
if (istrlen1 == 1) {
tempname1 = searchterm;
}
if (istrlen1 == 2) {
tempname1 = searchterm;
}
if (istrlen1 == 3) {
tempname1 = searchterm;
}
if (istrlen1 == 4) {
tempname1 = searchterm;
}
for (i = 0; i < x.length; i++) {
var name = x[i].getElementsByTagName("R_ID")[0].firstChild.nodeValue;
var name1 = x[i].getElementsByTagName("R_NAME")[0].firstChild.nodeValue;
var exp = new RegExp(tempname1, "i");
if (name.match(exp) != null) {
y = y + 1;
results.push(name1);
}
}
textbox2.value = results;
}
i try the above code hear small problom when i enter 21 and click button its display 21,121,123... related values i dont want like that
for example textbox1=21 buttonclick textbox2=R-32,r-407A,r-408A like that i dont want like that
i want textbox1=21 buttonclick textbox2=R-32 only in same row value
please any one knows well in js please resolve my problom

Hello Everyone,

I am inexperienced in JavaScript. I have an html page with several numeric input fields which are an array. At the bottom of the screen is a running total of the numbers entered.

The html is like:
<INPUT TYPE=TEXT NAME='array[0]' onchange='addup()'>
<INPUT TYPE=TEXT NAME='array[1]' onchange='addup()'>
etc.....
<INPUT TYPE=TEXT NAME='array[9]' onchange='addup()'>
<INPUT TYPE=TEXT NAME='arraytotal'>

The javascript is:
function addup() {
var total = 0;
for (var i=0; i<=10; i++) {
total += Number(document.forms["formname"]["array["+i+"]"].value);
}
document.forms["formname"]["arraytotal"].value = total;
}

This works ok, but I don't want the field arraytotal to be an input field. How can I do this please?

It will be best to use server side scripting like php for it , because user can disable his javascript in that condition your code won't work

I have a page with textarea where user can enter html code for link exchange

I need to verify whether the code entered contains url in anchor's href tag having same url as that of reciprocal link

how can i do this

Hello,

I have a form that works out some basic math questions e.g. area etc.

I run a function when a form field is updated to do the calculations, however I'd like to run a different calculation depending on which form element was updated.

Is there a way to say something like:

if (area1 was updated) {
work out this calculation
}
if(area2 was updated) {
work out this calculation
}

and so on?

Thanks,

Nicola

Brand new to the forum, so first off... Hello all!!

I have been working on a project which randomly changes the text font of a word submitted (Color and Size). At present the code works fine, using the below Javascript.

Code:

<SCRIPT LANGUAGE="JavaScript">

function randomise(){
var words=document.myform.wordlist.value;
var spacer="";
words=words.split(document.myform.randomiseby.value)
document.myform.code.value=" ";
var colourscheme=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F")
for(var time=0;time<=(words.length-1);time++){
{var c1=Math.round(Math.random()*(colourscheme.length-1));
var c2=Math.round(Math.random()*(colourscheme.length-1));
var c3=Math.round(Math.random()*(colourscheme.length-1));
var c4=Math.round(Math.random()*(colourscheme.length-1));
var c5=Math.round(Math.random()*(colourscheme.length-1));
var c6=Math.round(Math.random()*(colourscheme.length-1));
var size=1+Math.round(Math.random()*6);
document.myform.code.value+="<font color=\"#"+colourscheme[c1]+colourscheme[c2]+colourscheme[c3]+colourscheme[c4]+colourscheme[c5]+colourscheme[c6]+"\" size=\""+size+"\">"+words[time]+"</font>"+spacer+" ";
}
}
looks_like.innerHTML=document.myform.code.value;
}
</script>

To really highlight the text i would like to keep the font white and change the background colour but i don't have a clue how to do it...

Please note: i am a complete noob to Javascript and the above code has been bodged together from a number of tutorials.

Can anyone help?

Hello,

I am not well-versed with javascript.

Actually i have some calculations has to be displayed in total (textbox) as soon as i enter the values in other text box.

I have done that. But if multiple rows added (its dynamically added ) that code doesn't work for 2nd row or 3rd row...

I don't know how to do it.

Here is my form where i am entering data and displaying result

Code:

 <input type="text" class="span2"  name="item[]" id="category" value="<?php echo $row1['item'];?>"  />&nbsp;&nbsp;
  <input type="text" class="span1" name="uom[]" id="category" value="<?php echo $row1['uom'];?>"  />&nbsp;&nbsp;
  <input type="text" name="description[]" id="category" value="<?php echo $row1['description'];?>"  />&nbsp;&nbsp;
 
 <input type="text" class="span1" name="quantity[]" id="qty"  onkeyup="getValues(1)" />&nbsp;&nbsp;
 
 <input type="text" class="span1" name="price[]" id="price" value="<?php echo $row1['selling_price'];?>" onkeyup="getValues(2)" />&nbsp;&nbsp;
 
 <input type="text" class="span1" name="discount[]" id="discount" value="<?php echo $row1['discount'];?>" onkeyup="getValues(3)" />&nbsp;&nbsp;
 <select name="tax[]" class="span1" id="tax" onkeyup="getValues(4)">
 <option value="<?php echo $row1['tax'];?>"><?php echo $row1['tax'];?></option>
 <?php $l1 = mysql_query("select * from taxes") or die (mysql_error());
 while($l2 = mysql_fetch_array($l1))
 { ?>
 <option value="<?php echo $l2['rate']; ?>"> <?php echo $l2['name'];?> - <?php echo $l2['rate'];?>% </option>
 <?php } ?> </select>&nbsp;&nbsp;
 

 
<input type="text" class="span1" name="freight[]" id="freight" onkeyup="getValues(5)" placeholder="Freight"  />&nbsp;&nbsp;
 
<!--<input type="text" class="span1" name="freight_tax[]" id="frtax" placeholder="Frt Tax"   />&nbsp;&nbsp; -->
 
<input type="text" class="span2" name="total[]" id="total" />&nbsp;&nbsp;

And java script

Code:

<script language="javascript">
function getValues(val){

var numVal1=parseInt(document.getElementById("qty").value);
var numVal2=parseInt(document.getElementById("price").value);
var numVal3=parseInt(document.getElementById("discount").value);
var numVal4=parseFloat(document.getElementById("tax").value);

var numVal5=parseFloat(document.getElementById("freight").value);


var sub_total = (numVal1 * numVal2) - numVal3;
var subt_tax =  sub_total * (numVal4/100);
var total = parseFloat(sub_total + subt_tax);
var totalValue = parseFloat(total + numVal5);

document.getElementById("total").value = totalValue;
}
</script>

Hi,

I am trying to only allow a person to enter alpha characters in this field and if they try to enter a number a pop up box will tell them they can only enter alpha characters. Can this be done? Here is my code:

How would you like us to address you? (&quot;Dear Pat&quot Dear&nbsp;
<input name="SALUT" type="text" id="address2" style="color: #000000; border-left: 0px solid #008000; border-right: 0px solid #254D78; border-top: 0px solid #008000; border-bottom: 2px solid #0033CC; background-color: #EBE1BE" tabindex="5" size="15" maxlength="50" onFocus="if(this.value=='SALUT')this.value='';">

Any help would be greatly appreciated.

Thanks

Heres a link to the code in question http://www.scccs.ca/~W0049698/JavaTe...erlocktxt.htm#

when the leftPos variable is used in the moveSlide() it somehow turns into Nan. Cant figure out why and have been racking my brain over this for a long time now.. Any help would be greatly appreciated




the problem is at the end of the code(scroll to the bottom)

=======================================================
Code:

window.onload = makeMenus;

var currentSlide = null;
var timeID = null;


function makeMenus(){
var slideMenus = new Array();
var allElems = document.getElementsByTagName("*");


for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className == "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
	// alert(slideMenus.length)
	slideMenus[i].onclick = showSlide;
	slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";
}
document.getElementById("head").onClick = closeSlide;
document.getElementById("main").onClick = closeSlide;
}

function showSlide(){
	slideList = this.getElementsByTagName("ul")[0];
	if(currentSlide && currentSlide.id == slideList.id)
		{closeSlide()}
		
	else{
		closeSlide();
		currentSlide = slideList;
		currentSlide.style.display = "block";
		timeID = setInterval("moveSlide()", 1);
		}
}


function closeSlide(){
if(currentSlide){
	clearInterval(timeID);
	currentSlide.style.left="0px";
	currentSlide.style.display="none";
	currenSlide = null;
}
}

 
	 Code:

	
var leftPos = 0; //reads as a number

function moveSlide(){
	
	leftPos = leftPos + 5; //reads as Nan 
        //have used leftPos += 5 as well if that make as difference
	//alert(leftPos)
	if(parseInt(currentSlide.style.left) <= 220)	
		{currentSlide.style.left = leftPos + "px";}
	else{
		clearInterval(timeID);
		var leftPos = 0;
		}
}

Hello! I need some help here. I need to pre-populate a name and a phone number box based on what's entered in the employee id box.

By entering in the employee id -

EMPLOYEE ID: [JOHN R]

It automatically fills in -

Employee Name: [John Roberts]
Employee Phone: [1234567890]

Thanks.

Hi friends,

i have xnl file like

<DATAPACKET >
<data1>
<R_ID>101</R_ID>
<R_PRE>38</R_PRE>
<R_PRE2>39</R_PRE2>
<R_TEMP>8.35</R_TEMP>
<R_TENP2>0.64</R_TENP2>
</data1>
<data1>
<R_ID>102</R_ID>
<R_PRE>36</R_PRE>
<R_PRE2>37</R_PRE2>
<R_TEMP>7.23</R_TEMP>
<R_TENP2>1.21</R_TENP2>
</data1>
<data1>
<R_ID>103</R_ID>
<R_PRE>34</R_PRE>
<R_PRE2>36</R_PRE2>
<R_TEMP>7.21</R_TEMP>
<R_TENP2>1.95</R_TENP2>
</data1>
<data1>
<R_ID>104</R_ID>
<R_PRE>32</R_PRE>
<R_PRE2>35</R_PRE2>
<R_TEMP>6.25</R_TEMP>
<R_TENP2>2.30</R_TENP2>
</data1>
<data1>
<DATAPACKET >

then i have textbox...when i type 101 its go and get all data in the row in text area like

101
32
6025
2.30

please give me any idea how to do this

i m try this
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "Refrigerater.xml", false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
x = xmlDoc.getElementsByTagName("ROWDATA");

//x = xmlDoc.getElementsByTagName("data1");

function displayInfo(selBox) {
x = xmlDoc.getElementsByTagName("ROWDATA");
var col = (selBox.options[selBox.selectedIndex].text);
document.getElementById("show").innerHTML = "&nbsp;" + col;
}

Please resolve my problem

Thanks
Venkat.S

I have a JavaScript application that needs to preserve double quote marks and apostrophes (" and ') that are entered into form fields by the user. The form data is passed through several screens using hidden fields.

Right now, apostrophes work because I have the input fields coded as value="". I have not found a way for JavaScript to retrieve the field's value if double quotes are entered by the user. If I change the parameter to value='' (single quotes) then the apostrophes probably won't work.

Is there a straightforward way for JavaScript to retrieve the field value containing quotes, so that I can manipulate it into a different string that can be easily passed between HTML pages?

Hi there,

I would like to create a page that has a dropdown menu populated with a list of images. When someone selects an image, the image and a URL to a webpage will display (screenshot below). Each image will have a different URL. How do I accomplish this?

Thanks!

Denise