Learn VBA & Macros in 1 Week!

JavaScript - Javascript Confirm Message Dialog

Full Excel VBA Course - Beginner to Expert

Javascript Confirm Message Dialog	View Content

http://tinyurl.com/bw2y3sr
This is my site and I want to create a Yes and No dialogue box when user closes a browser so this popup confirm dialogue should appear. Can anyone help me?

Full Excel VBA Course - Beginner to Expert

Confirm Dialog With Ok And Cancel On Browser Close

Similar Tutorials

View Content

Hi,
i have an popup which is an aspx page and when i click on browser close button..., the system should check if there is any unsaved data in the form or not. If there is any unsaved data then the message should be displayed (Do you want to leave..?) with OK and Cancel button...
On click of the OK button, the data should not be saved and the user should be returned parent form ie popup should be closed and return to the parent form.On click of the cancel button, the control should return to the Pop.

I had tried the below code...

window.onbeforeunload = close;
function close() {
var result=confirm("Do you really want to close this window");
if (result) {
return true;
}
else {
location.href = document.URL;

}
}
The above code is not working ie the popup is getting closed even on click of closse button....
and when clicked on OK it is dispalying another msgbox with leave this page and Stay on this page buttons...

Please help me regarding the same...

Avoid Confirm Message When Using Window.onbeforeunload

Similar Tutorials

View Content

i dont want to show the confirm message when using window.onbeforeunload.
Please suggest a solution to hide the confirm message..

Firefox Ignores My Javascript Prompt Dialog Box..... Help!

Similar Tutorials

View Content

Hey there guys, i've been having a problem lately and i can't seem to find any solution for that. I know you guys could help me, so here it goes:

I have a javascript promt box (as you can see in the code below) it works perfectly fine with internet explorer however it's NOT working in firefox. I tried everything i can think of, but still its not working!

Please check the code below and give me the solution for firefox. Thank You!

<%@LANGUAGE="VBSCRIPT" CODEPAGE="28592"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Choose Your Language</title>
<script language="javascript" type="text/javascript">
function checklang()
{
var lang = prompt('Choose A Language:'+'\n' + "(Ex: Armenian, Arabic, English, French, Greek, Russian)",'English');
if (lang==null || lang=="")
{lang=""; return;}

if (lang=="Armenian" || lang=="Arabic" || lang=="English" || lang=="French" || lang=="Greek" || lang=="Russian")
{location.href = "sermon-section.asp?lang="+lang};
else
location.reload();
}
</script>
</head>

<body>

<a href="#" onclick="checklang()">Choose Your Language</a>

</body>
</html>

Javascript Checkbox Confirm

Similar Tutorials

View Content

Hello,

I'm new to Javascript, but have been programming in PHP and other web codes for 4 years now.

I was wondering how you would check if a checkbox was ticked, upon its selection and then unhide HTML content, and then hide such content when deselected..

So far I have this:

Code:

<script type="text/javascript">
	function Agree() {
		document.getElementById("stepTwo").className = "";
	}
</script>

Which is called by onclick="Agree()" on the select box itself..

I understand an if statement is needed, but how would one go about doing this as my if statements do not appear to be working.

Javascript : Confirm Delete

Similar Tutorials

View Content

Hi I really really really need your help since I have no idea about this.

How can I insert the Javascript Confirmation Alert into the del.php file?

I have this del.php file

PHP Code:
<?php
require ("include/config.php");
$id=$_REQUEST['id'];

$strSQL = "DELETE FROM change WHERE id = '".$id."' ";
$objQuery = odbc_exec($conn,$strSQL);
if($objQuery)
{

echo "<script language='Javascript'>alert('Deleted.');
     window.location=\""."index.php?action=syif\"</script>";

}
else
{
echo "Error Delete [".$strSQL."]";
}
odbc_close($conn);

?>

This is the confirmation javascript

Code:

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Delete?");
if (r==true)
  {
  alert("Deleted!");
  }
else
  {
  alert("Cancelled!");
  }
}
</script>
</head>
<body>
 
<input type="button" onclick="show_confirm()" value="Show confirm box" />
 
</body>
</html>

Need Help With Beginning Javascript Code For Window.confirm() Function

Similar Tutorials

View Content

