JavaScript - Can't Get "alert" To Work With A Button That Calls A Function

Greetings!

Let me start by first stating that I've never really coded Javascript before in my life. Having said that, I'm not an idiot and I can generally pick up on things relatively quickly .

So, now to the point.

I'm currently creating a site in which I've incorporated Protoswitcher (http://cssrevolt.com/upload/files/pr...her/index.html). From what I can tell, it's a relatively simple script.

Now the catch is that I wanted to have more than one switcher on my site. And this is where I get stuck.

What I did initially was to basically copy the JS file (protoswitcher.js) and rename it something else (userbar.js, for example). I then changed the various places in the script which were previously for "var ProtoSwitcher" to "var UserBar", etc.

I managed to get it all to work fine. Both the boxes show up, and they both work as they should (clicking on them changes select bits of CSS).

Now the problem I'm having is that the original protoswitcher uses cookies to remember a persons preferences.

I cannot for the life of me figure out how to get the "new" protoswitcher (userbar.js) to work with cookies as well.

Any help would be much appreciated, and I'm sure I can give you a few dollars for your time .

Please let me know if I haven't made sense.

TLDL: I want to be able to use several protoswitchers with working cookies. I don't know how.

JavaScript:
Code:

function confirmchamber(ChambersID) {
	var answer = confirm("Delete Chamber ?")

	if (answer){
		alert("Chamber Deleted")
		window.location = "delete_chamber.php?chambers_id="+ChambersID;
	}
	else{
		alert("No action taken")
	}
	}

HTML
PHP Code:
<tbody>
                          <?php
                            $loops=0;
                            for ($i=0;$i<$chambercount;$i++){
                            if ($loop==0)
                            {
                            $bgclass="odd";
                            $loop=1;
                            }
                            else
                            {
                            $bgclass="even";
                            $loop=0;
                            }
                            echo '<tr class="';
                            echo $bgclass;
                            echo '">';
                           ?>
                            <td class="btr"><?php echo $chambername[$i]; ?></td>
                            <td align="center" class="bt">
<a href="javascript:popUp('edit_chamber.php?chambers_id=<?php echo $chamberid[$i]; ?>')"><img src="images/icons/edit.gif" alt="Edit" height="16" width="16" border="0" /></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:confirmchamber(<?php echo $chamberid[$i]; ?>)"><img src="images/icons/action_delete.gif" alt="Delete" height="16" width="16" border="0" /></a></td>
                          </tr>
                          <?php } ?>
                        </tbody>

so that the form only submits when 2 fields are identical?

this is the code I am trying to edit


Code:

<div class="title">ENROLLMENT</div>
			<p>You are on your way to receiving <strong>generous cash backs</strong> <em>PLUS</em> a <strong>steady stream of free dinners</strong> just for shopping at your favorite stores!</p> <br />
			<form action="" class="registration" id="cform">
				<div>
					To begin, please complete the following:<br />
					<div class="f11">
						<input type="text" name="name" value="Name:" onfocus="if(this.value=='Name:')this.value=''" /><br />
						<input type="text" name="address" value="Address:" onfocus="if(this.value=='Address:')this.value=''" /><br />
						<input type="text" name="phone" value="Phone:" onfocus="if(this.value=='Phone:')this.value=''" /><br />
						<input type="text" name="email" value="E-mail:" onfocus="if(this.value=='E-mail:')this.value=''" /><br />
						<input type="text" name="confirm" value="Confirm Email:" onfocus="if(this.value=='Confirm Email:')this.value=''" /><br />
						<fieldset style="width:330px">
							How would you like your free restaurant gift certificates sent to you? <br /> <input class="checkbox" name="gift_1" id="c1" type="checkbox" value="yes" /> <label for="c1">U.S. Mail</label> <input class="checkbox" name="gift_2" id="c2" type="checkbox" value="yes" /> <label for="c2">E-mail</label>
						</fieldset>
					</div>
					<br />
					<div class="align-center"><a href="javascript:void(0);" id="sbm"><img alt="" src="images/button-submit.gif" /></a></div>				
				</div>
			</form>
        <center><img src="/images/registration.jpg" ALT="registration" class="border" style="margin-top:20px" /></center>

Code:

/**
 * @author bob4ik
 */
$(document).ready(function(){
    html = '<div id="displayResponse" style="display:none;"><div id="inner">Processing...</div></div>';
    $('#cform').before(html);
    
    $('#sbm').click(function(){
        $('#cform').submit();
    });
    var options = {
        target: '#displayResponse', 	// target element(s) to be updated with server response 
        beforeSubmit: before, 			// pre-submit callback 
    //  success: success, 				// post-submit callback
        url: 'includes/mail.ctrl.php',	// override for form's 'action' attribute 
        type: 'post', 					// 'get' or 'post', override for form's 'method' attribute
        resetForm: true 				// reset the form after successful submit
    };    
    
    // bind to the form's submit event 
    $('#cform').submit(function(){
    	error = '<div id="inner">Processing...</div>';
    	$('#displayResponse').empty();
        $('#displayResponse').append(error);
        $('#displayResponse').toggle();
        $(this).ajaxSubmit(options);
        return false;
    });
});
function before(formData, jqForm, options){
    var error = '';
    var form = jqForm[0];
    if (!form.name.value && !form.email.value && !form.address.value && !form.phone.value && !form.hear.value && !form.confirm.value) {
        error = error + '<div style=""><b>Please fill all fields</b></div>';
    }
    else {
        if (!form.name.value||form.name.value=="Name:")error = error + '<div style=""><b>Please fill &quot;Name&quot; field</b></div>';
		if (!form.address.value||form.address.value=="Address:")error = error + '<div style=""><b>Please fill &quot;Address&quot; field</b></div>';
		if (!form.phone.value||form.phone.value=="Phone:")error = error + '<div style=""><b>Please fill &quot;Phone&quot; field</b></div>';		
		if (!form.c1.checked && !form.c2.checked)error = error + '<div style=""><b>Please fill &quot;How would you like your free restaurant gift certificates sent to you?&quot; field</b></div>';
        if (!form.email.value||form.email.value=="E-mail:")error = error + '<div style=""><b>Please fill &quot;E-mail address&quot; field</b></div>';
        if (!form.confirm.value||form.confirm.value=="Confirm Email:")error = error + '<div style=""><b>Please fill &quot;Confirm E-mail address&quot; field</b></div>';
        if ((form.email.value.match(/[0-9a-z_]+@[0-9a-z_^.]+.[a-z]{2,3}/i) == null) && form.email.value && (form.email.value.match(/^.+@.+\..+$/) == null)&& form.email.value!="E-mail:") {
			error = error + '<div style=""><b>Invalid e-mail</b></div>';
		}
		 if ((form.confirm.value.match(/[0-9a-z_]+@[0-9a-z_^.]+.[a-z]{2,3}/i) == null) && form.confirm.value && (form.confirm.value.match(/^.+@.+\..+$/) == null)&& form.confirm.value!="Confirm Email:") {
			error = error + '<div style=""><b>Invalid e-mail</b></div>';
		}
	}
    if (error != '') {
        error = error + '<br><a href="#" onclick="javascript: $(\'#displayResponse\').toggle(); return false;"><img src="images/close.gif" border="0"></a>';
        error = '<div id="inner">' + error + '</div>';
        $('#displayResponse').empty();
        $('#displayResponse').append(error);
        return false;
    }
    else {
        return true;
    }
}

Does anyone have a sizeable popup that will work in google chrome??

I have tried several scripts for this with no success, they all open full page..

Here is an example of what I am looking for...

The problem with this is it opens a new page plus a full page popup

Code:

<script type="text/javascript">
<!--
function popup(url) 
{
 var is_chrome; 
 var width  = 1020;
 var height = 600;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=yes';
 params += ', scrollbars=yes';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'windowname5', params);
 is_chrome= navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 if (is_chrome) {newwindow.parent.blur();}
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

To open I am using
Code:

onclick=popup(mypage.php?id=".$row->id."

Hello everyone. I'm new to programming, although I've learned HTML and CSS pretty thoroughly. I think I have most of the Javascript basics down as far as definitions, but I'm getting hung up on the actual coding.

I'm working on an information request form for my fiancee's business site. In it, I want to have options that users select via radio buttons. Rather than having additional input fields static on the page, I would like to program some of the radios, when clicked, to open a previously unseen option where users will then be able to type in the necessary information. More specifically, since she only works in two states, I want a third option of "other," which, when opened, will allow the user to input any other state. Then, should the radio be deselected or reset, the field would disappear again.

If my understanding is correct, I think I will need to use a javascript function in the header, an HTML "div" section with ID, "onclick" and "offclick" events in the button mark-up, and the specific javascript code to call the function (getElementById?). Or maybe I'm way off.

Please help. Thanks

Hi ,

Kindly help

I have to handle the browser RED X close button in the window.

The problem is that its not saving the data.
before submitting/saving the data it executes the window.close()
I put settime out and form on submit conditionalyy put
even its not saving the data
But window is closing.
how can we sequentiate the save + window.close()

im copying the code below.
============
window.onbeforeunload = function()
{
if (window.event.clientY < 0 && (window.event.clientX > (document.documentElement.clientWidth - 5) || window.event.clientX < 15))
{
editedCheck();
document.BuildRequestForm.buttonClicked.value="REDX";
if( document.BuildRequestForm.measdatachanged.value=="false")
{
setVarZero();
fn_Close();
}
else
{
if(confirm('Do you want to save the changes?'))
{
elmtForm.onsubmit = fn_Close;
//document.BuildRequestForm.onsubmit=fn_Close;
//setVarZero()
saveMeasurement(); setTimeout('setVarZero()',1000);
//window.setTimeout(function() { window.close();}, 1000);
//window.setTimeout(function() { fn_Close();}, 1000);
//fn_Close();
//return true;
}
else
{ return "If you want to close the window click - Leave Page";}

}

}

}

=============
browser close RED X button+ popup OK Cancel "save or not" +OK

Hi All,

I am very new to HTML programming and Javascripts.

What I am trying to accomplish is I have a radio button "RequiredApprovalYesNo". When the selection is "Yes", I need fields "Approver" and "ApproverEmail" to be required upon submit. I also need to make sure that a selection is made with this radio button of either Yes or No.

Here is my HTML code for these three fields and was wondering if someone could show me how to code this script or, give me an example of a Radio button selection resulting in additional fields being required or not.

Thank you in advance.

Code:

<td>
  <input type="radio" name="RequireApprovalYesNo" id="RequireApprovalYesNo" value="Yes">Yes
                
  <input type="radio" name="RequireApprovalYesNo" id="RequireApprovalYesNo" value="No">No
                </tr>
              <tr>
                <td><table width="190" border="0" align="right" cellspacing="0">
                  <tr>
                 </tr>
                </table></td>
              <tr>
                <td colspan="3"><div align="left"><em><strong><b style= 'color: red;'>If Yes, You Must Enter an Approver with a corresponding Email:</b> </strong></em></div></td>
                </tr>
              <tr>
                <td height="25"><div align="right">Approver:</div></td>
                <td>&nbsp;</td>
                <td><input name="Approver" type="text" id="Approver" size="40";"></td>
              </tr>
              <tr>
                <td height="25"><div align="right">
                  <p>Approver's Email: </p>
                  </div></td>
                <td>&nbsp;</td>
                <td><input name="ApprovalEmail" type="text" id="ApprovalEmail" size="40"></td>
              </tr>
              <tr>

Site in question:

www.yourvancouvermortgagebroker.ca/apply

On the 3rd step of this form, I want to add a "SKIP" button that will send the user to the 5th step. No clue how to do this, as someone else helped me code.

Thank You!

Relevant code

javascript file:

Code:

//step 3
 $('#submit_third').click(function(){
        //remove classes
        $('#third_step input').removeClass('error').removeClass('valid');
        //ckeck if inputs aren't empty
        var fields = $('#third_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<1 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='cemail' && !emailPattern.test(value) ) ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });        
        
        if(!error) {

                //update progress bar
                $('#progress_text').html('60% Complete');
                $('#progress').css('width','204px');
                
                //slide steps
                $('#third_step').slideUp();
                $('#fourth_step').slideDown();     
        } else return false;
    });


//step 4
    $('#submit_fourth').click(function(){
        //remove classes
        $('#fourth_step input').removeClass('error').removeClass('valid');
       
        var fields = $('#fourth_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<1 || value==field_values[$(this).attr('id')]) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });

        if(!error) {
                //update progress bar
                $('#progress_text').html('80% Complete');
                $('#progress').css('width','272px');
				 //slide steps
        $('#fourth_step').slideUp();
        $('#fifth_step').slideDown();    
	}
    });                

// step 5				
    $('#submit_fifth').click(function(){	
	//remove classes
        $('#fifth_step input').removeClass('error').removeClass('valid');

I need to figure out the on page button code, what I need to add to the javascript file AND what I need to add in the CSS. (css is here)

Thank you SO much to whoever can help.

Hello,

I'm not really a techie but I was feeling a little adventurous this morning so I thought I'd try to follow some tips online to customize a "buy" button for some products that I'm preparing to sell online at what is currently: www.SensoryEscapeImages.Squarespace.com

If you visit this site, then click on "Photo Gallery" on the top nav, then click on the 4th image to the right on the top row of thumbnails, you will see on the overlay, at the bottom, three dropdowns that I'm trying to affect.

So, there are three fields presented with the Buy button: Size, Format, and Trim & Finish. If I were to select the Size of 8 x 12 in the first dropdown, the behavior that I am striving for is to only show the Formats available in that size in the second dropdown. Subsequently, each format has Trim & Finish options exclusive to that format and I'm aiming to only make those show in the Trim & Finish dropdown.

But it aint working. Here's the code that I started. No laughing

<left><form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=563148&cl=74166&ejc=2"
target="ej_ejc" method="POST" name="condition" accept-charset="UTF-8">
<table><tr><td>Size:<select name="o1">
<option value="8 x 12">8 x 12</option>
<option value="12 x 18">12 x 18</option>
<option value="16 x 24">16 x 24</option>
<option value="20 x 30">20 x 30</option>
<option value="24 x 36">24 x 36</option>
<option value="30 x 45">30 x 45</option>
</select></td><td>Format:<select name="o2">
<script type="text/javascript">
if (condition.o1.options = 0)
{
document.write("<option value="Print $50">Print $50</option>
<option value="Print on Gatorboard $80">Print on Gatorboard $80</option>
<option value="Canvas $125">Canvas $125</option>");
}

if (condition.o1.options = 1)
{
document.write("<option value="Print $90">Print $90</option>
<option value="Print on Gatorboard $125">Print on Gatorboard $125</option>
<option value="Canvas $145">Canvas $145</option>");
}

if (condition.o1.options = 2)
{
document.write("<option value="Print $125">Print $125</option>
<option value="Print on Gatorboard $165">Print on Gatorboard $165</option>
<option value="Canvas $220">Canvas $220</option>
<option value="High Def Metal Print $575">High Def Metal Print $575</option>");
}

if (condition.o1.options = 3)
{
document.write("<option value="Print $170">Print $170</option>
<option value="Print on Gatorboard $230">Print on Gatorboard $230</option>
<option value="Canvas $325">Canvas $325</option>
<option value="High Def Metal Print $725">High Def Metal Print $725</option>");
}

if (condition.o1.options = 4)
{
document.write("<option value="Print $215">Print $215</option>
<option value="Print on Gatorboard $300">Print on Gatorboard $300</option>
<option value="Canvas $430">Canvas $430</option>
<option value="High Def Metal Print $830">High Def Metal Print $830</option>");
}

if (condition.o1.options = 5)
{
document.write("<option value="Print $250">Print $250</option>
<option value="Print on Gatorboard $340">Print on Gatorboard $340</option>
<option value="Canvas $535">Canvas $535</option>
<option value="High Def Metal Print $1">High Def Metal Print $1</option>");
}
</script></select></td>
<td>Trim and Finish:<select name="o3">

<script type="text/javascript">
if (condition.o2.options = 1 || condition.o2.options = 4 || condition.o2.options = 7 ||
condition.o2.options = 11 || condition.o2.options = 15 || condition.o2.options = 19)
{
document.write("<option value="None">None</option>");
}

if (condition.o2.options = 0 || condition.o2.options = 3 || condition.o2.options = 6 ||
condition.o2.options = 10 || condition.o2.options = 14 || condition.o2.options = 18)
{
document.write("<option value="1/4 Inch White Trim">1/4 Inch White Trim</option>
<option value="1/4 Inch Black Trim">1/4 Inch Black Trim</option>");
}

if (condition.o2.options = 2 || condition.o2.options = 5 || condition.o2.options = 8 ||
condition.o2.options = 12 || condition.o2.options = 16 || condition.o2.options = 20)
{
document.write("<option value="White Sides">White Sides</option>
<option value="Black Sides">Black Sides</option>
<option value="Stretched Sides">Stretched Sides</option>");
}

if (condition.o2.options = 9 || condition.o2.options = 13 || condition.o2.options = 17 ||
condition.o2.options = 21)
{
document.write("<option value="Silver Recessed Frame">Silver Recessed Frame</option>
<option value="Silver Frame to Edge">Silver Frame to Edge</option>
<option value="Black Recessed Frame">Black Recessed Frame</option>
<option value="Black Frame to Edge">Black Frame to Edge</option>
<option value="Pewter Recessed Frame">Pewter Recessed Frame</option>
<option value="Pewter Frame to Edge">Pewter Frame to Edge</option>");
}
</script></select></td>
<td><input type="image" src="http://www.e-junkie.com/ej/ej_add_to_cart.gif"
border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/>
</form></td></tr></table></left>

This is a general question on if it's possible and how I'd go about it...

I'm working on a site hosted through a blog-managing company. Sometimes their programming doesn't seem to let me do things that would normally be possible, so I have to find creative work-arounds.

This time, It doesn't seem I can use javascript to change an href destination that is generated by their system. I want the user to go to a different page, when they click on that link.

I can have a script find a specific href, but it can't change it for some reason. So I'm wondering if there's a way I can just have the script redirect the user if they click on that link? I know it seems like a long way round, but I don't see any other way to do this under the circumstances.

Just in case it helps, here's what I thought would work, but didn't:


Code:

document.getElementById('elementName').href == 'http://www.newURL.com';

I am trying to add a pulldown menu with a button to my website. I have successfully done this with a javascript I found online here to give credit:
http://www.blazonry.com/javascript/js_menu.php
I tried to modify the form so it will use an image file instead of the default button. To troubleshoot I took the relevant code and put into a seperate html file. This one is using the default code from the site referenced above. This is the page published online:
http://www.keylimecomputerservice.com/test/default.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<SCRIPT LANGUAGE="JavaScript"><!-- 
function openURL()
{ 

// grab index number of the selected option
selInd = document.theForm.aaa.selectedIndex; 

// get value of the selected option
goURL = document.theForm.aaa.options[selInd].value;

// redirect browser to the grabbed value (here a URL)
top.location.href = goURL; 

}

//--> 
</SCRIPT>

</head>

<body>

<TABLE SPAN="3" BORDER=1 CELLSPACING=0 CELLPADDING=0 align="center" WIDTH="60%">
	<TR>

		<TD WIDTH="33%">
		<center><font color="black">Choose a connection</font></center><br>
		<form name="theForm"> <tt>
		<center>
		<select name="aaa" size="1">
		<option selected value="#"> ---------- </option>
		<option value="/remote/connect1.exe">Connection 1</option>
		<option value="/remote/connect2.exe">Connection 2</option>
		<option value="/remote/connect3.exe">Connection 3</option>
		<option value="/remote/connect4.exe">Connection 4</option>
		<option value="/remote/connect5.exe">Connection 5</option>
		<option value="/remote/connect6.exe">Connection 6</option>
		<option value="/remote/connect7.exe">Connection 7</option>
		<option value="/remote/connect8.exe">Connection 8</option>
		</select>
		</center>
		</TD>

		<TD WIDTH="33%">
		<input type="button" value=" GO " onClick="openURL()"> </tt>
		</form>
		</TD>

		<TD WIDTH="33%">
		</TD>
	</TR>
</TABLE>

</body>

I then tried to change the form to use an image instead of the default button. Obviously I didn't do it right. THIS ONE DOES NOT WORK. When you choose a menu item and then click the image, it just refreshes the page.
Published page:
http://www.keylimecomputerservice.co.../modified.html

This is the modified code.:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<SCRIPT LANGUAGE="JavaScript"><!-- 
function openURL()
{ 

// grab index number of the selected option
selInd = document.theForm.aaa.selectedIndex; 

// get value of the selected option
goURL = document.theForm.aaa.options[selInd].value;

// redirect browser to the grabbed value (here a URL)
top.location.href = goURL; 

}

//--> 
</SCRIPT>

</head>

<body>

<TABLE SPAN="3" BORDER=1 CELLSPACING=0 CELLPADDING=0 align="center">
	<TR>

		<TD WIDTH="33%">
		<center><font color="black">Choose a connection</font></center><br>
		<form name="theForm"> <tt>
		<center>
		<select name="aaa" size="1">
		<option selected value="#"> ---------- </option>
		<option value="/remote/connect1.exe">Connection 1</option>
		<option value="/remote/connect2.exe">Connection 2</option>
		<option value="/remote/connect3.exe">Connection 3</option>
		<option value="/remote/connect4.exe">Connection 4</option>
		<option value="/remote/connect5.exe">Connection 5</option>
		<option value="/remote/connect6.exe">Connection 6</option>
		<option value="/remote/connect7.exe">Connection 7</option>
		<option value="/remote/connect8.exe">Connection 8</option>
		</select>
		</center>
		</TD>

		<TD WIDTH="33%">
		<input type="image" src="connectbutton.jpg" onClick="openURL()"> </tt>
		</form>
		</TD>

		<TD WIDTH="33%">
		</TD>
	</TR>
</TABLE>

</body>

Any and all help is appreciated.

Runout74

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!

Code:

window.onload = initForms;

function initForms(){
	for(var i=0; i<document.forms.length; i++){
		document.forms[i].onsubmit = function(){
			return validForm();
			}
		}
	}

Hi, this is the first part of a long code and I have three questions wondering if anyone could help me..
1. What is the benifit of having the above code with "window.onload" and "for loop" and loop through the forms if I only have ONE form in html?

2. What is this line of code "document.forms[i].onsubmit" saying? Does it mean "Execute function() when submit button within form[i] has been pressed?"

3. function() - Does this empty function mean "run every following function below"?? Thank you!!

Hey guys.

New here on the forum, and writing in desperate need for help! I tried the search, but couldn't come up with an answer for my question.

I am running a clothing webshop with a CMS based on ASP. I would like to add a "Back" button on every 'product page' (PP), leading back to the latest 'product list page' (PLP). My problem is that the supplier of the CMS does not support AJAX, which leaves me with a page that is refreshed (and therefore stored as refer-URL) every time I select a different color, size or picture on the PP. My original thought was to add the 'Back' button and make it link to the selected menu point in the left (which could be brand, size, pants, shirts etc.) however, I came to the conclussion that this would be a bad solution, since under the category 'Pants' I'd have 6-7 pages of pants, so if a user was on page 4 and entered the PP for a pair of pants and pressed the 'Back' button, the user would be taken back to page 1.

Therefore I am looking for a solution that will let me go back x number of steps, until on the previous PLP. To my knowledge ASP only supports reffer URL and not reffer URL of the reffer URL. ?

Now, the URL for PLP's have 'pl' embeded in them, where the URLs inside the PP have 'pi' embeded in them, I don't know if that is usable somehow?

Is there a JS fix for this in any way?

Thanks in advance.

Best regards.

Hi guys what i'm trying to do without sucess , can't find anything on google.. Is trying to arrange a button to do a "CTRL+T" (Select all) effect in the HTML i'm currently viewing. Is this possible in Javascript?

I dont want to select the text in a textbox ! I want it in the whole .html i'm currently viewing.


Cheers