JavaScript - How Can Puts Some Information On Other Sites?

I was wondering if there are any sites dedicated to ending javascript objects using the prototype property to give them features like trimming string, removing elements of arrays by name, removing duplicates in arrays, etc. Granted I have functions to do this but there's probably a ton of other good ones out there. Most things I've seen are frameworks like JQuery (which is awesome) but it doesn't extend these objects.

We are building an opera extension in which we are trying to use the document object property (document.body.innerHTML) in order to obtain the source of the main page of a site. In most cases it provides us with the correct page source but for certain sites (ones that have multiple document layers), it doesn't return the top most document.

For instance, for the site (https://www.pcisecuritystandards.org/) we would like to source for the main page that is displayed but
once the entire page is loaded, the document property would display the source for another layer (https://s7.addthis.com/static/r07/sh...rev=86981&xd=1)

This perhaps has to do with how opera loads the document layers in a page. We did not face any issue with any other browser

How can we obtain the source of the main page (https://www.pcisecuritystandards.org/) using the document object in Opera ?

Hi everyone I need to make a chrome extension that will be work like panel like on site "http://static.springsource.org/spring/docs/3.0.x/spring-framework-reference/html/" but in my case this panel should work on every site and be always on top of every page content. I implemented this with iform element and added div element same size as iform to the end of the body, so my panel will not hide the end of page . The problem is adding this panel to sites like gmail. in this case I cant add element to the end of page and it's hide part of content. How can I solve this problem or is there any other way to make this.

hi everyone,

is it possible to get information about image, or generally speaking a file using javascript???
lets say i used a browse button (input type="file") and when the user selects the file, i can get the file information - like if it were an image, then its dimensions and if possible, then the file size too...

is this possible in javascript???

thanks in advance
Hemal

Hello. The link below is the result of a product search on a website. It displays 2 results. However, the actual results (picture & information) that are displayed on the web page are not present in the "Page Source".

For example, if you search the page source for the string '860723' (which is one of the product numbers visible on the web page) it is not there. What is going on here? It looks to me like dummy images & information in the HTML are first loaded by the browser, and then that dummy info gets replaced by the real information via a javascript function. Is that what's going on?

http://www.lightsamerica.com/metro/s...mber:SL9469-8;

I'm trying to retrieve that information by downloading the source in my PHP program. The problem is that the information I want isn't present in the source. It stands to reason that the information is somehow being sent to the browser because I can see it... any ideas?


Thanks for your time,
-Scott

Hi!

I installed the Animated Information Bar found on http://www.javascriptkit.com/script/.../infobar.shtml

Now there is a option to display the bar once per session but this isn't working...

Code:

infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!

Anyone has installed this bar and knows why this isn't working?
I use IE8

greetings
Jardin
Holland

This is what i want to do but Im not sure if it is possible i just want a push in the right direction to how to do it anyway.

How would i go about displaying information on my site collected from another site its for a sports website i don't want to have to count tackles in each footy game i just want to take certain stats from another site and display them on mine is this something that can be done using JavaScript?

thanks any help would be great

Hi Guys,

I need a little bit or help with a bit of code I'm writing for a customer. I want to select some data from a database (photo names) and then show pass the information to a JavaScript to display the images on at a time moving onwhen a user click on a 'NEXT' button or back one when the click on a 'BACK' button.

Does anyone have any idea on how to do this or is it something that is just no possible?

Hi Guys
I'm trying to find a way to insert a dropdown eg:


<select>
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>

...place the dropdown to the left and have an information panel to the right.
i.e. if a user chooses Volvo a panel to the right would appear saying eg "Volvo is a strong car"
and so on for other selections eg "Audi is a fast car" if the user selects Audi in the dropdown.

THANKS

It appears that .html() is somehow messing up reading the contents of a div.

Here is my php code which loads into the div.

Code:

$own_pre_selection .= "<input name='" . mysql_result($result,$i,"did") . "' value='" . mysql_result($result,$i,"did") . "' type='hidden'><span class='addremove' onclick=\"recordchecks('" . mysql_result($result,$i,"dname") . "','" . mysql_result($result,$i,"did") . "')\";><u>Remove</u></span> &nbsp;" . mysql_result($result,$i,"dname") . "<br>";

Here is what I see as source code after the page renders.

Code:

<input name='677' value='677' type='hidden'><span class='addremove' onclick="recordchecks('Heart Neoplasms','677')";><u>Remove</u></span> &nbsp;Heart Neoplasms<br><input name='1298' value='1298' type='hidden'><span class='addremove' onclick="recordchecks('Heart Septal Defects; Atrial','1298')";><u>Remove</u></span> &nbsp;Heart Septal Defects; Atrial<br></div>

When I test alert() the .html() contents it appears like this. It seems to screw up the quote escape and changes \" to " ;="" after the recordchecks().

Code:

<input name="677" value="677" type="hidden"><span class="addremove" onclick="recordchecks('Heart Neoplasms','677')" ;=""><u>Remove</u></span> &nbsp;Heart Neoplasms<br><input name="1298" value="1298" type="hidden"><span class="addremove" onclick="recordchecks('Heart Septal Defects; Atrial','1298')" ;=""><u>Remove</u></span> &nbsp;Heart Septal Defects; Atrial<br>

So even though the source code looks perfect, if I alert() the div contents with html() it seems to get a bit garbled in the process. Any ideas?

Hey all, i could really use some help in making life easier if any one can help.

Im gonna try my best and explain what i want but please excuse my lack of knowledge!


What i want to achieve is to use one page as a template that can take information from the url and use it to produce the result i want for example

if the template page is template.html ad it looked something like this:


Code:

<title> + title + </title>
</head>

<body>
<a href="http://www.mywebsite.com/ + folder + / + page +">Click Here</a>
</body>
</html>

The link to the page could look something like this:

template.html?folder=football&page=united.html&title=United Scores


this would result in the template page rendering as:

Code:

<title>United Scores</title>
</head>

<body>
<a href="http://www.mywebsite.com/football/united.html">Click Here</a>
</body>
</html>

If anyone can tell me how i can achieve this i would be extremely grateful.

Thanks

Hi everyone,

Hoping someone could assist me?

I want information from a text filed that is submited to actually appear in a particular area of the website itself instantly - not sure if this can be achieved via java or html?

EG:

TEXT: Hi, my name is such and such

Then for that to be submitted and to appear on the top right side of the website?

Can anyone assist me?

Kind Regards,

How would you access information about various attributes of an element with javascript?

hi,

I am looking for help creating javascript auto-apearing box, which will appear when someone onmouse on the hyperlink.

In the appeared box I want to show some PHP script and other text.

See in my example attached

Regards.

Please assist, I have the following code to remember form inormation but it does not seem to work. Probably something stupid.

Code:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Page</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="yorkie.css" type="text/css" />
<script type="text/javascript">
/* <![CDATA[ */

// Confirm resetting of forms.
function confirmReset() {
	var resetForm = confirm("Are you sure you want to reset the form?");
	if (resetForm == true)
	return true;
	return false;
}

// If box clicked value within disappears	
function Focus(element) {
     if (element.value == element.defaultValue) {
       element.value = '';
     }
   }

// If nothing typed and box onblur the default value is restored within 
function Blank(element) {
     if (element.value == '') {
       element.value = element.defaultValue;
     }
   }

// Submission of Contact Form Verified
function verifySubmission() {
var retValue = true;
if (document.forms[2].email.value == "Enter Email Address"
|| document.forms[2].firstname.value == "Enter First Name"
|| document.forms[2].lastname.value == "Enter Last Name"
|| document.forms[2].telephone.value == "Enter Contact number") {
	window.alert("You did not fill in one of the following required fields: First Name, Last Name, Email Address, or Telephone Number.");
	retValue = false;
	}
return retValue;
}

// Email address verified as a valid email address
function validateEmail(formObject) {
var email = formObject.value;
var emailCheck = /^[_\w\-]+(\.[_\w\-]+)*@[\w\-]+(\.[\w\-]+)*(\.[\D]{2,3})$/;
if (emailCheck.test(email) == false) {
window.alert("The e-mail address you entered does not appear to be valid.");
formObject.value = formObject.defaultValue;
return false;
}
formObject.value = email.toLowerCase();
return true;
}

// Telephone number verified as a valid 10 digit number with no alpha characters
function verifyPhone(number) {
var phone = number.value;
var phoneCheck = /^(\d{10})$/;
if(phoneCheck.test(phone) == false) {
window.alert("The telephone number you entered does not appear to be valid.");
number.value = number.defaultValue;
return false;
}
return true;
}

// Show additional contact form details onclick of yes radio button
function showDiv() {
document.getElementById('breeders').style.visibility = 'visible';
}

// Hide certain contact form info onclick of No radio button
function hideDiv() {
document.getElementById('breeders').style.visibility = 'hidden';
}

// SAVE FORM INFORMATION FOR THE NEXT VISIT
function saveSelections(frm) {
		var setvalue;
		var fieldType;
		var index;
		var formname = frm.name;

		// CookieExpiry in 30 days.
		var today = new Date();
		var exp   = new Date(today.getTime()+30*24*60*60*1000);

		var string = "formname=" + formname + "|";
		var cookieName = formname;

		var n = frm.length;
		for (i = 0; i < n; i++)	{
			e = frm[i].name;
			fieldValue = frm[i].value;
			fieldType = frm[i].type;
			
			// Radio Buttons
			if (fieldType == "radio") {
				for (x=0; x < frm.elements[e].length; x++) {
					if (frm.elements[e][x].checked)
					{
					index = x
					}
				}
			string = string + index + "\|";
			}
			
			// Text, Textarea, and dropdowns
			if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
		    	string = string + frm.elements[e].value + "\|";
			}
			
			// Checkboxes
			if (fieldType == "checkbox") {
				if (frm.elements[e].checked==true) {
					var setvalue = "1";
					}
				if (frm.elements[e].checked==false) {
					var setvalue = "0";
					}
			string = string + setvalue + "\|";
			}
			
			// Hidden field
			if (fieldType == "hidden") {
		    	string = string + frm.elements[e].value + "\|";
			}
		}
setCookie(cookieName, string, exp); 
}

// Load Form Fields from saved cookie
function loadSelections(frm) {
var e;
var z;
var x;
var cookieName;
var fieldArray;
var fieldValues;
var fieldValue;

var formname = frm.id;

// Retrieve form elements from cookie and split into array.
cookieName = formname;
fieldValues = getCookie(cookieName);
fieldArray = fieldValues.split("\|");

var n = frm.length;
for (i = 0; i < n; i++) {
	e = frm[i].name;
	z = i;
	z++;
	var fieldType = frm[i].type;
	var fieldValue = fieldArray[z];
	
	// Radio Buttons
		if (fieldType == "radio") {
			x = fieldValue;
			frm.elements[e][x].checked = true;
		}	
	
	// Text, Textarea, and dropdowns
	if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
		frm.elements[e].value = fieldValue;
		}
	
	// Checkboxes
	if (fieldType == "checkbox") {
		var fld_checkbox = fieldValue;
		if (fld_checkbox == "1") {
			frm.elements[e].checked = true;
			}
	}
	
	// Hidden fields
	if (fieldType == "hidden") {
		frm.elements[e].value = fieldValue;
		}
	}
}

// COOKIE FUNCTIONS
function setCookie(name, value, expires) {
document.cookie= name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "");
}

