|
JavaScript - Onreadystatechange Does Not Detect Ready State
I'm trying to diagnose the javascript part of an ajax script:
Code: <form>
<ul id='May120128AM' name='apt_time' value='May120128AM'>
<input type="hidden" id='May120128AMhidden' name="user_id" value='May120128AM'>
</form>
<script type="text/javascript">
<!--
var request;
request = new XMLHttpRequest();
function checkData()
{
alert(request.readyState);
}
var apt_time = encodeURIComponent(document.getElementById(May120128AM').value);
var userid = encodeURIComponent(document.getElementById(May120128AMhidden').value);
var parameters = "apt_time"+apt_time //+"&"+"user_id"+userid;
request.open("POST", "/cgi-bin/my_script.php", true);
request.onreadystatechange = checkData;
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send(parameters);
//-->
</script>
The checkData script puts each readyState in an alert box, so I know the javascript is firing. If I change the red line of code to this, the alert boxes no longer pop up, so I assume the javascript is not firing: Code: var parameters = "apt_time"+apt_time+"&"+"user_id"+userid; I thought name/value pairs were written like this: Code: name1=value1&name2=value2 I though that was exactly what the red line of code was doing. Does anyone know why it isn't firing? UPDATE: This works: Code: var parameters = "apt_time=+apt_time+&user_id=+userid"; I don't know why the above works and the other doesn't. They both look like they do the same thing - this: Code: apt_time=value1&user_id=value2 Similar TutorialsHi Guys, I've written the below code which submits to a servlet, does a bit of processing and returns a JSON object. I'm reaching the servlet, but I never reach the alert("ready()") in the JavaScript. It looks as though the readyState never actually reaches state 4. Any ideas what is wrong ?? Thanks Code: function fetchhits() {
var httpRequest = null;
var url = "http://localhost:8080/Json/FetchTopHit?amount=1";
try {
httpRequest = new XMLHttpRequest(); /* e.g. Firefox */
} catch(e) {
try {
httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); /* some versions IE */
} catch (e) {
try {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); /* some versions IE */
} catch (E) {
httpRequest = false;
}
}
}
httpRequest.open("GET", url, true);
httpRequest.onreadystatechange = handler;
httpRequest.send(null);
}
function handler() {
alert("hander() start");
if (httpRequest.readyState == 4) {
alert("ready...");
if (httpRequest.status == 200) {
processJson (httpRequest.responseText);
}
}
}
function processJson(jsonObjectString) {
alert ("Process the Json Object");
}
This is my class doucmnet :: PHP Code: XMLXHttpRequest = function(name){ this._handle = new XMLHttpRequest(); this._method = ''; this._url = ''; this.readyState = 0; this.responseBody = ''; this.responseText = ''; this.responseXML = ''; this.status = 0; this.statusText = ''; this.className = name; this.onreadystatechange = function(){} this.ontimeout = function(){} this.abort = function(){ this._handle.abort(); } this.getAllResponceHeaders = function(){ return this._handle.getAllResponceHaders; } this.getResponceHeader = function(bstrHeader){ return this._handle.getResponceHeader(bstrHeader); } this._readyStateUpdate = function(){ if(typeof(name) !== "undefined"){ name = this.className; } eval(""+name+".onreadystatechange();"); eval(""+name+".readyState = "+name+"._handle.readyState;"); eval(""+name+".status = "+name+"._handle.status;"); eval(""+name+".statusText = "+name+"._handle.statusText;"); eval(""+name+".responseText = "+name+"._handle.responseText;"); eval(""+name+".responseBody = "+name+"._handle.responseBody;"); eval(""+name+".responseXML = "+name+"._handle.responseXML;"); } this.open = function(sMethod, sUrl){ this._readyStateUpdate(); this._handle.onreadystatechange = this._readyStateUpdate; this._handle.ontimeout = this.ontimeout(); this._url = sUrl; this._method = sMethod; } this.send = function(data){ this._handle.open("GET", "xml.php?url="+ this._url + "&method=" + this._method + "&data=" + urlencode(data)); this._handle.send(null); } this.setRequstHeader = function(sName, sValue){ return this._handle.setRequestHeader(sName, sValue); } } What this is supposed to do :: This is a class that is supposed to allow CrossDomain AJAX(XMLXHttpRequest) in the exact same way the XMLHttpRequest dose all the same handlers other then it uses a php file to get all the data now the PHP File works perfectly post and GET - Without cURL. Now most of the class works it can send the data("POST" or "GET") cross domain the only problem seems to be firing the onreadystatechange PHP Code: this.open = function(sMethod, sUrl){ this._readyStateUpdate(); this._handle.onreadystatechange = this._readyStateUpdate; this._handle.ontimeout = this.ontimeout(); this._url = sUrl; this._method = sMethod; } As you can see i have its set to fire the _readyStateUpdate on the onreadystatechange so why is it not fireing, This is tested in FireFox 3.5, ComitBird(Firefox 3.2 Core), Google Chrome and IE and it dose not work in all of them as i know there is a bug with FireFox 3.5 and Firebug wich im a developer i have got it but thats why im testing in GG and IE Any help would be greatly appreciated Hey all, This is a problem that I've tried various ways round - consider the following code: Code: if (window.XMLHttpRequest)
{
this.xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
this.xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
this.xhr.onreadystatechange = function () {
if(this.readyState == 4) {
if(this.status == 200) { editor.loadObject.doLoad(); }
else window.console.log("Loader: Loader Error code " + xhr.status);
}
}
the code is called from my "loader" object which in turn is loaded from another object in this case "editor" (editor initiates the loader object by this.loadObject = new loader(this.ident + "loader");). In the example above I have had to hard-code the variable "editor" (i.e. the original object) because when I define this.xhr.onreadystatechange as a function, anything outside the function is outside of it's scope, so I can't for example define this.callerObject and put it in place of editor. This is a nuisance as you can imagine - Any ideas how to do this? Many thanks Edd I am trying to figure out that if the function "xmlhttp.onreadystatechange=function()" returns true the whole function "function checkUser(str)" should return true as well....so not sure how to do it. i have banged my head since long so please advise! Here is the code below: -------------------------------------------------------- function checkUser(str) { var sp = document.getElementById("msgs"); if (str=="") { document.getElementById("msgs").innerHTML="Username cannot be empty."; return false; } if (str.length <= 6) { document.getElementById("msgs").innerHTML="Username cannot be less than 6 characters and must not start with a number or a special value"; return false; } if (window.XMLHttpRequest) { //code for IE7+, firefox, chrome, opera, safari xmlhttp=new XMLHttpRequest(); } else { //code for old IE xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { if (xmlhttp.responseText === 'FOUND') { sp.style.color = "red"; sp.innerHTML = "[ERROR]: The username \"" + str + "\" already exist. Please try a different name."; return false; } else if (xmlhttp.responseText === 'NOT FOUND') { sp.style.color = "blue"; sp.innerHTML = "Username: VALID"; return true; } } } xmlhttp.open("GET", "checkUser.php?q="+str,true); xmlhttp.send(); } The line "xmlHttp.onreadystatechange = function()" Does the following error, i dont know whats wrong. The code: Code: function MakeRequest()
{
var xmlHttp = getXMLHttp();
var page = document.getElementById("page").value;
var content = document.getElementById("code").value;
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState == 4 && xmlHttp.status==200)
{
HandleResponse(xmlHttp.responseText);
}
}
xmlHttp.open("POST", "edit.save.php", true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.send("page="+page+"&content="+content+"");
}
function getXMLHttp()
{
var xmlHttp
try
{
//Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
}
catch(e)
{
//Internet Explorer
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert("Your browser does not support AJAX!")
return false;
}
}
}
}
function HandleResponse(response)
{
document.getElementById('SavedFile').innerHTML = response;
}
Hi there. I want to slide in (jquery) a link in the bottom right when the page loads that offers the user to be pushed back to the top of the page. So far all is well. I have it appearing at width 1024 or bigger. With a media query set in order for it not to appear for smaller devices: #totop { position: fixed; bottom: 0; right: 10px; background: #FFF; color: #000; padding: 10px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display:block; -moz-box-shadow: 10px 10px 5px #000; -webkit-box-shadow: 10px 10px 5px #000; box-shadow: 10px 10px 5px #000; } @media screen and (max-width: 1023px) { #totop { display: none; /* Remove to top button */ } Now I understand I want an if statement checking whether the css is to display block or none. Or if this doesn't work have an if statement checking the screen width itself rather than media queries. So far I have this: $(document).ready(function() { if( $('#totop').is(':visible') ) { ("#totop").slideDown("slow"); } else { ("#totop").hide(); } }); Please help! In Jquery, there are following two concepts 1. Document.ready 2. Window.onload How can i get to know when document is ready to use using pure javascript? All, I currently have this code to make a post to my database: Code: var $dataString = 'name='+ $name + '&black_white=' + $black_white + '&color=' + $color + '&color=' + $other + '&other_text=' + $text;
$.post("save_edits.php", {image_save_string: $dataString}, function(result) {
$("#multiple_images").hide();
$("#result_success").html("<font color='red'>We've successfully saved your photo edits!</font><br><br>");
$("#image_divs").html(result);
});
Within the result I'm actually recreating the form for them to use if they want. I have a decent amount of jQuery that got initialized when the original page was loaded. Once I get my new form it doesn't work because it wasn't originally included in the page initialization. Is there a way just to call the document.ready function again to have it reinitialize my form elements again? Thanks in advance. Hi, I used this link fader script on my website: http://www.javascriptkit.com/script/...inkfader.shtml. The browser activates this script when I move my mouse over the link - that's understood. But unlikely the browser needs 1 or 2 seconds to activated it (to read it) so the whole effect is delayed - it happens every first time I use the links after loading the page. Question: is there a way to make the browser "read and remember" the script before I use the link so no delays appear? Any onLoad formula? Thanks I have a website which includes stories with multiple chapters. These chapters have a set of clickable arrows at top and bottom to take you forwards and back through the chapters, including a "last chapter" arrow. When a story is in progress, the URL of the last chapter changes with each chapter added. Rather than having to go back into every previous chapter and change the URL of the last chapter by hand, I set them up so that the "last chapter" arrow is actually in an inline frame. That way, I only have to change the URL once, in the file go_end.htm which is the source for the frame. So both the picture of the arrow and its hyperlink are being accessed from outside. My web pages are also set up to run on all major browsers and to detect the window width and resize all the artwork to fit, regardless of the browser and whether or not it accepts percentage sizes. Go_end.htm is no exception - it contains Javascript code which resizes the arrow so it is the same size as the ones which are actually in the parent page, outside the frame. This setup works perfectly in IE and Netscape, but Google Chrome either fails to display the arrow or makes it huge so it doesn't fit the frame. This seems to be because their superfast new Javascript editor is *too* fast. If I bung an alert command into go_end.htm, asking it to say the value of picWidth (the variable which sets the width of the arrow) as it loadfs, what happens is this. Google Chrome displays an alert saying that picWidth is zero, then loads the first instance of the inline frame with no got-to-end arrow. Then it displays an alert giving a proper value for picWidth and loads the second inline frame with the arrow correctly displayed and sized. If I take out the alerts, it doesn't load the arrow in *either* frame. It's obvious that inserting the alert command somehow forces it to recognise the value of the variable which it then retains for long enough to load the arrow on the second pass. Any ideas for some command other than alert which would trick it into not loading the image until it's recognised the variable? If I put a time delay on loading the frame I can't see that that would help - the problem is that from the point at which it starts actually loading the frame it needs to wait for the variable to be set. Hi, I am using jQuery for the following scenario: There is a random number of divs, each sharing the same class (.slecteable), each having its own id (a unique string extracted from the database). A user clicks on a div. I get the id, and change the color of this div (in gets highlighted). Code: $('.selectable').livequery('click',function(){
var id;
id = $(this).attr('id');
//change color based on id.
});
Now comes the problem. Once a user clicks again on a div, if it wasn't highlighted, it should return to its original color. If it had been highlighted, and had returned to its original color due to a second click, it should get highlighted again. How would you do that? I wish I could post some code, but at this point, it would be rubbish. Thanks in advance. Regards, -jj. Currently i have rollover images when click on active a hide show div tag with the css property. the problem is that i want to keep the buttons on active state till someone clicks on another button then the button returns to a down state and the new button that was click on stay up. Code: <script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','a4', 'a5','a6');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
please help I am trying to make a simple alert come up stating a checkbox is checked when it changes, and then another alert for when the checkbox is unchecked. Problem is, only the alert for when the box is checked is coming up. Anyone know why? Code: function displayCheckPopUp()
{
if(document.activeElement.checked=true)
{
alert("A check box has been selected");
}
else if(document.activeElement.checked=false)<!--if(document.getElementById().checked=false)-->
{
alert("****");
}
}
Code: <input type="checkbox" name="Checkbox 1" value="Checkbox 1" id="first_cbox" onchange="displayCheckPopUp(this)" /> <p class="custom_style2"> Checkbox 1 </p> Hi, I have a a html/PHP page divided into two, on the left div I have a list of subjects and on the right div I have used AJAX to populate this side with a list of questions (taken from database), this list depends on the selection made on the left. Each of the questions in the list has a checkbox, I want to be able to make selections using the checkboxes and then click on the other subjects but if I was to go back to the page with my selections the checkboxes checked previously will already be there. Any ideas on how I can do this? I would appreciate any help. I have a form that passes values to a next step. It has two sub divs that show depending on what's selected from the dropdowns in the top two divs. I'm trying to keep the selected sub divs open if the user hits previous step. The divs stay open in FF but not in IE. Any ideas? dropdowns Code: <table border="0" cellspacing="0" cellpadding="2">
<tr valign="top">
<td align="right">Morning:</td>
<td><select name="wcsave_10_msession" id="wcsave_10_msession" size="1" onblur="CheckField(this.form,this,'');" onchange="display1(this,'Concurrent sessions 1-6');">
<option value="" selected="selected">Choose one</option>
<option value="Mastery session 1 - Computer Lab: Searching Essentials"> <strong>Mastery session 1</strong> - Computer Lab: Searching Essentials</option>
<option value="Concurrent sessions 1-6">Concurrent sessions 1-6</option>
</select>
</td>
</tr>
<tr valign="top">
<td> </td>
<td>
<div id="Concurrent sessions 1-6" style="display: none;">
<table class="special">
<tr valign="top">
<td>Choose a session for each time slot.<br />
(9:15 a.m. - 10:15 a.m.)<br /><select name="wcsave_10_session_mconc1" id="wcsave_10_session_mconc1">
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 1 - IRB 101 for Research Nurses">Concurrent session 1 - IRB 101 for Research Nurses</option>
<option value="Concurrent session 2 - A Research Poster Contest as a Tool to Learn About Research/EBP">Concurrent session 2 - A Research Poster Contest as a Tool to Learn About Research/EBP</option>
<option value="Concurrent session 3 - Beginning the EBP Journey: Evaluating and Synthesizing the Literature">Concurrent session 3 - Beginning the EBP Journey: Evaluating and Synthesizing the Literature</option>
</select>
</td>
</tr>
<tr valign="top">
<td>(10:30 a.m. - 11:30 a.m.)<br /><select name="wcsave_10_session_mconc2" id="wcsave_10_session_mconc2">
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 4 - Making Sense of Statistics When Reading Research">Concurrent session 4 - Making Sense of Statistics When Reading Research</option>
<option value="Concurrent session 5 - Original Research Presentations">Concurrent session 5 - <em>Original Research Presentations</em></option>
<option value="Concurrent session 6 - IRB Considerations with Vulnerable Populations">Concurrent session 6 - IRB Considerations with Vulnerable Populations</option>
</select>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr valign="top">
<td colspan="2"> </td>
</tr>
<tr valign="top">
<td align="right">Afternoon:</td>
<td><select name="wcsave_10_asession" id="wcsave_10_asession" size="1" onblur="CheckField(this.form,this,'');" onchange="display2(this,'Concurrent sessions 7-12');"><!--showDiv(this.value)-->
<option value="" selected="selected">Choose one</option>
<option value="Mastery session 2 - Beyond the Basics of Searching!"><strong>Mastery session 2</strong> - Beyond the Basics of Searching!</option>
<option value="Concurrent sessions 7-12">Concurrent sessions 7-12</option>
</select>
</td>
</tr>
<tr valign="top">
<td> </td>
<td>
<div id="Concurrent sessions 7-12" class="hiddenDiv">
<table class="special">
<tr valign="top">
<td>Choose a session for each time slot.<br />
(1:45 p.m. - 2:45 p.m.)<br /><select name="wcsave_10_session_aconc1" id="wcsave_10_session_aconc1">
<option value="" selected="selected">Choose one</option>
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 7 - EBP Protocols">Concurrent session 7 - EBP Protocols</option>
<option value="Concurrent session 8 - Writing for Publication">Concurrent session 8 - Writing for Publication</option>
<option value="Concurrent session 9 - Original Research Presentations">Concurrent session 9 - Original Research Presentations</option>
</select>
</td>
</tr>
<tr valign="top">
<td>(3:00 p.m. - 4:00 p.m.)<br /><select name="wcsave_10_session_aconc2" id="wcsave_10_session_aconc2">
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 10 - Writing a Research Question Using PICO">Concurrent session 10 - Writing a Research Question Using PICO</option>
<option value="Concurrent session 11 - EBP Project Presentations">Concurrent session 11 - EBP Project Presentations</option>
<option value="Concurrent session 12 - The Role of the Research Facilitator">Concurrent session 12 - The Role of the Research Facilitators</option>
</select>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
javascript: Code: var lastDiv = "";
function showDiv(divName) {
var items = document.getElementById('wc_addItem_ADV');
var form = document.getElementById('webcredit');
var total = document.getElementById('Total');
var amount = document.getElementById('amount');
// set checkboxes to 0
for (var i = 0; i < form.elements.length; i++ ) {
if (form.elements[i].type == 'checkbox') {
form.elements[i].checked = false;
document.getElementById(form.elements[i].id).value = "0";
}
}
total.value = '';
amount.value= '';
// hide last div
if (lastDiv) {document.getElementById(lastDiv).className = "hiddenDiv";}
//if value of the box is not nothing and an object with that name exists, then change the class
if (divName && document.getElementById(divName)) { document.getElementById(divName).className = "visibleDiv"; lastDiv = divName;
}
}
function showInitialDiv() {
var selBox = document.getElementById('wcsave_10_session_mconc1');
if (selBox == undefined || selBox == null)
return;
var val = selBox.options[selBox.selectedIndex].value;
if (val == null || val == '')
return;
showDiv(val);
}
I only call one of the sub div ID's but it seems to work in FF with no errors. Everything is called with: Code: <body onload="showInitialDiv();"> Please help. I'm not sure why it's not populating. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Blood Control</title>
<meta name="keywords" content="">
<meta name="description" content="">
<META HTTP-EQUIV="Expires" CONTENT="0">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<!--- global javascript functions --->
<script language="JavaScript" type="text/javascript" src="https://www.bd.com/includes/global.js"></script>
<!--- global style sheet --->
<LINK rel="stylesheet" type="text/css" href="https://www.bd.com/includes/styles.css" media="screen">
<!--- print style sheet --->
<LINK rel="stylesheet" type="text/css" href="https://www.bd.com/includes/print.css" media="print">
<!--- browser specific style sheets --->
<STYLE TYPE="text/css">
BODY {
font-size: 75%;
font-family : Verdana, Arial, Helvetica;
color: #333333;
}
TD {
font-size: 75%;
font-family : Verdana, Arial, Helvetica;
color: #333333;
}
</STYLE>
<!----- HBX Include ----->
<!-- HBX INCLUDE DATA HERE www.bd.com -->
<!--WEBSIDESTORY CODE HBX1.0 (Universal)-->
<!--COPYRIGHT 1997-2005 WEBSIDESTORY,INC. ALL RIGHTS RESERVED. U.S.PATENT No. 6,393,479B1. MORE INFO:http://websidestory.com/privacy-->
<script language="javascript">
var _hbEC=0,_hbE=new Array;function _hbEvent(a,b){b=_hbE[_hbEC++]=new Object();b._N=a;b._C=0;return b;}
var hbx=_hbEvent("pv");hbx.vpc="HBX0100u";hbx.gn="aa.bd.com";
//BEGIN EDITABLE SECTION
//CONFIGURATION VARIABLES
hbx.acct="DM531126I7FB72EN3";//ACCOUNT NUMBER(S)
hbx.pn="PUT+PAGE+NAME+HERE";//PAGE NAME(S)
hbx.mlc="CONTENT+CATEGORY";//MULTI-LEVEL CONTENT CATEGORY
hbx.pndef="index.asp";//DEFAULT PAGE NAME
hbx.ctdef="full";//DEFAULT CONTENT CATEGORY
//OPTIONAL PAGE VARIABLES
//ACTION SETTINGS
hbx.fv="";//FORM VALIDATION MINIMUM ELEMENTS OR SUBMIT FUNCTION NAME
hbx.lt="auto";//LINK TRACKING
hbx.dlf="n";//DOWNLOAD FILTER
hbx.dft="n";//DOWNLOAD FILE NAMING
hbx.elf="n";//EXIT LINK FILTER
hbx.lc="y";//FORCE LOWERCASE
//SEGMENTS AND FUNNELS
hbx.seg="";//VISITOR SEGMENTATION
hbx.fnl="";//FUNNELS
//CAMPAIGNS
hbx.cmp="";//CAMPAIGN ID
hbx.cmpn="";//CAMPAIGN ID IN QUERY
hbx.dcmp="";//DYNAMIC CAMPAIGN ID
hbx.dcmpn="";//DYNAMIC CAMPAIGN ID IN QUERY
hbx.dcmpe="";//DYNAMIC CAMPAIGN EXPIRATION
hbx.dcmpre="";//DYNAMIC CAMPAIGN RESPONSE EXPIRATION
hbx.hra="";//RESPONSE ATTRIBUTE
hbx.hqsr="";//RESPONSE ATTRIBUTE IN REFERRAL QUERY
hbx.hqsp="";//RESPONSE ATTRIBUTE IN QUERY
hbx.hlt="";//LEAD TRACKING
hbx.hla="";//LEAD ATTRIBUTE
hbx.gp="";//CAMPAIGN GOAL
hbx.gpn="";//CAMPAIGN GOAL IN QUERY
hbx.hcn="";//CONVERSION ATTRIBUTE
hbx.hcv="";//CONVERSION VALUE
hbx.cp="";//LEGACY CAMPAIGN
hbx.cpd="";//CAMPAIGN DOMAIN
//CUSTOM VARIABLES
hbx.ci="";//CUSTOMER ID
hbx.hc1="";//CUSTOM 1
hbx.hc2="";//CUSTOM 2
hbx.hc3="";//CUSTOM 3
hbx.hc4="";//CUSTOM 4
hbx.hrf="";//CUSTOM REFERRER
hbx.pec="";//ERROR CODES
//INSERT CUSTOM EVENTS
//END EDITABLE SECTION
//REQUIRED SECTION. CHANGE "YOURSERVER" TO VALID LOCATION ON YOUR WEB SERVER (HTTPS IF FROM SECURE SERVER)
</script>
<script language="javascript1.1" src="https://www.bd.com/includes/hbx.js"></script>
<!--END WEBSIDESTORY CODE-->
<!----- WT Include ----->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
var rand_no = Math.floor(Math.random()*999999);
// Declaring required variables
var digits = "0123456789";
// non-digit characters which are allowed in phone numbers
var phoneNumberDelimiters = "()#- .";
// characters which are allowed in international phone numbers
// (a leading + is OK)
var validWorldPhoneChars = phoneNumberDelimiters + "+";
// Minimum no of digits in an international phone no.
var minDigitsInIPhoneNumber = 0;
function form_action(form)
{
if (form.Share_Story.checked)
{
document.getElementById('share_story_enabled').style.display = 'block';
}
else
{
document.getElementById('share_story_enabled').style.display = 'none';
}
if (form.Share_Comment.checked)
{
document.getElementById('share_comment_enabled').style.display = 'block';
}
else
{
document.getElementById('share_comment_enabled').style.display = 'none';
}
if (form.Sign_Up.checked)
{
document.getElementById('sign_up_enabled').style.display = 'block';
}
else
{
document.getElementById('sign_up_enabled').style.display = 'none';
}
}
</script>
<script language="javascript">
function clearselect()
{
document.myform.State.options.length = 0;
}
function changeStates()
{
var indx=document.myform.Country.selectedIndex
var Country=document.myform.Country.options[indx].value
if (Country=="United States")
{
clearselect();
document.myform.State.options[0] = new Option('----- Select One -----','');
document.myform.State.options[1] = new Option('Alabama','AB');
document.myform.State.options[2] = new Option('Alaska','AK');
document.myform.State.options[3] = new Option('Arizona','AZ');
document.myform.State.options[4] = new Option('Arkansas','AR');
document.myform.State.options[5] = new Option('California','CA');
document.myform.State.options[6] = new Option('Colorado','CO');
document.myform.State.options[7] = new Option('Connecticut','CT');
document.myform.State.options[8] = new Option('Delaware','DE');
document.myform.State.options[9] = new Option('District of Columbia','DC');
document.myform.State.options[10] = new Option('Florida','FL');
document.myform.State.options[11] = new Option('Georgia','GA');
document.myform.State.options[12] = new Option('Hawaii','HI');
document.myform.State.options[13] = new Option('Idaho','ID');
document.myform.State.options[14] = new Option('Illinois','IL');
document.myform.State.options[15] = new Option('Indiana','IN');
document.myform.State.options[16] = new Option('Iowa','IA');
document.myform.State.options[17] = new Option('Kansas','KS');
document.myform.State.options[18] = new Option('Kentucky','KY');
document.myform.State.options[19] = new Option('Louisiana','LA');
document.myform.State.options[20] = new Option('Maine','ME');
document.myform.State.options[21] = new Option('Maryland','MD');
document.myform.State.options[22] = new Option('Massachusetts','MA');
document.myform.State.options[23] = new Option('Michigan','MI');
document.myform.State.options[24] = new Option('Minnesota','MN');
document.myform.State.options[25] = new Option('Mississippi','MS');
document.myform.State.options[26] = new Option('Missouri','MO');
document.myform.State.options[27] = new Option('Montana','MT');
document.myform.State.options[28] = new Option('Nebraska','NE');
document.myform.State.options[29] = new Option('Nevada','NV');
document.myform.State.options[30] = new Option('New Hampshire','NH');
document.myform.State.options[31] = new Option('New Jersey','NJ');
document.myform.State.options[32] = new Option('New Mexico','NM');
document.myform.State.options[33] = new Option('New York','NY');
document.myform.State.options[34] = new Option('North Carolina','NC');
document.myform.State.options[35] = new Option('North Dakota','ND');
document.myform.State.options[36] = new Option('Ohio','OH');
document.myform.State.options[37] = new Option('Oklahoma','OK');
document.myform.State.options[38] = new Option('Oregon','OR');
document.myform.State.options[39] = new Option('Pennsylvania','PA');
document.myform.State.options[40] = new Option('Puerto Rico','PR');
document.myform.State.options[41] = new Option('Rhode Island','RI');
document.myform.State.options[42] = new Option('South Carolina','SC');
document.myform.State.options[43] = new Option('South Dakota','SD');
document.myform.State.options[44] = new Option('Tennessee','TN');
document.myform.State.options[45] = new Option('Texas','TX');
document.myform.State.options[46] = new Option('Utah','UT');
document.myform.State.options[47] = new Option('Vermont','VT');
document.myform.State.options[48] = new Option('Virginia','VA');
document.myform.State.options[49] = new Option('Washington','WA');
document.myform.State.options[50] = new Option('West Virginia','WV');
document.myform.State.options[51] = new Option('Wisconsin','WI');
document.myform.State.options[52] = new Option('Wyoming','WY');
}
else if (Country=="Canada")
{
clearselect();
document.myform.State.options[0] = new Option('---------------Select One-------------','');
document.myform.State.options[1] = new Option('Alberta','AB');
document.myform.State.options[2] = new Option('British Columbia','BC');
document.myform.State.options[3] = new Option('Manitoba','MB');
document.myform.State.options[4] = new Option('New Brunswick','NB');
document.myform.State.options[5] = new Option('New Foundland','NL');
document.myform.State.options[6] = new Option('NorthWest Territories','NT');
document.myform.State.options[7] = new Option('Nova Scotia','NS');
document.myform.State.options[8] = new Option('Ontario','ON');
document.myform.State.options[9] = new Option('Prince Edward Island','PE');
document.myform.State.options[10] = new Option('Quebec','QC');
document.myform.State.options[11] = new Option('Saskatchewan','SK');
document.myform.State.options[12] = new Option('Yukon','YT');
}
else if (Country!="Canada" && Country!="United States")
{
clearselect();
document.myform.State.options[0] = new Option('Not Applicable','Not Applicable');
}
}
</script>
</head>
<body bgcolor="#ECF3FB" link="#2F61BD" vlink="#2F61BD" alink="#FF6600" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" onLoad="pageLoaded();">
<table border=0 cellpadding=0 cellspacing=0 width=768 align="center" bgcolor="#FFFFFF">
<tr>
<td width=4 height=7 background="https://www.bd.com/images/shadow_left.gif" valign=top><img src="https://www.bd.com/images/shadow_top_left.gif" alt="[spacer image]" width="4" height="7" hspace="0" vspace="0" border="0"></td>
<td width=760 rowspan=2 valign=top><!--- Global Header Include --->
<script type="text/javascript" src="https://www.bd.com/includes/anylink.js">
/***********************************************
* AnyLink CSS Menu script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
http://auspost.com.au/apps/postcode.html Basically I want to build the same thing. The data is freely available there as a download. I couldn't find anything existing in the jquery plugin space. Can anyone offer pointers on how to achieve it? Hey I'm trying to use the adipose plugin to make rollover buttons, Everything works the first time around. I click on the button and it takes me to the link, but when I click on the 'back button' on the browser window, the rollover button stays in the hover state and stops working. Can you help please? Here is the link for that javascript, it's not gonna fit in he http://jobyj.in/adipoli/#download how do i make this table's initial state to be collapsed rather than expanded Code: <html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
Untitled Page
</title>
<script type="text/javascript">
function poorman_toggle(id)
{
var tr = document.getElementById(id);
if (tr==null) { return; }
var bExpand = tr.style.display == '';
tr.style.display = (bExpand ? 'none' : '');
}
function poorman_changeimage(id, sMinus, sPlus)
{
var img = document.getElementById(id);
if (img!=null)
{
var bExpand = img.src.indexOf(sPlus) >= 0;
if (!bExpand)
img.src = sPlus;
else
img.src = sMinus;
}
}
function Toggle_trGrpHeader2()
{
poorman_changeimage('trGrpHeader2_Img', 'http://www.saintjoe.edu/info_systems/help/email/minus_sign.gif', 'http://www.mumstudents.org/~gwang/Safari_Books/PHP%20Advanced%20for%20the%20World%20Wide%20Web/1.3_files/sign_plus.gif');
poorman_toggle('row1');
poorman_toggle('row2');
poorman_toggle('row3');
}
function Toggle_trGrpHeader1()
{
poorman_changeimage('trGrpHeader1_Img', 'http://www.saintjoe.edu/info_systems/help/email/minus_sign.gif', 'http://www.mumstudents.org/~gwang/Safari_Books/PHP%20Advanced%20for%20the%20World%20Wide%20Web/1.3_files/sign_plus.gif');
poorman_toggle('trRow1');
}
function IMG1_onclick() {
}
function IMG2_onclick() {
}
function IMG8_onclick() {
}
function IMG10_onclick() {
}
function IMG12_onclick() {
}
function IMG13_onclick() {
}
</script>
</head>
<body style="font-size: 12pt">
<div>
<table border="0" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; cursor: crosshair; padding-top: 0px; background-color: transparent; border-right: gray thin solid; border-top: gray thin solid; border-left: gray thin solid; border-bottom: gray thin solid;" cellpadding="1" cellspacing="0" align="center">
<tr>
<td colspan="12" style="border-bottom: gray thin solid; text-align: center; height: 25px;" class="titlebg">
<span class="titlebg" style="color: gray">Our Affiliates</span></td>
</tr>
<tr id="trGrpHeader2">
<td class="number" colspan="4" rowspan="4" style="border-right: gray thin dashed;">
<span onclick="javascript:Toggle_trGrpHeader2();">
<img id="IMG12" src="http://img48.imageshack.us/img48/3168/viewallcopyjo5.png" language="javascript" onclick="return IMG12_onclick()" /></span></td>
<td colspan="1" style="width: 71px; height: 11px;"><img id="Img5" src="http://sz-ex.com/affiliates/socal1.gif" language="javascript" onclick="return IMG2_onclick()" /></td>
<td colspan="1" style="width: 63px; height: 11px;"><img src="http://sz-ex.com/affiliates/ff1.gif" /></td>
<td colspan="1" style="width: 76px; height: 11px;"><img id="Img6" src="http://zcoarea.ckc.com.ru/image3.gif" language="javascript" onclick="return IMG1_onclick()" /></td>
<td colspan="1" style="width: 51px; height: 11px;"><img id="Img7" src="http://sz-ex.com/affiliates/ssd1.gif" language="javascript" onclick="return IMG2_onclick()" /></td>
<td colspan="1" style="width: 40px; height: 11px">
<img id="IMG8" src="http://sz-ex.com/mini_v2-1.gif" language="javascript" onclick="return IMG8_onclick()" /></td>
<td colspan="1" style="width: 55px; height: 11px">
<img id="IMG10" src="http://i114.photobucket.com/albums/n267/f2a/FTAV1.jpg" language="javascript" onclick="return IMG10_onclick()" /></td>
<td class="number" rowspan="4">
</td>
<td class="number" rowspan="4" style="width: 80px; text-align: center; border-left: gray thin dashed;">
<img id="IMG13" src="http://img61.imageshack.us/img61/613/minibanneruf1.gif" language="javascript" onclick="return IMG13_onclick()" start="" /><br />
<span style="font-size: 8pt; color: dimgray"></span></td>
</tr>
<tr id="row1">
<td class="number" rowspan="3" style="width: 71px; height: 22px">
<img src="http://sz-ex.com/affiliates/ff1.gif" /></td>
<td class="number" rowspan="3" style="width: 63px; height: 22px">
<img id="IMG2" src="http://sz-ex.com/affiliates/socal1.gif" language="javascript" onclick="return IMG2_onclick()" /></td>
<td class="number" rowspan="3" style="width: 76px; height: 22px">
<img id="Img11" src="http://i114.photobucket.com/albums/n267/f2a/FTAV1.jpg" language="javascript" onclick="return IMG10_onclick()" /></td>
<td class="number" rowspan="3" style="width: 51px; height: 22px">
<img id="Img9" src="http://sz-ex.com/mini_v2-1.gif" language="javascript" onclick="return IMG8_onclick()" /></td>
<td class="number" rowspan="3" style="width: 40px; height: 22px">
<img id="Img4" src="http://zcoarea.ckc.com.ru/image3.gif" language="javascript" onclick="return IMG1_onclick()" /></td>
<td class="number" rowspan="3" style="width: 55px; height: 22px">
<img id="Img3" src="http://sz-ex.com/affiliates/ssd1.gif" language="javascript" onclick="return IMG2_onclick()" /></td>
</tr>
<tr id="row2">
</tr>
<tr id="row3">
</tr>
</table>
</div>
</body>
</html>
|
|||||||