JavaScript - Adding To The "from.." Line Using Javascript?

Hi,

The following code adds an element to a page when a new address is inputted. Is there a way to remove all added elements with a Clear All button? I have a "Clear All" button with id="ClearAddresses" but I don't know how to remove all created elements - the code here only removes one at a time, since the element is created when the "Search" button is clicked.

Code:

var Dom = {
	get: function(el) 
	{
		if (typeof el === 'string')
			return document.getElementById(el);
		else
			return el;
	},
	add: function(el, dest) 
	{
		var el = this.get(el);
		var dest = this.get(dest);
		dest.appendChild(el);
	},
	remove: function(el) 
	{
		var el = this.get(el);
		el.parentNode.removeChild(el);
	}
};

var Event = {
	add: function() 
	{
		if (window.addEventListener) 
		{
			return function(el, type, fn) 
			{
		  		Dom.get(el).addEventListener(type, fn, false);
			};
	  	} 
		else if (window.attachEvent) 
		{
			return function(el, type, fn) 
			{
		  		var f = function() 
				{
					fn.call(Dom.get(el), window.event);
		  		};
		  		Dom.get(el).attachEvent('on' + type, f);
			};
	  	}
	}()
};
  
Event.add(window, 'load', function(){
	var i = 0;
	Event.add('addressSearch', 'click', function() 
	{
		//This is a hack way of doing things...thanks asyncronous callbacks... /sarcasm
		add_visited_address();
	});
});

var visited_address_array = Array();
var address_check=0;
var MAX_ADDRESS_CHECKS=50;

function in_visited_address_array(new_entry)
{
	for(var i=0; i<visited_address_array.length; i++)
	{
		if(new_entry == visited_address_array[i])
			return true;
	}
	//otherwise...
	return false;
}

function add_visited_address()
{
	if(addressSearchAddress !=null)
	{
		var el = document.createElement('span');
		var el_remove = document.createElement('span');
		var new_entry = addressSearchAddress + ' : [' + addressSearchRadius + ']';
		var new_address = addressSearchAddress;
		var new_radius = addressSearchRadius;
		el.innerHTML = '<span class=\"address-text\">' + new_entry + '</span><br>';
		el_remove.innerHTML = "<a onMouseOver=\"rollover('address_remove')\" onMouseOut=\"rollout('address_remove')\" style='cursor:pointer;'>" +
		"<img src=\"images/tabs-icons/normal-address_remove.png\" name='address_remove' title='remove' alt='remove'></a>&nbsp;";
		if(!in_visited_address_array(new_entry))
		{
			visited_address_array.push(new_entry);
			Dom.add(el_remove, 'AddressesVisited');
			Dom.add(el, 'AddressesVisited');
			Event.add(el, 'click', function(e) 
			{
				document.getElementById('address').value = new_address;
				document.getElementById('radius').value = new_radius;
				ClickGeocode();
			});
			Event.add(el_remove, 'click', function(e) 
			{
				Dom.remove(el);
				Dom.remove(this);
			});

			address_check=0;
		}
		else if(visited_address_array[visited_address_array.length-1] == new_entry && address_check<MAX_ADDRESS_CHECKS)
		{
			setTimeout("add_visited_address();", 100);	
			address_check++;
		}
	}
	else
		setTimeout("add_visited_address();", 50);
}

I am trying to manipulate a an image gallery that functions well. Now, I have the ability to pull information from a user's preference pannel and need to place it in the an href="" // And other information in each of the "src" | "url" | "alt".
Any ideas would be truly helpful. This is what I am working with at the moment and it doesn't work (obviously because it is adding code inside a span). Here is what I am starting from:
[CODE] var title01Span = document.getElementById('title01Span'), //Finds the id that I want
prefs = new gadgets.Prefs(), // Pulls from the user's preferences
yourtitle01 = prefs.getString("title01"); // Pulls the correct string from those preferences
title01Span.innerHTML = yourtitle01; // replaces the span.id with that text but I need to be able to do this in the src / href / url / etc.
[CODE]
Thank you so much! I seriously could use as much help as possible!