I am having some difficulty in constructing a window.confirm() function that works with my code. So if the form data is valid, I need to use a window.confirm() dialog box to show the user's total cost based on the rental rate of equipment chosen and the reservation period. The user must accept the cost by pressing the confirm button, and if user cancels do not submit data. I have written this code but cannot figure out how to find the number of days from the 2 date fields and use that to calculate and display the total cost. Any help with this will be greatly appreciate. Thanks so much.

[This is the part I am having trouble with:]

//confirm submit and display rental cost
Code:

			 	var equip = document.forms[0].equipment.value
				var pDate = document.forms[0].pickupDate.value
				var pHours = document.forms[0].pickupHours.value
				var pMinutes = document.forms[0].pickupMinutes.value
				var rDate = document.forms[0].returnDate.value
				var rHours = document.forms[0].returnHours.value
				var rMinutes = document.forms[0].returnMinutes.value
				
				var pTime = pHours + pMinutes
				var rTime = rHours + rMinutes
				
				var total = (((rDate - pDate) - 1) * 24) * equip) + ((rTime + (24 - pTime)) * equip)
		
				function confirmSubmit() {
				var submitForm = window.confirm("'The total rental cost is: ' + total");
				if (submitForm == true) 
					return true;
					return false;
				}

[Below is the code I have so far:]
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>
	<!-- Brooks Rogalski
		December 6, 2010 -->