function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/* ]]> */
</script>
</head>

<body class="contact" onload="var begin=setInterval('changeBanner()',9000); currentClock(); currentDate();  document.getElementById('breeders').style.visibility = 'hidden'; " onunload="saveSelections(document.forms[0])">
<table width="92%">

<form action="mailto:lynette@sayorkies.co.za, subject=Contact Form" method="post" enctype="text/plain" onsubmit="return verifySubmission()" onreset="return confirmReset();">
<table class="center" cellpadding="5" border="1">

<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>

<!-- This is for the personal information -->
<tr><td><strong>Tell us who you a </strong></td></tr>
<tr><td><input type="text" name="firstname" size="25" maxlength="35" value="Enter First Name" onfocus="Focus(this);" onblur="Blank(this);" /> * 
<input type="text" name="lastname" style="margin-left: 52px;" size="25" maxlength="35" value="Enter Last Name" onfocus="Focus(this);" onblur="Blank(this);" /> *</td></tr>

<!-- This is for the contact information -->
<tr><td><strong>Your Contact details:</strong></td></tr>
<tr><td><input type="text" name="email" size="30" maxlength="60" value="Enter Email Address" onfocus="Focus(this);" onblur="Blank(this); validateEmail(this)" /> * 
<input type="text" name="telephone" style="margin-left: 20px;" size="20" maxlength="10" value="Enter Contact number" onfocus="Focus(this);" onblur="Blank(this); verifyPhone(this)" /> * </td></tr>