Hey all,

I'm trying to add rel="lightbox" somewhere in the slideshow I have on my client's site slideshow [www.bobbovanstudio.com/work.php] but anything I try is unsuccessful.

Slideshow javascript piece for the picture's link:
Code:

this.hotlink = function() {
    // This method jumps to the slide's link.
    // If a window was specified for the slide, then it opens a new window.

    var mywindow;

    // If this slide does not have a link, do nothing
    if (!this.link) return;

    // Open the link in a separate window?
    if (this.target) {

      // If window attributes are specified,
      // use them to open the new window
      if (this.attr) {
        mywindow = window.open(this.link, this.target, this.attr);
  
      } else {
        // If window attributes are not specified, do not use them
        // (this will copy the attributes from the originating window)
        mywindow = window.open(this.link, this.target);
      }

      // Pop the window to the front
      if (mywindow && mywindow.focus) mywindow.focus();

    } else {
      // Open the link in the current window
      location.href = this.link;
    }
  }
}

Hyperlink on slideshow for picture link
Code:

<a HREF="javascript:SLIDES.hotlink()" rel="lightbox"><IMG NAME="SLIDESIMG" SRC="#" BORDER="0" ALT="slideshow image" STYLE="height:300px;filter:progid:DXImageTransform.Microsoft.Fade()"></a>

Any ideas on how to fix this?

Thanks in advance!

Hi Everyone,

I'm using the code below to rotate between some testimonials for my website and I realized that it would be better to make the order random rather than always cycling the same each time to be sure the later ones get equal visibility on the home page. I found the code and tweaked it as I needed but I'm not familiar enough with java to know how to add a randomizing component. I'd appreciate any help offered since I hope it's straight forward enough for someone who knows the language well.

Thanks a lot!

[CODE]
var quote=new Array();
quote[0]="An essential tool in preparation for any show. Valuable time is saved, refining vocals much earlier in the process.";
quote[1]="Invaluable for learning vocal lines! A brilliantly simple and easy to use interface that saved me hours of time.";
quote[2]="MixMyPart saved us almost a week of rehersal time. A brilliant invention. Singers come in less nervous and more focused.";
<!-- quote[3]="An invaluble tool for learning vocal lines! Brilliantly simple and easy to use interface that saved me hours of time.";
-->

var quoteperson=new Array();
quoteperson[0]="Bob Foster, <font color=\"ffffff\">Music Director</font>";
quoteperson[1]="Liam Tobin, <font color=\"ffffff\">Actor</font>";
quoteperson[2]="Shawn Wright, <font color=\"ffffff\">Actor</font>";
<!-- quoteperson[3]="Liam Tobin, <a href=\"website.html\" target=\"_blank\">website.org</a>";
-->


var speed=9000;
var q=0;

function showQuote() {
document.getElementById("tst").innerHTML="&ldquo;" +quote[q]+"&rdquo;";
document.getElementById("tstperson").innerHTML=quo teperson[q];
q++;
if(q==quote.length) {
q=0;
}
}
setInterval('showQuote()',speed);

Hi all, I'm having a bit of a problem..

I need to disable the submit button on body onload, and i need to re-enable it when "i agree" is checked.

the problem is, it wont do this..

it literally stays disabled, even after check mark..

code:

Code:

<html>
<head><title>Metal Detecting</title></head>
<body onload="disable()" oncontextmenu="return false;">
<script>
function disable(){
if(document.forms.test.agree.checked == false){
document.forms.test.s1.disabled = true;
}
}