<title>ABC Outdoor Sports</title>
<meta http-equiv="content-type"
	content="text/html; charset=iso-8859-1" />
	
	<script type = "text/javascript">
		/* <![CDATA[ */
		
			//image slideshow function
			
			var interval = 4000; // delay between rotating images
			var random_display = 1; // 0 = no, 1 = yes
			var pause = false;
			var image_index = 0;
			
			image_list = new Array();
			image_list[image_index++] = new imageItem("fishing.jpg");
			image_list[image_index++] = new imageItem("biking.jpg");
			image_list[image_index++] = new imageItem("climbing.jpg");
			image_list[image_index++] = new imageItem("kayaking.jpg");
			image_list[image_index++] = new imageItem("scuba.jpg");
			
			var number_of_image = image_list.length;
			
			function imageItem(image_location) {
			
				this.image_item = new Image();
				this.image_item.src = image_location;
			}
			
			function get_ImageItemLocation(imageObj) {
				return(imageObj.image_item.src)
			}

			function generate(x, y) {
			
				var range = y - x + 1;
				return Math.floor(Math.random() * range) + x;
			}

			function getNextImage() {
				if (pause == true) return;
				
				if (random_display) {
					image_index = generate(0, number_of_image-1);
				}
				else {
					image_index = (image_index+1) % number_of_image;
				}
				
				var new_image = get_ImageItemLocation(image_list[image_index]);
				return(new_image);
			}

			function rotateImage(place) {
				
				var new_image = getNextImage();
				
				document[place].src = new_image;
				
				var recur_call = "rotateImage('"+place+"')";
				
				setTimeout(recur_call, interval);
			}

			
				
			//validate form functions
			
			function validateForm() {
			
				var valid = true;
				
				//validate equipment 
				
				if (document.forms[0].equipment.selectedIndex == 0) {
					window.alert("Please select your equipment type.");
					document.forms[0].equipment.focus();
					return false;
				}
				
				//validate pick-up date
			
				if (document.forms[0].pickupDate.value == "'' || '(mm/dd/yyyy)'" ) {
					window.alert("Please enter your Pick-up Date.");
					document.forms[0].pickupDate.focus();
					valid = false;
					return valid;
				}
				
				today = new Date();
				year = today.getFullYear() ;
				month = today.getMonth();
				day = today.getDate();
				
				//validate pickup date format
				
				var re =/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2,4}$/
	
				if(document.forms[0].pickupDate.value != '' && 		!document.forms[0].pickupDate.value.match(re)) { 
					window.alert("Invalid date format: " + document.forms[0].pickupDate.value); 
					document.forms[0].pickupDate.focus();
					valid=false;
					return valid;
				}
	
				var date;
				var input2=document.forms[0].pickupDate.value;
				var cyear = parseInt(input2.substring(6,10));
				var cmonth = parseInt(input2.substring(0,2)) - 1;
				var cday = parseInt(input2.substring(3,5));
	
				if ( month < cmonth ){
					date = year - cyear - 1;
				}
				else if ( month < cmonth ){
					date = cyear - year;
				}
				else if ( month == cmonth ){
					if ( cday < day ){
						date = cyear - year - 1;
					}
					else if ( day > cday ){
						date= cyear - year;
					}
					else if ( day == cday ){
						date = cyear - year-1;
					}
				}
	
				if(date < 2){
					window.alert('Must be atleast 2 days from today');
					valid=false;
					return valid;
				}
				
				//validate pick-up time hours
				
				if (document.forms[0].pickupHours.selectedIndex == 0) {
					window.alert("Please select the number of hours for pick-up time.");
					document.forms[0].pickupHours.focus();
					return false;
				}
				
				//validate pick-up time minutes
				
				if (document.forms[0].pickupMinutes.selectedIndex == 0) {
					window.alert("Please select the number of minutes for pick-up time.");
					document.forms[0].pickupMinutes.focus();
					return false;
				}
				
				//validate return date
			
				if (document.forms[0].returnDate.value == "'' || '(mm/dd/yyyy)'" ) {
					window.alert("Please enter your Return Date.");
					document.forms[0].returnDate.focus();
					valid = false;
					return valid;
				}
				
				//validate return date format
				
				if(document.forms[0].returnDate.value != '' && !document.forms[0].returnDate.value.match(re)) { 
					window.alert("Invalid date format: " + document.forms[0].returnDate.value); 
					document.forms[0].returnDate.focus();
					valid=false;
					return valid;
				}
	
				if(document.forms[0].returnDate.value <= document.forms[0].pickupDate.value){
					window.alert("Please choose later date");
					valid=false;
					return false;
				}
				
				//validate return time hours
				
				if (document.forms[0].returnHours.selectedIndex == 0) {
					window.alert("Please select the number of hours for return time.");
					document.forms[0].returnHours.focus();
					return false;
				}
				
				//validate return time minutes
				
				if (document.forms[0].returnMinutes.selectedIndex == 0) {
					window.alert("Please select the number of minutes for return time.");
					document.forms[0].returnMinutes.focus();
					return false;
				}
				
				//validate first name
			
				if (document.forms[0].firstName.value=="") {
					window.alert("Please enter your first name.");
					document.forms[0].firstName.focus();
					valid = false;
					return valid;
				}
				
				//validate last name
			
				if (document.forms[0].lastName.value=="") {
					window.alert("Please enter your last name.");
					document.forms[0].lastName.focus();
					valid = false;
					return valid;
				}
				
				//validate street address
			
				if (document.forms[0].street.value=="") {
					window.alert("Please enter your street address.");
					document.forms[0].street.focus();
					valid = false;
					return valid;
				}
				
				//validate city
			
				if (document.forms[0].city.value=="") {
					window.alert("Please enter your city.");
					document.forms[0].city.focus();
					valid = false;
					return valid;
				}
				
				//validate zip code
				
				if (document.forms[0].zip.value==""){
					window.alert("Please enter your zip code.");
					document.forms[0].zip.focus();
					valid=false;
					return valid;
				}
	
				var re5digit=/^\d{5}$/ 
	
				if (document.forms[0].zip.value.search(re5digit)==-1){ 
					window.alert("Please enter a 5 digit number")
					valid=false;
					return valid;
				}
				
				//validate date of birth
				
				if (document.forms[0].date.value == "'' || '(mm/dd/yyyy)'" ){
					window.alert("Please enter your date of birth.");
					document.forms[0].birthDate.focus();
					valid=false;
					return valid;
				}
				
				var reDateFormat = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/
				
				if(document.forms[0].date.value.search(reDateFormat)==-1){
					window.alert("Please enter a standard format. [mm/dd/yyyy]")
					valid=false;
					return valid;
				}
				
				//check if over 18
				
				var age;
				var input = document.forms[0].birthDate.value;
				var pyear = parseInt(input.substring(6,10));
				var pmonth = parseInt(input.substring(0,2)) - 1;
				var pday = parseInt(input.substring(3,5));
	
				if ( month < pmonth ){
					age = year - pyear - 1;
				}
				else if ( month > pmonth ){
					age = year - pyear;
				}
				else if ( month == pmonth ){
					if ( day < pday ){
						age = year - pyear - 1;
					}
					else if ( day > pday ){
						age = year - pyear;
					}
					else if ( day == pday ){
						age = year - pyear;
					}
				}
				if(age < 18){
					window.alert('Attention: Under 18!');
					valid=false;
					return valid;
				}	
				
				//confirm submit and display rental cost
			
			 	var equip = document.forms[0].equipment.value
				var pDate = document.forms[0].pickupDate.value
				var pHours = document.forms[0].pickupHours.value
				var pMinutes = document.forms[0].pickupMinutes.value
				var rDate = document.forms[0].returnDate.value
				var rHours = document.forms[0].returnHours.value
				var rMinutes = document.forms[0].returnMinutes.value
				
				var pTime = pHours + pMinutes
				var rTime = rHours + rMinutes
				
				var total = (((rDate - pDate) - 1) * 24) * equip) + ((rTime + (24 - pTime)) * equip)
		
				function confirmSubmit() {
				var submitForm = window.confirm("'The total rental cost is: ' + total");
				if (submitForm == true) 
					return true;
					return false;
				}
				
				
			}
			
			
			
			
		/* ]]> */
	</script>