<!-- This is where you enter your message also select what type of message-->
<tr><td><strong>Your Message:</strong></td></tr>
<tr><td align="left">What is your message about?<br />
<input type="radio" name="type" value="compliment" /> Compliment 
<input type="radio" name="type" value="complaint" /> Complaint 
<input type="radio" name="type" value="general" checked="checked" /> General 
<input type="radio" name="type" value="enquiry" /> Enquiry 
<input type="radio" name="type" value="feedback" /> Feedback</td></tr>
<tr><td align="center"><textarea name="message" rows="6" cols="45" onfocus="Focus(this);" onblur="Blank(this)">Enter your message here...</textarea></td></tr>


<!-- Additional information -->
<tr><td align="left">Are you looking to purchase a Yorkie puppy?<br />
<input type="radio" name="purchase" value="yes" /> Yes 
<input type="radio" name="purchase" value="no" checked="checked" /> No</td></tr>

<tr><td align="left">Do you own a Yorkie?<br />
<input type="radio" name="owner" value="yes"  onclick="showDiv()" /> Yes 
<input type="radio" name="owner" value="no" checked="checked" onclick="hideDiv()" /> No<br />
<!-- If answer is no above the below questions are hidden, if yes then they appear -->
<div id="breeders">
How many? <select name="qnty" size="1"> 
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option></select> 
Are you a breeder? <input type="radio" name="breeder" value="yes" /> Yes 
<input type="radio" name="breeder" value="no" checked="checked" /> No</div></td></tr>

<!-- Subscriptions -->
<tr><td align="left">Do you wish to subscribe to the following?<br />
<input type="checkbox" name="subscribe" value="letter" checked="checked" /> Monthly Newsletter<br />
<input type="checkbox" name="subscribe" value="pups" /> Notification of a new litter<br />
<input type="checkbox" name="subscribe" value="updates" /> Notification of site updates<br />
<input type="checkbox" name="subscribe" value="register" /> Registrations</td></tr>

<!-- Add a picture file -->
<tr><td align="left">Upload your favourite Yorkie photo for the Picture of the Month.<br />
<input type="file" name="upload" accept="image/gif, image/jpeg" size="30" style="margin-left: 15px; margin-top:5px;" /></td></tr>

<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<tr><td align="center">Required fields marked with *</td></tr>

<!-- Buttons to clear the form or to submit the form -->
<tr><td align="center"><input type="reset" value="Clear the Form" />
<input type="submit" value="Send your message" /></td></tr>

</table></form<script type="text/javascript">loadSelections(document.forms[0]);</script>

</body>
</html>

Console Error: Unable to get value of the property 'split': object is null or undefined
for this line:

Code:

fieldArray = fieldValues.split("\|");

I am hitting a brick wall, dont know what to do?