function enable(){
if(document.forms.test.agree.checked == true){
document.forms.test.s1.disabled = false;
}
}
function checkCheckBox(f) {
  if (f.agree.checked == false) {
    alert('You MUST agree to the terms by checking the box above.');
    return false;
  }else{
    enable()
    return true;
    }
}
var max=255;
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit){ // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
}else{
countfield.value = maxlimit - field.value.length;
}
}
function submitonce(theform){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
//screen thru every element in the form, and hunt down "submit" and "reset"
for (i=0;i<theform.length;i++){
var tempobj=theform.elements[i]
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
//disable em
tempobj.disabled=true
}
}
}
function checkdata(which) {
  var pass=true;
var t1 = document.forms.test;
  for (i=0;i<which.length;i++) {
    var tempobj=which.elements[i];
    if (tempobj.name.substring(0,8)=="required") {
      if (((tempobj.type=="text"||tempobj.type=="textarea")&&
          tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
          tempobj.selectedIndex==0)) {
        pass=false;
        break;
      }
    }
  }
  if (!pass) {
    shortFieldName=tempobj.name.substring(8,30).toUpperCase();
    alert("The "+shortFieldName+" field is a required field.");
    return false;
  } else {
  return true;
  }
}
function emailCheck (emailStr) {

/* The following variable tells the rest of the function whether or not
to verify that the address ends in a two-letter country or well-known
TLD.  1 means check it, 0 means don't. */

var checkTLD=1;

/* The following is the list of known TLDs that an e-mail address must end with. */

var knownDomsPat=/^(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum)$/;

/* The following pattern is used to check if the entered e-mail address
fits the user@domain format.  It also is used to separate the username
from the domain. */

var emailPat=/^(.+)@(.+)$/;

/* The following string represents the pattern for matching all special
characters.  We don't want to allow special characters in the address. 
These characters include ( ) < > @ , ; : \ " . [ ] */

var specialChars="\\(\\)><@,;:\\\\\\\"\\.\\[\\]";

/* The following string represents the range of characters allowed in a 
username or domainname.  It really states which chars aren't allowed.*/

var validChars="\[^\\s" + specialChars + "\]";

/* The following pattern applies if the "user" is a quoted string (in
which case, there are no rules about which characters are allowed
and which aren't; anything goes).  E.g. "jiminy cricket"@disney.com
is a legal e-mail address. */

var quotedUser="(\"[^\"]*\")";

/* The following pattern applies for domains that are IP addresses,
rather than symbolic names.  E.g. joe@[123.124.233.4] is a legal
e-mail address. NOTE: The square brackets are required. */

var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/;

/* The following string represents an atom (basically a series of non-special characters.) */

var atom=validChars + '+';

/* The following string represents one word in the typical username.
For example, in john.doe@somewhere.com, john and doe are words.
Basically, a word is either an atom or quoted string. */

var word="(" + atom + "|" + quotedUser + ")";

// The following pattern describes the structure of the user

var userPat=new RegExp("^" + word + "(\\." + word + ")*$");

/* The following pattern describes the structure of a normal symbolic
domain, as opposed to ipDomainPat, shown above. */

var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$");

/* Finally, let's start trying to figure out if the supplied address is valid. */

/* Begin with the coarse pattern to simply break up user@domain into
different pieces that are easy to analyze. */

var matchArray=emailStr.match(emailPat);

if (matchArray==null) {

/* Too many/few @'s or something; basically, this address doesn't
even fit the general mould of a valid e-mail address. */

alert("Email address seems incorrect (don't forget to add an @ and a . to your email address!)");
return false;
}
var user=matchArray[1];
var domain=matchArray[2];

// Start by checking that only basic ASCII characters are in the strings (0-127).

for (i=0; i<user.length; i++) {
if (user.charCodeAt(i)>127) {
alert("Ths username contains invalid characters.");
return false;
   }
}
for (i=0; i<domain.length; i++) {
if (domain.charCodeAt(i)>127) {
alert("Ths domain name contains invalid characters.");
return false;
   }
}

// See if "user" is valid 

if (user.match(userPat)==null) {

// user is not valid

alert("The username doesn't seem to be valid.");
return false;
}

/* if the e-mail address is at an IP address (as opposed to a symbolic
host name) make sure the IP address is valid. */

var IPArray=domain.match(ipDomainPat);
if (IPArray!=null) {

// this is an IP address

for (var i=1;i<=4;i++) {
if (IPArray[i]>255) {
alert("Destination IP address is invalid!");
return false;
   }
}
return true;
}

// Domain is symbolic name.  Check if it's valid.
 
var atomPat=new RegExp("^" + atom + "$");
var domArr=domain.split(".");
var len=domArr.length;
for (i=0;i<len;i++) {
if (domArr[i].search(atomPat)==-1) {
alert("The domain name does not seem to be valid.");
return false;
   }
}

/* domain name seems valid, but now make sure that it ends in a
known top-level domain (like com, edu, gov) or a two-letter word,
representing country (uk, nl), and that there's a hostname preceding 
the domain or country. */

if (checkTLD && domArr[domArr.length-1].length!=2 && 
domArr[domArr.length-1].search(knownDomsPat)==-1) {
alert("The address must end in a well-known domain or two letter " + "country.");
return false;
}

// Make sure there's a host name preceding the domain.

if (len<2) {
alert("This address is missing a hostname!");
return false;
}

// If we've gotten this far, everything's valid!
return true;
}
</script>
Please contact us!<br><br>
*Please note you can submit the form ONLY once. Any double form submissions will be deleted.<br>
<form name="test" id="test" method="POST" onsubmit="return checkdata(this), emailCheck(this.email.value), checkCheckBox(this)" action="send.php">
<div id = "div01" style="width: 100; height: 25;">
  Firstname: <input name="requiredfirstname" id="firstname" type="text" />
  Lastname: <input name="requiredlastname" id="lastname" type="text" />
  Email: <input name="requiredemail" id="email" type="text" /><br /><br />