</head>
<body onload = "rotateImage('rImage')">

	<h1> ABC Outdoor Sports Equipment </h1>

	
	<img src="fishing.jpg" id="rImage" width="250" height="200" onmouseover = "pause=true;" onmouseout = "pause=false;"> 
	
	<br/>
	<br/>
	
	<form onsubmit = "return validateForm();" action = "mailto:rogalskibf@gmail.com?subject=ABC Customer Reservation" method="post" enctype="text/plain">
		<table border = "0">
			<tr>
				<td>
					Equipment:<br/>
					<select name = "equipment">
						<option value="unselected">Select Equipment Type</option>
						<option value = 20>Fishing Boat</option>
						<option value = 15>Kayak</option>
						<option value = 2>Mountain Bike</option>
						<option value = 10>Scuba Gear</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Pick-up Date: <br/>
					<input type = "text" name = "pickupDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Pick-up Time: <br/>
					<select name = "pickupHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>

					<select name = "pickupMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Return Date: <br/>
					<input type = "text" name = "returnDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Return Time: <br/>
					<select name = "returnHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>
					
					<select name = "returnMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					First Name: <br/>
					<input type = "text" name = "firstName"/>
				</td>
				<td>
					Last Name: <br/>
					<input type = "text" name = "lastName"/>
				</td>
			</tr>
			<tr>
				<td>
					Street: <br/>
					<input type = "text" name = "street"/>
				</td>
				<td>
					City: <br/>
					<input type = "text" name = "city"/>
				</td>
				<td>
					Zip:<br/>
					<input type = "text" name = "zip" maxlength = "5"/>
				</td>
			</tr>
			<tr>
				<td>
					Date of Birth: <br/>
					<input type = "text" name = "date" value = "(mm/dd/yyyy)"/>
				</td>
			</tr>
			<tr>
				<td colspan = "3" align = "center">
					<input type = "submit" name = "submit" value = "Submit Reservation"/>
				</td>
			</tr>
		</table>
	</form>


</body>
</html>

Avoiding Activex Message Box Using Javascript

Similar Tutorials

View Content

Hi

I'm using an ActiveX control in my html page.. Each time i load the page ie pops a message box to allow the activex to run or not . Is there any way to handle that message box using javascript. Or is there any other way to avoid that message box because each time the page loads i have to give yes and then proceed. By default i've to give yes is there any way to handle that using javascript.
help me out please...

Alert() Message Isn't Being Called In Javascript

Similar Tutorials

View Content

Firebug is giving me no error messages, but alert() message is never triggered. I want the alert() message defined below to alert what the value of the variable result is (e.g. {filter: Germany}). And it doesn't. I think the javascript breaks down right when a new Form instance is instantiated because I tried putting an alert in the Form variable and it was never triggered. Note that everything that pertains to this issue occurs when form.calculation() is called:

markup:

Code:

        <fieldset> 
        <select name="filter" alter-data="dropFilter"> 
            <option>Germany</option> 
            <option>Ukraine</option> 
            <option>Estonia</option> 
        </select>    
        <input type="text" alter-data="searchFilter" /> 
    </fieldset>

javascript (below the body tag)
Code:

<script> 
(function($){ 
 
var listview = $('#listview'); 
 
var lists = (function(){ 
    var criteria = { 
        dropFilter: { 
            insert: function(value){ 
                if(value) 
                    return handleFilter("filter", value);   
            }, 
            msg: "Filtering..." 
        }, 
        searchFilter: { 
            insert: function(value){ 
                if(value) 
                    return handleFilter("search", value); 
            }, 
            msg: "Searching..." 
        } 
 
    } 
    var handleFilter = function(key,value){ 
            return {key: value}; 
    } 
    return {   
         create: function(component){ 
            var component = component.href.substring(component.href.lastIndexOf('#') + 1);  
            return component; 
        }, 
         setDefaults: function(component){ 
            var parameter = {}; 
            switch(component){ 
                case "sites": 
                    parameter = { 
                        'order': 'site_num', 
                        'per_page': '20', 
                        'url': 'sites' 
                    } 
            } 
            return parameter; 
        }, 
        getCriteria: function(criterion){ 
            return criteria[criterion];      
 
        }, 
        addCriteria: function(criterion, method){ 
            criteria[criterion] = method;   
        } 
    } 
})();  
 
var Form = function(form){ 
    var fields = []; 
    $(form[0].elements).each(function(){   
        var field = $(this);   
        if(typeof field.attr('alter-data') !== 'undefined') fields.push(new Field(field));   
    })   
} 
 
Form.prototype = { 
    initiate: function(){ 
        for(field in this.fields){ 
            this.fields[field].calculate();  
        } 
    }, 
     isCalculable: function(){   
        for(field in this.fields){   
                if(!this.fields[field].alterData){   
                return false;  
            } 
        }  
        return true;    
    }  
} 
 
var Field = function(field){   
    this.field = field;  
    this.alterData = false;  
    this.attach("change");   
    this.attach("keyup");   
} 
 
Field.prototype = {   
    attach: function(event){ 
        var obj = this;   
        if(event == "change"){ 
            obj.field.bind("change", function(){  
                return obj.calculate(); 
            }) 
        } 
        if(event == "keyup"){ 
            obj.field.bind("keyup", function(e){   
                return obj.calculate(); 
            }) 
        } 
    }, 
    calculate: function(){ 
        var obj = this,   
            field = obj.field,   
            msgClass = "msgClass", 
            msgList = $(document.createElement("ul")).addClass("msgClass"),   
            types = field.attr("alter-data").split(" "),   
            container = field.parent(),  
            messages = []; 
 
        field.next(".msgClass").remove();  
        for(var type in types){   
            var criterion = lists.getCriteria(types[type]);   
            if(field.val()){  
                var result = criterion.insert(field.val());  
 
                container.addClass("waitingMsg");   
                messages.push(criterion.msg);   
 
                obj.alterData = true;   
 
                alert(result); 
                initializeTable(result);   
 
            } 
            else {    
                return false;   
                obj.alterData = false;   
            } 
        } 
        if(messages.length){ 
            for(msg in messages){ 
                msgList.append("<li>" + messages[msg] + "</li");   
            } 
        } 
        else{ 
            msgList.remove();   
        } 
    } 
} 
 
$('#dashboard a').click(function(){ 
    var currentComponent = lists.create(this); 
    var custom = lists.setDefaults(currentComponent); 
    initializeTable(custom); 
}); 
 
var initializeTable = function(custom){ 
    var defaults = {}; 
    var custom = custom || {}; 
 
    var query_string = $.extend(defaults, custom); 
 
    var params = []; 
    $.each(query_string, function(key,value){ 
        params += key + ': ' + value;  
    }) 
    var url = custom['url']; 
 
    $.ajax({ 
        type: 'GET', 
        url: '/' + url, 
        data: params, 
        dataType: 'html', 
        error: function(){}, 
        beforeSend: function(){}, 
        complete: function() {}, 
        success: function(response) {  
            listview.html(response); 
        } 
    }) 
} 
 
$.extend($.fn, {   
    calculation: function(){ 
 
        var formReady = new Form($(this)); 
 
        if(formReady.isCalculable) { 
            formReady.initiate();    
        } 
    } 
 
}) 
 
 
    var form = $('fieldset'); 
    form.calculation(); 
})(jQuery)

Thanks for response.

How To Display 'loading Pls Wait Message' Using Javascript

Similar Tutorials

View Content

Hi,

I have php script that uploads a file. once i click upload it should display a animated GIF image or "Loading please wait" message with the backround transparent screen covering the whole page so that the user is not able to click anything during file upload. How can i do this?

Could someone help me on this.

Thanks in advance.

Validate Email Address In Prompt Message Javascript

Similar Tutorials

View Content

Hi there, I would like to validate the email address typed into the prompt message by the user, but to no avail. Can some kind soul help?

Code:

function addOption() 
{       
    var new = prompt("Enter New Item:"); 
    if (!new == "")
    {
        var answer = confirm ("Are you sure you want to add? ") 
        if (answer)//if answer is true
        {        
            var lst = document.getElementById('lstBx');  // listbox control id
            // Now we need to create a new 'option' tag to add to MyListbox 
            for (var i = 0; i < lst.options.length; i++) 
            {
                arrTexts = lst.options[i].text; 
               
                if (arrTexts.toLowerCase() == newItem.toLowerCase()) 
                {
                    alert ("That email address is already included in the list - please enter another one.");
                    break;
                }
                    
                else
                {
                    validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
                    strEmail = lst.value;

                    // search email text for regular exp matches
                    if (strEmail.search(validRegExp) == -1) 
                    {
                       alert('A valid e-mail address is required.\nPlease retry.');
                       return false;
                    }                
                    var optionNew = document.createElement("option"); 

                    optionNew.value = new; // The value that this option will have 
                    optionNew.innerHTML = new; // The displayed text inside of the <option> tags
                                              
                    // Finally, add the new option to the listbox 
                    lst.appendChild(optionNew);             
                    //sort items in listbox in alpha order
                    arrTexts = new Array();    
                    for(i=0; i<lst.length; i++) 
                    {
                        arrTexts[i] = lst.options[i].text;
                    }     
                                    
                    arrTexts.sort();
                    for(i=0; i<lst.length; i++)
                    {
                        lst.options[i].text = arrTexts[i];
                            lst.options[i].value = arrTexts[i];
                    } 
                }
                return false;
            }                                
        }
    }
    else
    {    
        if(new == "")
        {
            alert("Key something to textbox please.");
        }
                    
        else
            alert("Cancelled.");                
    }                              
}

Code:

<select id="lstBx" name="listBox" size="6" style="width: 580px;">  
  
      <option>a@hotmail.com</option>  
  
      <option>b@hotmail.com</option>  
  
      <option>c@yahoo.com</option>  
  
     <option>d@gmail.com</option>  
  
     <option>e@ymail.com</option>  
  
     <option>f@msn.com</option>                                        
  
 </select>

Dialog Box With Yes/no Instead Of Ok/cancel

Similar Tutorials

View Content

Hi,

Is there any way (any api) to display the confirm dialog box with yes/no buttons instead of ok/cancel in javascript.

Can any one please let me know.

Thanks in advance.

Array And Dialog Box

Similar Tutorials

View Content

Hey Scripters,

I need to complete a task for a friend and I am stuck at this part. I am new with Javascript but I'm his only friend that knows a bit of Javascript.

So for this problematic part of my task, I need to use tables and dialog boxes.

First of all I need to define an array of 3 elements. Each element is associated with a different first name.

Then I shall realize a first function to add a name in the table. The function takes as parameter the table previously created and return it containing an additional element whose value is the name that the visitor wants to add. I must use the dialog box prompt so that the user can specify the name he wishes to add in the table.

I shall also perform a second function which will display the name that is included in the different array elements. This function will also take the table in parameters and proceed with setting the display name with a dialog box alert type that contains all of the name separated by ";".

Help is very much appreciated.

Please don't post links, I need explanations, so that I can understand next time I encounter this situation.

Confirmation Dialog Does Not Appear In Firefox

Similar Tutorials

View Content

I have created a button with a window.confirm() method but when I click on it in firefox the dialog box does not appear. It does however appear in all the other browsers

Save Dialog For Zip File - Urgent Help!

Similar Tutorials

View Content

I have a ZIP file in the server. I want create a create a save dialog to save the zip file in local machine.

The below code works perfectly fine for firefox but not on IE. apparently I want the code to work in IE. this is 4th JS forum I am posting my question......any help is greatly appreciated.

<html>
<head></head>
<script language='javascript'>
function JBTRunZip( ){

location.href="IMAN_IMAGE_FILES.zip";

}
function download(locate){
window.open(locate)
}
</script>
<body>
<button onclick="JBTRunZip()">generateZip</Button>
<td><input type ="Button" value ="Scarica" onclick="download('Test.zip');"></td>
</body>
</html>

Close Two Dialog Boxes With One Click

Similar Tutorials

View Content

Hello,

I have a dialog box and in there I have a button that says New Service. When a user clicks on New Service, another dialog is shown where they the put the name of the service and after they click Create, I want that dialog box and the first one close as well. Here is my code, I can't figure it out.