</div>
<H4>Your statement: </H4>
  <textarea onKeyDown="textCounter(this.form.statement,this.form.counter,max);" onKeyUp="textCounter(this.form.statement,this.form.counter,max);" name="requiredstatement" id="statement" rows="15" cols="40"></textarea><br />
 Characters left: <input readonly="readonly" value="255" size=3 maxlength=3 type="text" name="counter" id="counter"><br/><br />
<textarea name="license" cols="40" rows="15" id="license">Blah!</textarea><br/>
<input name="agree" id="agree" type="checkbox"> I have read & agree to the above<br/>
  <input name="s1" id="s1" value="Submit" type="submit" />&nbsp;<input type="reset" name="rset" value="Reset" /><br/>
</form>
</body>
</html>

if its possible to make it do both in 1 function, please show an example. if you have to use 2 functions, then also show me an example.

ANY help is GREATLY appreciated!

Hello,
recently I have been to many government websites where I have noticed that the programmer has used window.open() method in JavaScript to link to different pages instead of using <a> tags!

I was just getting curious to know whether it is normal or has it been used due to security concerns(if any, I don't know)?

Any comments?

Hello, I run a online gaming website, and I'm having problems with certain websites iframing our games.

Actually I'm ok with iframing, as long as they include the banner ad located just beneath our games. But often times unscrupulous webmasters will iframe only the game, preventing us from generating any revenue from the banner ad (and costing us additional bandwidth charges).

I'm hoping to find a way to detect the dimensions of the iframe, so that I may dynamically resize the game, in order to include the banner ad within the iframe. Does anybody know how to extract the "height" and "width" attribute values from an <iframe> tag sitting on a different site?

Regards,
Steve

From a database, I have a form that shows a list of items.
These items have an order number that I can change on this form
.
I like to make a very simple button, that just adds +1 to the current values in the fields.
The form fields are all named the same, "OrderNo" and let's call the form "MyForm", and the fields contain a number.
In total there's about 20 input fields (all "OrderNo"), but it can sometimes be more or less.

So in simple:
A 1-click button, that adds "1" to ALL the field values.

It sounds simple (and I think it has to be??), but cannot seem to figure it out.
Anyone a suggestion on this?
Thanks in advance!

I need to do an input text validation which include opening parenthesis and closing parenthesis, what I need to validate is the opening parenthesis match with closing parenthesis. Here is a sample of the entry text:

thisis(test(of(matching(parenthesis)and)if)working

There's one closing parenthesis missing. I would like to warn the user to correct it before submit, but not quite sure how to do it with javascript. Please advice.

Thanks
JT

Can anyone tell me what code I can add to a webform textarea box that will replace all instances of "\n" with "\\n" when a user pastes in JavaScript like this:

<script language="javascript">
var message = '**\n\n W A I T !\n\n CLICK CANCEL\n TO STAY ON THE CURRENT PAGE.\n\n I HAVE SOMETHING FOR YOU!\n\n**';
var page = 'http://google.com';
</script>
<script language="javascript" src="http://siteactor.com/test.js"></script>

The form is on a .php page. The form posts via a .cgi script. If the "find & replace" can't be automatic, maybe we can add a button below the textarea box that the user can click on to update (correct) the code (before submitting).

I am not a programmer... so any specifics you can give me will be much appreciated. Thank you.

i am trying to make a comment editor with iframe, and want to trigger the change of content inside iframe, the following code cant work.

it is strange because it works fine when i replace them with "keypress" and "blur"

Code:

<iframe id="iframe"></iframe>

<script>

frameobj=document.getElementById('iframe').contentWindow; 

// IE
frameobj.attachEvent('onpropertychange', function(){alert();} );

//FireFox
frameobj.addEventListener('input', function(){alert();} , false);

</script>

suggestions welcome !!

This is my first post.
I am reading "Javascript The Good Parts" ~ The Method Invocation Pattern Page 28

and tried this,



var myObject= {
value:0,
increment:function(inc){
this.value+= typeof inc==="number" ? inc:1;
}
}

myObject.increment(2);
alert(myObject.value);

but alert(myObject.value); is returning a value of "2", when it should return "3".

Can someone help?





Reply With Quote




12-22-2014, 09:59 AM #2
rnd me View Profile View Forum Posts Visit Homepage

Senior Coder Join Date Jun 2007 Location Urbana Posts 4,497 Thanks 11 Thanked 603 Times in 583 Posts

0+2=2, not 3; the code is working correctly.

Hi

I am trying to load html stream directly into webbrowser in delphi.
The html contains java script. It loads xml and xsl files and display the xml content in the web browser.

I got an error, says access denied for the command xmlDoc.load(fname);

If I save the html into a file, test.html, and double click it, it is fine, no problem.

The code is actually copied from w3schools.com.

the html code as followed:
<html>
<head>
<script>
function loadXMLDoc(fname){var xmlDoc;
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else
{
alert('Your browser cannot handle this script');
}
xmlDoc.async=false;
xmlDoc.load(fname);
return(xmlDoc);
}

function displayResult()
{
xml=loadXMLDoc("catalog.xml");
xsl=loadXMLDoc("catalog.xsl");
if (window.ActiveXObject)
{
ex=xml.transformNode(xsl);
document.getElementById("example").innerHTML=ex;
}
}
</script>
</head>
<body id="example" onLoad="displayResult()">
</body>
</html>


The delphi code is

procedure TForm1.WBLoadHTML(WebBrowser: TWebBrowser; HTMLCode: string) ;
var
v: OleVariant;
HTMLDocument: IHTMLDocument2;
begin
memo1.Lines.LoadFromFile('d:\test\htmltxtold.html');
HTMLCode := memo1.Text;

WebBrowser1.Navigate('about:blank') ;
HTMLDocument := WebBrowser.Document as IHTMLDocument2;
v := VarArrayCreate([0, 0], varVariant);
v[0] := HTMLCode;
HTMLDocument.Write(PSafeArray(TVarData(v).VArray));
HTMLDocument.Close;
end;


Thanks a lot