I want the #create-userDialog box to close after the user clicks on Create in #new-serviceDialog.

<script>
$(function() {

$( "#dialog:ui-dialog" ).dialog( "destroy" );

$( "#create-userDialog" ).dialog({
autoOpen: false,
width: 600,
modal: true,
buttons: {
"OPEN": function() {
var bValid = true;
allFields.removeClass( "ui-state-error" );

},
CLOSE: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});

$( "#create-user" )
.button()
.click(function() {
$( "#create-userDialog" ).dialog( "open" );
});

$( "#new-serviceDialog" ).dialog({
autoOpen: false,
width: 400,
modal: true,
buttons: {
"Create": function() {
var bValid = true;
onclick = $( this ).dialog( "close" );
allFields.removeClass( "ui-state-error" );

},
Close: function() {
$( this ).dialog( "close" );

}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}

});

$( "#new-service" )
.button()
.click(function() {
$( "#new-serviceDialog" ).dialog( "open" );
});

});
</script>

Open Multiple Dialog Boxes

Similar Tutorials

View Content

Hello,

I have some code to open 1 dialog box. Could someone please help me manipulate this code to open multiple boxes with different contents. I would like to do this with out duplicating the existing code, maybe setting a variable. The least amount of code the better.

Thanks in advance.

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">
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
</head><body>
<div id="dialog" title="Example dialog">
  <p>Some text that you want to display to the user.</p>
</div>
<script type="text/javascript">
  $(document).ready(function() {
   
    $("#dialog").dialog({
      bgiframe: true, autoOpen: false, height: 100, modal: true
    });
  });
</script>
<a href="#" onclick="jQuery('#dialog').dialog('open'); return false">Click here to see the popup</a>
</body>
</html>

Save As Dialog Without New Window (ajax)

Similar Tutorials

View Content

Hey guys, I've been experimenting around with a way to get a "Save As" dialog to pop up prompting the user to download a certain file from the server.
How I've done this so far is open a window in Javascript to a PHP file, server side, passing an argument through _GET. The PHP generates the file and then sends a header request to download. Simple enough. The problem is that using this method opens a blank window in addition to the Save As Dialog. Is there anyway to fool the browser/ hide the window/ etc, so two windows don't pop up at the same time everytime my users press the download button?
I am also pretty familiar with AJAX techniques, so if anyone has a solution along that route as well I'd appreciate it.

Cheers,
Q

Save As Dialog From Download Button

Similar Tutorials

View Content

I have searched this, I promise. But everything I've tried either does nothing or just opens a new window.

All I want to be able to do is to have a button that when the user clicks on it, it will open a "save as" dialog box so they can save a file (a separate file, not the html one that they are looking at) from my server. Is this really not possible using javascript, or am I just completely confused again?

How Do I Make My Delete Button To Pop Up A Confirmation Dialog Box?

Similar Tutorials

View Content

Hi!

Trying to get a delete confirm dialog box to open when you click on the button.

Here's what I have in the body...

@if (Model.Layer.Id > 0){
<div style="float: left; padding-left: 14px;">
@using (Html.BeginForm("Delete", "Layer", new { layerId = Model.Layer.Id, subAccountId = Model.SubAccount.Id })){
<input type="image" src="/Portal/Content/images/admin-delete-off-btn.png" onmouseover="this.src='/Portal/Content/images/admin-delete-on-btn.png'" onmouseout="this.src='/Portal/Content/images/admin-delete-off-btn.png'" title="Delete button" value="Delete" alt="Delete" />
}
</div>
}

I can't seem to figure out the script to make this work. Can anyone help?

What I had was

<script type="text/javascript">
function confirmDeleteSelected(id) {

jQuery("#dialog-confirmDelete").dialog({
closeOnEscape: false,
resizable: false,
width: 250,
modal: false,
zIndex: 5000,
buttons: {
"Yes": function () {
doDeleteSelected(id);
jQuery(this).dialog("close");
jQuery(this).dialog("destroy");
},
"No": function () {
jQuery(this).dialog("close");
jQuery(this).dialog("destroy");
}
} //end Buttons
});
}

</script>

Thanks

Phil

How To Change The Bgcolor Of The Dojo Dialog Title Bar

Similar Tutorials

View Content

hey
another know how can i change the background color of the title bar in the dojo dialog box?
cause i search and i couldn't find any way....
Please help me and reply asap
Thanks
p.s if can show me sample code of how to change